var slideshowInterval = 5000;
var timeoutTimer = null;
var overHL = false;
   
    $().ready(function(){
        highlights = TodayFMAjaxMethods.GetCurrentHighlights(ManageHighlights);
        $("#hl-leftPanel .hl-thumbnail").hover(function(){
            $(this).css({borderColor: selColor});
            overHL = true;
            if(timeoutTimer != null)
            {
                clearTimeout(timeoutTimer);
                timeoutTimer = null;
            }
        },function(){
            if(selectedDiv != $(this).get(0))
                $(this).css({borderColor: "white"});
            overHL = false;
            
            if(timeoutTimer == null)
                timeoutTimer = setTimeout('slideNextHighlight()',slideshowInterval);
        }).click(function(){
            window.location = this.Highlight.Link;
        });
        
        $("#hl-leftPanel .hl-thumbnail").mouseover(function(){                            
            if(this != selectedDiv)
            {
                SelectHighlight(this);
            }        
        });
        
    });
    
    function ManageHighlights(data)
    {
        var index = 0;
        $("#hl-leftPanel .hl-thumbnail").each(function(){
            if(data[index] == null)
            {
                $(this).fadeOut("slow");
            }
            else
            {
                this.Highlight = data[index];
                $(this).fadeOut("slow",function(){
                    $(this).find("img").attr({title: this.Highlight.Title,alt: this.Highlight.Title,src: this.Highlight.Thumbnail});
                    $(this).fadeIn("slow");
                    $(this).find("img").load(function(){                        
                        $(this).removeClass("ajaxloader");
                        $(this).addClass("hl-thumbnail-img");
                        $(this).css({width: "60px", height: "40px", margin: "0px"});
                    });
                    if(jQuery.browser.msie == true)
                    {
                        var img = $(this).find("img");
                        img.removeClass("ajaxloader");
                        img.addClass("hl-thumbnail-img");
                        img.css({width: "60px", height: "40px", margin: "0px"});                        
                    }
                    $(this).css({width: "60px", height: "40px", padding: "0px"});
                });
            }        
            index ++;
        });
        
        SelectHighlight($("#hl-leftPanel .hl-thumbnail:first").get(0));        
    }
    function UnSelectHighlight()
    {
        $(selectedDiv).css({borderColor: "white"});
        selectedDiv = null;
        selectedHighlight = null;
    }
    function SelectHighlight(div)
    {
        UnSelectHighlight();
            
        selectedDiv = div;
        selectedHighlight = div.Highlight;
        
        $("#hl-contentWrapper").fadeOut("normal",function(){
            
            $(this).find("#hl-text").text(selectedHighlight.Text);
            $(this).find("#hl-title").text(selectedHighlight.Title).attr("href",selectedHighlight.Link);
            $(this).css({backgroundImage: "url("+selectedHighlight.Background+")"});
                
            $(this).fadeIn("slow");
            
            $(selectedDiv).css({borderColor: selColor}); 
            
            if(overHL == false)
            {
                if(timeoutTimer != null)
                {
                    clearTimeout(timeoutTimer);                    
                }
                timeoutTimer = setTimeout('slideNextHighlight()',slideshowInterval);
            }
        });
    }
    function slideNextHighlight()
    {
        var nextHL = $(selectedDiv).next();
        if(nextHL == null || nextHL.length == 0)
        {
            nextHL = $(selectedDiv).parent().find("div.hl-thumbnail:first");
        }
        
        SelectHighlight(nextHL.get(0));
    }