var productTypeScrollIndex = 0;
var productTypeItemWidth = 110;
var productImages = new Array();
var productImageCaptions = new Array();
var productImageScrollIndex = 0;
var imgProductImageClientID;

function onProductTypesLoaded()
{
    setProductTypeWidth();
    setProductTypePadding();
    productTypeScrollIndex = 0;
}

function setProductTypeWidth()
{
    var productTypeItemCount = $(".liProductType").length;
    var w = (productTypeItemWidth * productTypeItemCount + 4);
    
    if (w < 672)
        w = 672;
    
    $(".hScrollContent").css({width: w + "px" });
}

function setProductTypeScrollPosition()
{
    $(".hScrollContent").css({left: -(productTypeScrollIndex * productTypeItemWidth) + "px"});
}

function previousProductType()
{
    if (productTypeScrollIndex <= 0)    
        return false;

    $(".hScrollContent").animate({left: "+=" + productTypeItemWidth + "px"}, 700, setProductTypePadding);
    productTypeScrollIndex--;
}

function nextProductType()
{
    var productTypeItemCount = $(".liProductType").length;
    
    if (productTypeScrollIndex >= productTypeItemCount - 6)
        return false;
                
    $(".hScrollContent").animate({left: "-=" + productTypeItemWidth + "px"}, 700);
    productTypeScrollIndex++;
    setProductTypePadding();
}

function setProductTypePadding()
{
    $(".liProductType").css({marginRight: "8px"});
    
    if ($(".liProductType").length > 6)
        $(".liProductType")[productTypeScrollIndex + 5].style.marginRight = "12px";
}

function previousProductImage()
{
    if (productImageScrollIndex <= 0)
        return;
        
    productImageScrollIndex--;
    showProductImage();
}

function nextProductImage()
{
    if (productImageScrollIndex >= productImages.length - 1)
        return;
        
    productImageScrollIndex++;
    showProductImage();
}

function showProductImage()
{
    document.getElementById(imgProductImageClientID).src = productImages[productImageScrollIndex];
    document.getElementById('pProductImageCaption').innerHTML = productImageCaptions[productImageScrollIndex];
}