var highlightCurrent = 1;
var highlightAutoStart = 0;

function highlightOnLoad()
{
    var highlightBaseDiv = document.getElementById("highlightBase");

    if(highlightBaseDiv != null)
    {
        highlightSwitchAuto();
    }
}

function highlightSwitch(highlightID)
{
    if(highlightID != highlightCurrent)
    {
        var highlightCurrentDiv = document.getElementById("highlightDiv" + highlightCurrent);
        var highlightCurrentThumb = document.getElementById("highlightThumb" + highlightCurrent);
        var highlightNewDiv = document.getElementById("highlightDiv" + highlightID);
        var highlightNewThumb = document.getElementById("highlightThumb" + highlightID);
        
        var hightlightDividerCurrentDiv = document.getElementById("divider" + highlightCurrent);
		var hightlightDividerNewDiv = document.getElementById("divider" + highlightID);
		
        //highlightCurrentThumb.style.background = "#474747";
        //highlightCurrentThumb.className = "highlightDefault";
        
        //highlightNewThumb.style.background = "transparent";
        //highlightNewThumb.className = "highlightCurrent";
		
        $(highlightCurrentThumb).children("div.highlightInactive").stop(true,true).fadeIn(200);
        $(highlightCurrentThumb).children("div.highlightThumbText").stop(true,true).animate({"color": "#ffffff"}, 200);  
        $(highlightCurrentThumb).children("div.highlightThumbText").children("a").stop(true,true).animate({"color": "#ffffff"}, 200);                        			
        $(highlightNewThumb).children("div.highlightInactive").stop(true,true).fadeOut(200);
        $(highlightNewThumb).children("div.highlightThumbText").stop(true,true).animate({"color": "#000000"}, 200);
        $(highlightNewThumb).children("div.highlightThumbText").children("a").stop(true,true).animate({"color": "#000000"}, 200);                  			    
        $(hightlightDividerCurrentDiv).stop(true,true).fadeOut(200);
        $(hightlightDividerNewDiv).stop(true,true).fadeIn(200);
        
        $(highlightCurrentDiv).stop(true,true).fadeOut(200);
        $(highlightNewDiv).stop(true,true).fadeIn(200);   			
        
        //$(highlightNewDiv).stop(true,true).fadeIn(500);
    
        highlightCurrent = highlightID;
    }
}

function highlightSwitchMain(highlightID){
	if(highlightID != highlightCurrent){
		var highlightCurrentDiv = document.getElementById("highlightDiv" + highlightCurrent);
		var highlightNewDiv = document.getElementById("highlightDiv" + (highlightID));
	}
}

function highlightSwitchAuto()
{
    if(highlightAutoStart == 1)
    {
        if(highlightCurrent == 3)
        {
            highlightSwitch(1);
        }
        else
        {
            highlightSwitch(highlightCurrent + 1);
        }
    }
    else
    {
        highlightAutoStart = 1;
    }

    highlightTimeOut = setTimeout("highlightSwitchAuto()", 8000);
}

$(document).ready(function() {
	$('#highlightContent').hover(
		function() {
			clearInterval(highlightTimeOut);
        },
		function() {
            highlightAutoStart = 0;
		    highlightTimeOut = setTimeout('highlightSwitchAuto()', 8000);
		}
	);
});