var selected;
var interval;
var news;

$(document).ready(function(){
    $.get("news.xml",function(xml){
        news = $('news_item', xml);
        selected = Math.floor(Math.random() * news.size());

        populate(news);
        switch_news(news.eq(selected));

        $("#pausebutton").click(function() {
            $("#pausebutton").hide();
            $("#autobutton").show();
            pause();
        });

        $("#autobutton").click(function() {
            $("#autobutton").hide();
            $("#pausebutton").show();
	    play();
        });

        $("#nextbutton").click(function() {
            if(selected >= (news.size() - 1))
                next = 0;
            else
                next = selected + 1;
            switch_news(news.eq(next));
        });

        $("#prevbutton").click(function() {
            if(selected <= 0)
                prev = (news.size() - 1);
            else
                prev = selected - 1;
            switch_news(news.eq(prev));
        });

        news.each(function() {
            $("#flink" + $(this).attr("id")).click(function() {
                $("#pausebutton").hide();
                $("#autobutton").show();
                pause();
                switch_news(news.eq($(this).attr("id").charAt(5) - 1));
            });
        });
    });

    play();
});

function populate(items) {
    news_list = '<div id="spryregion1">';
    items.each(function(i) {
        id = $(this).attr("id");
        news_list += '<div><div id="flink' + id + '" class="n-link">';
        news_list += $(this).find("title").text() + '<br /><span class="discreet">';
        news_list += $(this).find("effective").text() + '</span></div></div>';
    });
    news_list += '</div>';

    $("#flink-wrapper").append(news_list);
}

function switch_news(item) {
    selected_title = '<a href="' + item.find("location").text() + '">' + item.find("title").text() + '</a>';
    selected_image = '<div><img src="' + item.find("largeimage").text() + '" alt="" /></div>';

    $("#flink" + (selected + 1)).css("background-color", "rgb(0,42,86)");
    $("#flink" + item.attr("id")).css("background-color", "rgb(43,85,126)");
    $(".nn_description").html(item.find("description").text());
    $(".nn_header").html(selected_title);

    $("#nn_image").html(selected_image);
    $("#nn_image").fadeIn("fast");

    selected = item.attr("id") - 1;
}

function next_item() {
    if(selected >= (news.size() - 1))
        switch_news(news.eq(0));
    else
        switch_news(news.eq(selected + 1));
}

function play() {
    interval = setInterval("next_item()", 12000);
}

function pause() {
    try {
        clearInterval(interval);
    } catch(e) { }
}