$(function(){
  try {
    document.execCommand("BackgroundImageCache",false,true);
  } catch(err) { }
});
var productSlider = {
    itemWidth : 0,
    itemLength : 0,
    bannerLength: 0,
    init : function() {
        $.preloadImages("/assets/images/widgets/product_collections/btn_previous.gif","/assets/images/widgets/product_collections/btn_next_deac.gif");
        productSlider.itemWidth = parseInt($("li",".products-slider").css("width")) + (parseInt($("li",".products-slider").css("margin-right")) + (parseInt($("li",".products-slider").css("margin-left"))));
        productSlider.itemLength = $("li",".products-slider").length;

        $.preloadImages("/assets/images/duk/homepage/slider/previous_deactivated.gif","/assets/images/duk/homepage/slider/next.gif");
        $(".products-slider").append(
            '<img src="/assets/images/widgets/product_collections/btn_previous_deac.gif" width="21" height="23" alt="Previous" title="Previous" class="prev"  /><a href="#" class="next"><img src="/assets/images/widgets/product_collections/btn_next.gif" width="21" height="23" alt="Next" title="Next"  /></a>'
        );
         $(".products-slider ul").width(productSlider.itemLength * productSlider.itemWidth);
        $(".prev").click(function(){
            productSlider.slider("prev");
            return false;
        });
        $(".next").click(function(){
            productSlider.slider("next");
            return false;
        });
    },
    slider : function(direction){
       var animating = false;
        if(direction == "prev"){
            if (!animating) {
                animating = true;
                animateLeft = parseInt($(".products-slider ul").css("left")) + (productSlider.itemWidth * 3);
                if ((animateLeft + parseInt($(".products-slider ul").css("width"))) <= parseInt($(".products-slider ul").css("width"))) {
                    $(".next").remove();
                    $(".products-slider").prepend(
                        '<a href="#" class="next"><img src="/assets/images/widgets/product_collections/btn_next.gif" width="21" height="23" alt="Next" title="Next"  /></a>'
                    );
                    $(".next").click(function(){
                        productSlider.slider("next");
                        return false;
                    });
                     $(".products-slider ul").animate({left: animateLeft}, "50", function() {
                       $(this).css("left",animateLeft);
                        if (parseInt($(".products-slider ul").css("left")) == 0) {
                           $(".prev").remove();
                            $(".products-slider").prepend(
                                '<img src="/assets/images/widgets/product_collections/btn_previous_deac.gif" width="21" height="23" alt="Previous" title="Previous" class="prev"  />'
                            );
                        }
                        animating = false;
                    });
                }else {
                    animating = false;
                }
            }
        }

         if(direction == "next"){
             if (!animating) {
                animating = true;
                animateLeft = parseInt($(".products-slider ul").css("left")) - (productSlider.itemWidth * 3);
                if (animateLeft + parseInt($(".products-slider ul").css("width")) > 0) {
                    $(".prev").remove();
                    $(".products-slider").prepend(
                        '<a href="#" class="prev"><img src="/assets/images/widgets/product_collections/btn_previous.gif" width="21" height="23" alt="Previous" title="Previous"  /></a>'
                    );
                    $(".prev").click(function(){
                        productSlider.slider("prev");
                        return false;
                    });
                    $(".products-slider ul").animate({left: animateLeft},"50", function() {
                        $(this).css("left",animateLeft);
                        if (parseInt($(".products-slider ul").css("left")) + parseInt($(".products-slider ul").css("width")) <= productSlider.itemWidth * 3) {
                            $(".next").remove();
                             $(".products-slider").prepend(
                                '<img src="/assets/images/widgets/product_collections/btn_next_deac.gif" width="21" height="23" alt="Next" title="Next" class="next"  />'
                            );
                        }
                        animating = false;
                    });
                }else {
                    animating = false;
                }
            }
        }
    }
}