function swap1()
{
    document.getElementById("f_img").innerHTML = f_img1;
    document.getElementById("f_data").innerHTML = f_data1;
}

function swap2()
{
    document.getElementById("f_img").innerHTML = f_img2;
    document.getElementById("f_data").innerHTML = f_data2;
}

function swap3()
{
    document.getElementById("f_img").innerHTML = f_img3;
    document.getElementById("f_data").innerHTML = f_data3;
}

function swap4()
{
    document.getElementById("f_img").innerHTML = f_img4;
    document.getElementById("f_data").innerHTML = f_data4;
}

function swap5()
{
    document.getElementById("f_img").innerHTML = f_img5;
    document.getElementById("f_data").innerHTML = f_data5;
}

var f_data1 ="<h2>Featured Project > <a href='http://infolab.northwestern.edu/projects/news-at-seven/'>News at Seven</a></h2>News at Seven is a fully automated approach to creating broadcast news. The system finds and edits relevant stories for broadcast presentation, uncovers visual materials , and augments the primary text using sources such as blogs.  Together, these resources are then used to drive a set of animated characters who reside in a virtual \"news world\" we  have created for them. <br/><a href='http://infolab.northwestern.edu/projects/news-at-seven/' class='bold floatRight'>view project</a>";

var f_img1 ="<a href='http://infolab.northwestern.edu/projects/news-at-seven/'><img src='media/images/featured_nas.jpg' alt='News at Seven' title='News at Seven' height='145'/></a>";

var f_data2 ="<h2>Featured Project > <a href='http://infolab.northwestern.edu/projects/stats-monkey/'>Stats Monkey</a></h2>Imagine that you could push a button, and magically create a story about a baseball game.  That's what the Stats Monkey system does.  Given information commonly available online about many games - the box score and the play-by-play-the system automatically generates the text of a story about that game that captures the overall dynamic of the game and highlights the key plays and key players. <br/><a href='http://infolab.northwestern.edu/projects/stats-monkey/' class='bold floatRight'>view project</a>";

var f_img2 ="<a href='http://infolab.northwestern.edu/projects/stats-monkey/'><img src='media/images/featured_sm.jpg' alt='Stats Monkey' title='Stats Monkey' height='145'/></a>";

var f_data3 ="<h2>Featured Project > <a href='http://infolab.northwestern.edu/projects/manatee/'>Manatee</a></h2>The internet is a network of information dense with associations and relationships. Manatee Comics, an automatic webcomic generator, attempts to detect and expose these associations in entertaining or thought provoking ways through three-panel comic strips.<br/><a href='http://infolab.northwestern.edu/projects/manatee/' class='bold floatRight'>view project</a>";

var f_img3 ="<a href='http://infolab.northwestern.edu/projects/manatee/'><img src='media/images/featured_m.jpg' alt='Manatee' title='Manatee' height='145'/></a>";


var f_data4 ="<h2>Featured Project > <a href='http://infolab.northwestern.edu/projects/tell-me-more/'>Tell Me More</a></h2>What a news sources tell you may be just as important as what they don't tell you. 'Tell me more' is a system that, given a seed news story, looks for similar ones in other news sources and automatically detects meaningful differences with respect to the seed story. The system presents snippets of text that make these differences visible.</a><br/><a href='http://infolab.northwestern.edu/projects/tell-me-more/' class='bold floatRight'>view project</a>";

var f_img4 ="<a href='http://infolab.northwestern.edu/projects/tell-me-more/'><img src='media/images/featured_tmm.jpg' alt='Tell Me More' title='Tell Me More' height='145'/></a>";


var f_data5 ="<h2>Featured Project > <a href='http://infolab.northwestern.edu/projects/so-you-say/'>So You Say</a></h2>Harnessing the power of social media to enrich the presentation of news is a critical challenge for journalists and publishers, but doing this in a meaningful way has proven difficult.  Focusing on the emerging social media platform Twitter, So you Say is an important step towards uniting the 'old school' values of news organizations with the 'new school' needs of today's audiences. <br/><a href='http://infolab.northwestern.edu/projects/so-you-say/' class='bold floatRight'>view project</a>";

var f_img5 ="<a href='http://infolab.northwestern.edu/projects/so-you-say/'><img src='media/images/featured_sys.jpg' alt='So You Say' title='So You Say' height='145'/></a>";