String.prototype.capitalize = function() {
    return this.charAt(0).toUpperCase() + this.slice(1);
}

jQuery(document).ready( function() {
    var slideSpeed = 300;
    var currentSlide = 1;

    // orange slider vars
    var currentOSlide = 1;
    var totalOSlides = 0;
    var displayedOSlide = 0;

    //place main slider controls
    var bullet;
    var bcount = 1;
    $('#slider #slides .slide').each( function() {
        bullet = $('<a href="#" rel="'+ bcount +'"><img src="/playdoh2/images/generic/hdr/btn-slider-normal.png" /></a>');
        bullet.click( bulletClickHandler );
        $('#slider-controls').append(bullet);
        bcount++;
    });
    $('#slider-controls a:first img').attr('src', '/playdoh2/images/generic/hdr/btn-slider-selected.png');
    $('#slide-1').fadeIn(slideSpeed);

    function bulletClickHandler(b) {
        var that = $(this);
        if(currentSlide != that.attr('rel')) {
            $('#slider .slide:visible').fadeOut(slideSpeed, function() {
                $('#slide-' + that.attr('rel')).fadeIn(slideSpeed);
            });
            $('#slider-controls a[rel='+ currentSlide +'] img').attr('src','/playdoh2/images/generic/hdr/btn-slider-normal.png');
            that.find('img').attr('src', '/playdoh2/images/generic/hdr/btn-slider-selected.png');

            currentSlide = that.attr('rel');
        }
        return false;
    }

    
    
 
    

    // HOVER for all arrow buttons across website
    $("a[rel='hover']").live({
        mouseover: function() {
            if ($(this).find("img").length==1) {
                var that = $($(this).find("img")[0]);                
                var info = getImageInfo(that);
                if (info[0].indexOf("-disabled")==-1)
                    that.attr('src',info[0] + "-hover" + info[1]);
            }
        },
        click: function() {
            if ($(this).find("img").length==1) {
                var that = $($(this).find("img")[0]);
                var info = getImageInfo(that);
                if (info[0].indexOf("-disabled")==-1)
                    that.attr('src',info[0] + "-hover" + info[1]);
            }
        },
        mouseout: function() {
            if ($(this).find("img").length==1) {
                var that = $($(this).find("img")[0]);
                var info = getImageInfo(that);
                if (info[0].indexOf("-disabled")==-1)
                    that.attr('src', info[0] + info[1]);
            }
        }
    });

    // ORANGE SLIDER
    totalOSlides = $("#slider-orange .slides > div.item").size();
    if (totalOSlides>0) {
        showSlide(1);
        $("#slider-orange .slides .item .text").jScrollPane();
    }

    function showSlide(newSlide) {
        if (displayedOSlide!=0) {
            $("#slider-orange .timeline .item:nth-child("+displayedOSlide+")").removeClass("sel");
            $("#slider-orange .timeline .item:nth-child("+displayedOSlide+") span").css("visibility", "hidden");
            $(".slides .item:nth-child("+(displayedOSlide)+")").fadeOut(slideSpeed);
        }

        $("#slider-orange .timeline .item:nth-child("+newSlide+")").addClass("sel");
        $("#slider-orange .timeline .item:nth-child("+newSlide+") span").css("visibility", "visible");
        $("#slider-orange .timeline .item:nth-child("+newSlide+")").css("cursor","default");

        $("#slider-orange .slides .item:nth-child("+(newSlide)+")").css("visibility", "visible");
        $("#slider-orange .slides .item:nth-child("+(newSlide)+")").css("display", "none");
        $("#slider-orange .slides .item:nth-child("+(newSlide)+")").fadeIn(slideSpeed);

        var leftToShow = 9;
        var currentPos = parseInt($("#slider-orange .items").css("margin-left"));
        var diff, pos, that, info, aux;

        if (newSlide>currentOSlide+9) {
            diff = totalOSlides-(currentOSlide+leftToShow);
            if (diff<leftToShow)
                leftToShow = diff;
            currentOSlide = currentOSlide+leftToShow;
            pos = currentPos - leftToShow * 67;
        } else if (newSlide<currentOSlide) {
            leftToShow = 9;
            if (currentOSlide<leftToShow)
                leftToShow = currentOSlide-1;
            currentOSlide= currentOSlide-leftToShow;
            pos = currentPos + leftToShow * 67;
        }
        if (pos!=undefined)
            $("#slider-orange .items").animate({
                "margin-left": pos+"px"
            }, "fast");

        displayedOSlide = newSlide;

        // disable or enable prev arrow
        if (newSlide==1)
            disable($('#slider-orange .prev'));
        else
            enable($('#slider-orange .prev'));
        // disable or enable next arrow
        if (newSlide==totalOSlides)
            disable($('#slider-orange .next'));
        else
            enable($('#slider-orange .next'));

    }

    $('#slider-orange .timeline .item').click( function() {
        if (($(this).index()+1)<=totalOSlides && displayedOSlide!=$(this).index()+1) {
            showSlide($(this).index()+1);
        }
    });
    $('#slider-orange .timeline .item').hover( function() {
        if (displayedOSlide!=$(this).index()+1) {
            $(this).addClass("sel");
            $(this).css("cursor","pointer");
            $(this).find("span").css("visibility", "visible");
        }
    }, function() {
        if (displayedOSlide!=$(this).index()+1) {
            $(this).removeClass("sel");
            $(this).css("cursor","default");
            $(this).find("span").css("visibility", "hidden");
        }
    });
    $('#slider-orange .prev').click( function() {
        var aux = displayedOSlide-1;
        if (aux>0)
            showSlide(aux);
    });
    $('#slider-orange .next').click( function() {
        var aux = displayedOSlide+1;
        if (aux<=totalOSlides)
            showSlide(aux);
    });
    $('#slider-orange .timeline .left').click( function() {
        if (currentOSlide>1)
            showSlide(1);
        enable($('#slider-orange .timeline .right a'));
        disable($('#slider-orange .timeline .left a'));
    });
    $('#slider-orange .timeline .right').click( function() {
        var pages = Math.ceil(totalOSlides/10);
        if (displayedOSlide<=(pages-1)*10) {
            showSlide(totalOSlides);
            disable($('#slider-orange .timeline .right a'));
            enable($('#slider-orange .timeline .left a'));
        }
    });                    
    
});