var slideshowSelected = 1;
var slideshowUserChanged = false;
var slideshowRunnerTime = 0;
var slideshowImageCount = 7;
var slideshowTimeDelay1 = 5;
var slideshowTimeDelay2 = 15;

var homeLineupMaxOfs = 0;
var homeLineupOfs = 0;
var homeLineupDelta = 200;

function initLineupList(){
    var ch = $(".product-scroll").height();
    var lh = $(".product-scroll-content").height();
    
    if (ch < lh){
        var ph = $("#p-scroll-up").height() + $("#p-scroll-down").height();
        ch = ch - ph;
        
        //$(".product-scroll").height(ch);
        $("#p-scroll-up").show();
        $("#p-scroll-down").show();

        homeLineupMaxOfs = lh - ch + 10;
        homeLineupDelta = $(".ps-product").height() * 5;
    }
    
    var ofs = offsetIndex * $(".ps-product").height();
    if (ofs > homeLineupMaxOfs) ofs = homeLineupMaxOfs;
    
    $(".product-scroll-content").css('margin-top','-'+ofs+'px');
    homeLineupOfs = ofs;
    
    if ($(".product-scroll-content").css('margin-top')=='0px'){
        scrollUpEnabled = false;
        $("#p-scroll-up").attr('src','/media/img/product-list-button-up-2.png');
        $("#p-scroll-up").css('cursor','default');
    }          
    
    if (homeLineupMaxOfs == homeLineupOfs ){
        scrollDownEnabled = false;
        $("#p-scroll-down").attr('src','/media/img/product-list-button-down-2.png');
        $("#p-scroll-down").css('cursor','default');
    }     
    
}

$(document).ready(function(){
    $(".hsn-white").click(function(){
        var pid = $(this).attr('id').substring(4);
        if (pid != slideshowSelected){
            slideshowUserChanged = true; 
            slideshowChange(pid);
            slideshowRunnerTime = 0;              
        }
    });
    
    $(".pl-product,.ps-product").mouseover(function(){
        $(this).css('background-color','#eee');
    }).mouseout(function(){
        $(this).css('background-color','#fff');    
    });
    
    slideshowRunner();
    
    initLineupList();
    
    
    $("#p-scroll-up").mouseover(function(){
        if (scrollUpEnabled)
            $(this).attr('src','/media/img/product-list-button-up-1.png');
    }).mouseout(function(){
        if (scrollUpEnabled)
            $(this).attr('src','/media/img/product-list-button-up-0.png');
    });
    
    $("#p-scroll-down").mouseover(function(){
        if (scrollDownEnabled)
            $(this).attr('src','/media/img/product-list-button-down-1.png');    
        
    }).mouseout(function(){
        if (scrollDownEnabled)
            $(this).attr('src','/media/img/product-list-button-down-0.png');
    });

    $("#p-scroll-up").click(function(){
        if (scrollUpEnabled){    
            homeLineupOfs -= homeLineupDelta;
            if (homeLineupOfs < 0)
                homeLineupOfs = 0;
            
            $(".product-scroll-content").animate({marginTop: -homeLineupOfs + 'px'},400,function(){
                scrollDownEnabled = true;
                $("#p-scroll-down").attr('src','/media/img/product-list-button-down-0.png');
                $("#p-scroll-down").css('cursor','pointer');
                if ($(".product-scroll-content").css('margin-top')=='0px'){
                    scrollUpEnabled = false;
                    $("#p-scroll-up").attr('src','/media/img/product-list-button-up-2.png');
                    $("#p-scroll-up").css('cursor','default');
                }            
            });   
        }
    }); 
    
    $("#p-scroll-down").click(function(){
        if (scrollDownEnabled){    
            homeLineupOfs += homeLineupDelta;
            if (homeLineupOfs > homeLineupMaxOfs)
                homeLineupOfs = homeLineupMaxOfs;
            
            $(".product-scroll-content").animate({marginTop: -homeLineupOfs + 'px'},400,function(){
                scrollUpEnabled = true;
                $("#p-scroll-up").attr('src','/media/img/product-list-button-up-0.png');
                $("#p-scroll-up").css('cursor','pointer');
                if (homeLineupMaxOfs == homeLineupOfs ){
                    scrollDownEnabled = false;
                    $("#p-scroll-down").attr('src','/media/img/product-list-button-down-2.png');
                    $("#p-scroll-down").css('cursor','default');
                }            
            });   
        }
    });
    
});

var scrollUpEnabled = true;
var scrollDownEnabled = true;

function slideshowRunner(){
    if (slideshowRunnerTime == slideshowTimeDelay1 && !slideshowUserChanged){
        slideshowRunnerTime = 0;
        slideshowChange(((slideshowSelected)%slideshowImageCount)+1);
    } else if (slideshowRunnerTime == slideshowTimeDelay2) {
        slideshowRunnerTime = 0;
        slideshowChange(((slideshowSelected)%slideshowImageCount)+1);
        slideshowUserChanged = false;
    } else {
        slideshowRunnerTime++;
    }
    setTimeout(function(){
        slideshowRunner();    
    }, 1000);  
}

function slideshowChange(pid){
    $("#hsi-"+slideshowSelected).fadeOut('slow');
    $("#hsi-"+pid).fadeIn('slow');
    $("#hsn-"+slideshowSelected+" div").css('background','#b2b2b2');
    $("#hsn-"+pid+" div").css('background','#ff0000');
    slideshowSelected = pid;       
}