$(document).ready(function(){
    var $pnl = $("#pnlAdditionalProdImageList");
    if (0 < $pnl.size()){
        var $slider = $pnl.find('> ul');
        var $items = $slider.find('> li');
        var $single = $items.filter(':first');
        var width = 0;
        $items.each(function(){width += $(this).outerWidth(true);});
        $slider.width(width);
        $(".additional-prod-image").each(function(){
            $(this).click(function(){
                $hlk = $("#hlkProdImage")
                if (0<$hlk.size()){
                    $hlk.attr("href",$(this).attr("open"));
                    $img = $("#hlkProdImage").find("img");
                }else{
                    $img = $("#imgProdImage")
                }
                if (0<$img.size()){
                    $img.attr("src",$(this).attr("rel"));
                }
            });
        });
        if ($pnl.innerWidth() < $slider.outerWidth()){
            $("#pnlAdditionalProdImageList").before('<div id="pnlImgListArrowBack"><div id="pnlImgArrowBack"></div></div>');
            $("#pnlAdditionalProdImageList").after('<div id="pnlImgListArrowForward"><div id="pnlImgArrowForward"></div></div>');
            $("#pnlImgArrowBack").show();
            $("#pnlImgArrowBack").click(function(){
                left = $pnl.outerWidth()/2;
                $pnl.filter(':not(:animated)').animate({scrollLeft : '-=' + left}, 500, function(){}); 
            });
            $("#pnlImgArrowForward").show();
            $("#pnlImgArrowForward").click(function(){
                left = $pnl.outerWidth()/2;
                $pnl.filter(':not(:animated)').animate({scrollLeft : '+=' + left}, 500, function(){}); 
            });
        }
    }
});