//Global vars are evil, but seem necessary
var selected_content_index = 0;
var direction = 1;

$(document).ready(function(){
   $("#redirect_error").dialog({title:"Welcome to the new Lexile.com Web site!",
                                width: 600,
				modal: true
			      });
  var interval = window.setInterval("rotate_featured_content()", 6000);
  select_content(interval);
});

function rotate_featured_content() {
    var old_index = selected_content_index;
    if(selected_content_index == 3) {
        direction = -1;
    }
    if(selected_content_index == 0) {
        direction = 1;
    }
    selected_content_index = selected_content_index + direction;
    var new_top = selected_content_index * 65;
    $("#menu_overlay").animate({
        "marginTop": new_top      
    }, 
    650, 
    "swing", 
    highlight_content(old_index, selected_content_index));
};

function highlight_content (old_idx, new_idx) {
    window.setTimeout(function() {
        $("#"+ "splash_" + old_idx).addClass("inactive");
        $("#"+ "splash_" + new_idx).removeClass('inactive');    
    },
    650);
};

function select_content (interval) {
    $(".menu_link").click(function() {
        old_index = selected_content_index;
        selected_content_index = parseInt(this.id.replace('link_', ''));
        
        var new_top = selected_content_index * 65
        $("#menu_overlay").animate({
            "marginTop": new_top
        }, 650,
        'swing');
        highlight_content(old_index, selected_content_index);
        window.clearInterval(interval); 
    });
}