/*******************************
*   LOCATE FLASH MOVE ON PAGE  *
*******************************/

function getFlashMovieObject(movieName) {
    if (window.document[movieName]) {
        return window.document[movieName];
    }
    if (navigator.appName.indexOf("Microsoft Internet") == -1) {
        if (document.embeds && document.embeds[movieName])
            return document.embeds[movieName];
    }
    else // if (navigator.appName.indexOf("Microsoft Internet")!=-1)
    {
        return document.getElementById(movieName);
    }
}

/*******************************
*   FLASH REPLACEMENT TEXT     *
*******************************/

function runSifr() {
    if (typeof sIFR == "function") {
        
        sIFR.replaceElement(named({ sSelector: 'h1.page-title', sFlashSrc: '/flash/cholla.swf', sColor: '#000000', sWmode: 'transparent' }));
        sIFR.replaceElement(named({ sSelector: 'h2.page-subtitle', sFlashSrc: '/flash/cholla.swf', sColor: '#ffffff', sWmode: 'transparent' }));
        sIFR.replaceElement(named({ sSelector: 'h2.product-title', sFlashSrc: '/flash/cholla.swf', sColor: '#000000', sWmode: 'transparent' }));
        sIFR.replaceElement(named({ sSelector: 'h2.interior-header', sFlashSrc: '/flash/cholla.swf', sColor: '#ffffff', sWmode: 'transparent' }));
        sIFR.replaceElement(named({ sSelector: 'h2.single-column-interior-header', sFlashSrc: '/flash/cholla.swf', sColor: '#e1f844', sWmode: 'transparent' }));
        sIFR.replaceElement(named({ sSelector: 'h2.single-column-interior-header-dark', sFlashSrc: '/flash/cholla.swf', sColor: '#f8edc1', sWmode: 'transparent' }));
        sIFR.replaceElement(named({ sSelector: 'h3.cholla', sFlashSrc: '/flash/cholla.swf', sColor: '#e1f844', sWmode: 'transparent' }));
        sIFR.replaceElement(named({ sSelector: 'h3.cholla-inactive', sFlashSrc: '/flash/cholla.swf', sColor: '#ffffff', sWmode: 'transparent' }));
        sIFR.replaceElement(named({ sSelector: 'span.cholla', sFlashSrc: '/flash/cholla.swf', sColor: '#000000', sWmode: 'transparent' }));
        sIFR.replaceElement(named({ sSelector: 'span.cholla-white', sFlashSrc: '/flash/cholla.swf', sColor: '#ffffff', sWmode: 'transparent' }));
        sIFR.replaceElement(named({ sSelector: 'span.cholla-dark', sFlashSrc: '/flash/cholla.swf', sColor: '#000000', sWmode: 'transparent' }));
        sIFR.replaceElement(named({ sSelector: 'span.cholla-yellow', sFlashSrc: '/flash/cholla.swf', sColor: '#e1f844', sWmode: 'transparent' }));
        sIFR.replaceElement(named({ sSelector: 'span.cholla-multi-column-title', sFlashSrc: '/flash/cholla.swf', sColor: '#FFFFFF', sWmode: 'transparent' }));
        sIFR.replaceElement(named({ sSelector: 'span.cholla-multi-column-description', sFlashSrc: '/flash/cholla.swf', sColor: '#000000', sWmode: 'transparent' }));
        sIFR.replaceElement(named({ sSelector: 'h3.product-description-intro', sFlashSrc: '/flash/cholla.swf', sColor: '#000000', sWmode: 'transparent' }));
        sIFR.replaceElement(named({ sSelector: 'span.cholla_green', sFlashSrc: '/flash/cholla.swf', sColor: '#e1f844', sWmode: 'transparent' }));
        sIFR.setup();
    }
}


/*******************************
*   JQUERY PAGE LOAD EVENT     *
*******************************/

$(document).ready(
    function() {
        var isIE6 = (navigator.userAgent.toLowerCase().indexOf('msie 6') !== -1);
        if (isIE6 == true) {
            //$("div,img,a,h1,h2,h3").ifixpng();
            //$(document).pngFix();
            suckerFishSetup();
        }
        runSifr();
        
        if ($("#home-callout-scroller").size() > 0) {
            setUpHomeCalloutScroll();
        }
        
        if ($("#character-microsite-scroller").size() > 0) {
            setUpCharacterMicrositeScroll($("#character-microsite-scroller")[0]);
        }
        
        if ($("#home-product-scroller").size() > 0) {
            setUpHomeProductScroll();
        }
        
        if ($("#other-left-slider").size() > 0) {
            setUpProductDetailSlider($("#other-left-slider")[0]);
        }
        
        if ($("#other-right-slider").size() > 0) {
            setUpProductDetailSlider($("#other-right-slider")[0]);
        }
        
        if ($("#home-callout-scroller").size() > 0) {
            $("a[rel^='prettyPhoto']").prettyPhoto();
        }
        
        if ($("#product-detail").size() > 0) {
            setUpProductDetailPageTracking();
        }
    }
);

/********************************
*    SUCKERFISH DROP DOWN-MENUS *
*    FOR IE6                    *
********************************/

function suckerFishSetup() {

    var sfEls = document.getElementById("main-nav").getElementsByTagName("LI");
    for (var i = 0; i < sfEls.length; i++) {
        sfEls[i].onmouseover = function() {
            this.className += " sfhover";
        }
        sfEls[i].onmouseout = function() {
            this.className = this.className.replace(new RegExp(" sfhover\\b"), "");
        }
    }
}

/********************************
*    PRODUCT DETAIL PAGE        *
********************************/

function setUpProductDetailPageTracking() {
    $("#product-detail .detail .where-to-buy-wrapper .where-to-buy a").click (function () {
        changeTabs('buy');
        if (pageTracker) {
            //alert(window.location + '/where-to-buy');
            pageTracker._trackPageview();
        }
    });
    
    $("#buy-info table a").click(function () {
        if (pageTracker) {
            var trackString = window.location + "/retailer/" + $(this).attr("href");
            //alert(trackString);
            pageTracker._trackPageView(trackString);
        }
    });
}

/********************************
*    PRODUCT DETAIL TABS        *
********************************/

function changeTabs(obj) {
    var compareId;
    if (typeof(obj) == "string") {
        compareId = obj;
    } else {
        compareId = obj.parentNode.id;
    }
    var contentId = compareId + "-info";
    var tabs = $(".product-info .tabs .tab");
    var content = $("#product-info-content-wrapper").children();
    
    for (var i=0; i<tabs.length; i++) {
        var el = tabs[i];
        if (el.id == compareId) {
            $(el).addClass("selected");
        } else {
            $(el).removeClass("selected");
        }
    }
    
    for (var i=0; i<content.length; i++) {
        var el = content[i];
        if (el.id == contentId) {
            $(el).css("display", "");
        } else {
            $(el).css("display", "none");
        }
    }
    
    if (window.location.toString().indexOf("#buy") < 0) {
        window.location = window.location + "#buy";
    } else {
        window.location = window.location.toString().substr(0,window.location.toString().indexOf("buy") - 1) + "#buy";
    }
}


/********************************
*    PRODUCT DETAIL SLIDERS     *
********************************/

//Need to use different enabled/disabled classes because of IE6
//problem with distinguishing elements with multiple classes.

var sliderPos = {left:0, right:0};

function setUpProductDetailSlider(slider) {
    var products = $(slider).children(".product");
    
    if (products.length > 1) {
        var backButton = $(slider).parent().parent().children(".back-inactive")[0];
        var forwardButton = $(slider).parent().parent().children(".forward-enabled")[0];
        
        $(backButton).css("visibility", "visible");
        $(forwardButton).css("visibility", "visible");
    }
}

function moveSlider(obj) {
    
    var direction = $(obj).parent()[0].className;
    var slider = $(obj).parent().parent().children(".window").children(".slider")[0];
    
    
    var sliderName = "left";
    
    if (slider.id.indexOf("right") > -1) {
        sliderName = "right";
    }
    
    var backButton = $(obj).parent().parent().children("#" + sliderName + "-back")[0];
    var forwardButton = $(obj).parent().parent().children("#" + sliderName + "-forward")[0];
    
    var totalProducts = $(slider).children(".product").length;
    var nextPos = sliderPos[sliderName];
    
    if (direction.indexOf("back") > -1 && nextPos > 0) {
        nextPos = nextPos - 1;
    }
    
    if (direction.indexOf("forward") > -1 && nextPos < totalProducts - 1) {
        nextPos = nextPos + 1;
    }
    
    if (nextPos == totalProducts - 1) {
        $(forwardButton).removeClass("forward-enabled");
        $(forwardButton).addClass("forward-disabled");
        $(backButton).removeClass("back-inactive");
        $(backButton).addClass("back-active");
    }
    if (nextPos > 0 && nextPos < totalProducts - 1) {
        $(forwardButton).addClass("forward-enabled");
        $(forwardButton).removeClass("forward-disabled");
        $(backButton).removeClass("back-inactive");
        $(backButton).addClass("back-active");
    }
    if (nextPos == 0) {
        $(forwardButton).addClass("forward-enabled");
        $(forwardButton).removeClass("forward-disabled");
        $(backButton).removeClass("back-active");
        $(backButton).addClass("back-inactive");
    }
    sliderPos[sliderName] = nextPos;
    var nextLeft = -(nextPos * 140);
    
    $(slider).animate({ left:nextLeft }, "normal", "swing");
}

/********************************
*    HOME PAGE PRODUCT SCROLL   *
********************************/

var homeSliderPos = 0;
var firstLoadedImage = 8;

function setUpHomeProductScroll() {
    var productLinks = $("#home-product-scroller .product .image a");
    
    for (var i=0; i<productLinks.length; i++) {
        var el = productLinks[i];
        $(el).mouseenter( function() {
            $(this).parent().parent().children(".rollover").css("visibility", "visible");
        }).mouseleave( function() {
            $(this).parent().parent().children(".rollover").css("visibility", "hidden");
        });
    }
}

function homeScrollProducts(obj) {
    
    var direction = $(obj).parent()[0].id;
    var slider = $(obj).parent().parent().children("#home-product-scroll-window").children("#home-product-scroller")[0];
    var backButton = $(obj).parent().parent().children("#back-control")[0];
    var forwardButton = $(obj).parent().parent().children("#forward-control")[0];
    
    var totalProducts = $(slider).children(".product").length;
    var nextPos = homeSliderPos;
    
    if (direction.indexOf("back") > -1 && nextPos > 0) {
        nextPos = nextPos - 1;
    }
    
    if (direction.indexOf("forward") > -1 && nextPos < totalProducts - 7) {
        nextPos = nextPos + 1;
        if (nextPos + 7 > firstLoadedImage) {
            checkImageLoaded(slider,nextPos + 7);
        }
    }
    
    if (nextPos == totalProducts - 7) {
        $(forwardButton).addClass("inactive");
        $(backButton).removeClass("inactive");
    }
    if (nextPos > 0 && nextPos < totalProducts - 7) {
        $(forwardButton).removeClass("inactive");
        $(backButton).removeClass("inactive");
    }
    if (nextPos == 0) {
        $(forwardButton).removeClass("inactive");
        $(backButton).addClass("inactive");
    }
    homeSliderPos = nextPos;
    var nextLeft = -(nextPos * 112);
    
    $(slider).animate({ left:nextLeft }, "normal", "swing");
}

function checkImageLoaded(slider,nextImage) {
    var product = $(slider).children(".product")[nextImage - 1];
    var link = $(product).children(".image").children("a")[0];
    var image = $(link).children("img")[0];
    
    if(link.name !== image.src) {
        image.src = link.name;
    }
}

/********************************
*    HOME PAGE CALLOUT SCROLL   *
********************************/

var totalCalloutScrollWidth = 0;
var maxCalloutScroll = 0;
var netCalloutScrollBar = 0;

function setUpHomeCalloutScroll() {

    var callouts = $("#home-callout-scroller .callout");
    
    for (var i=0; i<callouts.length; i++) {
        totalCalloutScrollWidth += $(callouts[i]).width() + 10;
    }
    
    if (totalCalloutScrollWidth > 980) {
        maxCalloutScroll = -(totalCalloutScrollWidth - 960);
        netCalloutScrollBar = 960 - $("#home-callout-scroll-handle").width();
        
        $("#home-callout-scroll-handle").draggable(
            {drag: handleCalloutDrag,
             containment: "#home-callout-scroll-bar"}
        );
    } else {
       $("#home-callout-scroll-handle").css("display", "none");
    }
}

function handleCalloutDrag(event, ui) {
    var percent = ui.position.left/netCalloutScrollBar;
    
    var newLeft = maxCalloutScroll * percent;
    
    $("#home-callout-scroller").css("left", newLeft + "px");
}

function clearTextField(obj) {
    obj.value = "";
}

/***************************************
* CHARACTER MICROSITE PRODUCT SCROLL   *
***************************************/

var characterMicroSliderPos = 0;
var characterMicroFirstLoadedImage = 4;

function setUpCharacterMicrositeScroll(slider) {
    /*var totalProducts = $(slider).children(".product").length;
    
    if (totalProducts <= 3) {
        var backButton = $(obj).parent().parent().children("#back-control")[0];
        var forwardButton = $(obj).parent().parent().children("#forward-control")[0];
        
        $(backButton).css("display", "none");
        $(forwardButton).css("display", "none");
    }*/
    
    var products = $(slider).children(".product");

    if (products.length > 3) {
        var backButton = $("#back-control")[0];
        var forwardButton = $("#forward-control")[0];
        //alert("backButton: " + backButton + "\nforwardButton: " + forwardButton);
        
        $(backButton).css("visibility", "visible");
        $(forwardButton).css("visibility", "visible");
    }
}

function characterMicrositeScrollProducts(obj) {
    
    var direction = $(obj).parent()[0].id;
    var slider = $(obj).parent().parent().children("#character-microsite-scroll-window").children("#character-microsite-scroller")[0];
    var backButton = $(obj).parent().parent().children("#back-control")[0];
    var forwardButton = $(obj).parent().parent().children("#forward-control")[0];
    
    var totalProducts = $(slider).children(".product").length;
    var nextPos = characterMicroSliderPos;
    
    if (direction.indexOf("back") > -1 && nextPos > 0) {
        nextPos = nextPos - 1;
    }
    
    if (direction.indexOf("forward") > -1 && nextPos < totalProducts - 3) {
        nextPos = nextPos + 1;
        /*if (nextPos + 3 > firstLoadedImage) {
            checkImageLoaded(slider,nextPos + 3);
        }*/
    }
    
    if (nextPos == totalProducts - 3) {
        $(forwardButton).addClass("inactive");
        $(backButton).removeClass("inactive");
    }
    if (nextPos > 0 && nextPos < totalProducts - 3) {
        $(forwardButton).removeClass("inactive");
        $(backButton).removeClass("inactive");
    }
    if (nextPos == 0) {
        $(forwardButton).removeClass("inactive");
        $(backButton).addClass("inactive");
    }
    characterMicroSliderPos = nextPos;
    var nextLeft = -(nextPos * 207);
    
    $(slider).animate({ left:nextLeft }, "normal", "swing");
}

function checkImageLoaded(slider,nextImage) {
    var product = $(slider).children(".product")[nextImage - 1];
    var link = $(product).children(".image").children("a")[0];
    var image = $(link).children("img")[0];
    
    if(link.name !== image.src) {
        image.src = link.name;
    }
}


/************************************
* DISNEY PRINCESS COMMERCIAL        *
************************************/

function showDisneyPrincessCommercial() {
    $.prettyPhoto.open('flash/VideoPlayer.swf?width=720&height=550&flashvars=basePath=/flash/externals/&videoFile=DisneyPrincessCommercial.flv', 'Huffy Disney Princess&copy; Commercial', '');
}