$().ready(function(){
    
    //Version 2 of Designer Images
    if($("#DesignerImagesV2").length > 0)
    {
        var designerImages = $("#DesignerImagesV2 .manufacturerItem");
        var allManItemsWidth = 0;
        
        $("#DesignerImagesV2 .inner").append("<div id=\"designerSpacer\" style=\"height:400px\">&nbsp;</div>");
        
        designerImages.each(function(){        
            $(this).hide();
        });
    }

});



$(window).load(function(){
    
    //DesignerImagesV2
    if($("#DesignerImagesV2").length > 0)
    {       
	    //remove spacer
	    $("#DesignerImagesV2 .inner #designerSpacer").remove();
	    
	    //turn off loading background
        $("#DesignerImagesV2 .inner").css("background-image","none");
        
        var designerImages = $("#DesignerImagesV2 .manufacturerItem");
        var allManItemsWidth = 0;
    
        designerImages.each(function(){
        
            var man = $(this);
            var manText = man.find(".text");
            MakeItemClickable(man, true);
            
            manText.fadeTo("slow", 0.8);
            manText.addClass("callout");
            
            manText.wrap("<div class=\"textcontainer\"></div>");
            
            //get text container and set its width to the width of the image;
            $(this).find(".textcontainer").css("width",$(this).width() + "px");
            
            $(man).hover(                
                function(){
                    man.addClass("over");
                    $(this).stop("true","true");
                },
                
                function(){
                    man.removeClass("over");
                    $(this).stop("true","true");
                }
            )
        
        });
        
        //fadeIn first Image
        ShowDesigner2(0,designerImages,1000);
        
    }
    
    //assign mouse over to DesignerPageList
    if($(".DesignerPageList .item").length > 0)
    {
        var catList = $(".DesignerPageList .item");
        var designers = $("#DesignerImagesV2 .manufacturerItem");
        
        catList.each(function(){
            var cat = $(this);
            
            //if there is an existing manufacturer item
            if(designers[$(".DesignerPageList .item").index(cat)])
            {
                cat.bind("mouseenter",function(e){
                    designers.fadeOut(0, function(){
                                    
                        currentDesignerIndex = $(".DesignerPageList .item").index(cat);
                        ShowDesigner2(currentDesignerIndex,designers,0);                                       
                    
                    });
                });
            }
        });
    }
    
});

function ShowNextDesigner2(designers, timeToMove){
    designers.stop();
    
    //Hide Current Designer
    $(designers[currentDesignerIndex]).fadeOut(timeToMove, function(){
    
        //loop around
        if(currentDesignerIndex >= designers.length-1)
        {
            currentDesignerIndex = 0;
        }
        else
        {
            currentDesignerIndex++;
        }
        
        ShowDesigner2(currentDesignerIndex, designers, timeToMove);
   
    });         
}

function ShowPreviousDesigner2(designers, timeToMove){
    designers.stop();
    
    //Hide Current Designer
    $(designers[currentDesignerIndex]).fadeOut(timeToMove, function(){
    
        //loop around
        if(currentDesignerIndex <= 0)
        {
            currentDesignerIndex = designers.length -1;
        }
        else
        {
            currentDesignerIndex--;
        }
        ShowDesigner2(currentDesignerIndex, designers, timeToMove);
   
    }); 
}

function ShowDesigner2(index, designers, timeToMove)
{
    $(designers[index]).fadeIn(timeToMove, function(){
        clearTimeout(t);
        t=setTimeout(function(){ShowNextDesigner2(designers, 1000);},3000);        
    });
}

function ResetDesigners2()
{
    clearTimeout(t);
    currentDesignerIndex = 0;
    var designerImages = $("#DesignerImagesV2 .manufacturerItem");    
    t=setTimeout(function(){ShowNextDesigner2(designerImages, 1000);},0);    
}

function StartCarousel2(designers)
{
    ShowDesigner2(currentDesignerIndex, designers, 0);    
}

function StopCarousel2()
{
    clearTimeout(t);    
}