﻿var j$ = jQuery.noConflict();
j$(function () {
    // Splash banners cycle
    // Fixing scrollbar
    j$(window).bind("load", function (e) {

        if (j$(this).width() > 1023) {
            j$("body").css({ "overflow-x": "hidden" });
            j$("#pWaveTopRight").css({ 'display': 'block' });
            j$("#pWaveRight").css({ 'display': 'block' });
            j$("#pWaveTopLeft").css({ 'display': 'block' });
            j$("#pWaveLeft").css({ 'display': 'block' });
        }
        else if (j$(this).width() < 1023) {
            j$("body").css({ "overflow-x": "scroll" });
            j$("#pWaveTopRight").css({ 'display': 'none' });
            j$("#pWaveRight").css({ 'display': 'none' });
            j$("#pWaveTopLeft").css({ 'display': 'none' });
            j$("#pWaveLeft").css({ 'display': 'none' });
        }
    });

    j$(window).bind("resize", function (e) {
        if (j$(this).width() > 1023) {
            j$("body").css({ "overflow-x": "hidden" });
            j$("#pWaveTopRight").css({ 'display': 'block' });
            j$("#pWaveRight").css({ 'display': 'block' });
            j$("#pWaveTopLeft").css({ 'display': 'block' });
            j$("#pWaveLeft").css({ 'display': 'block' });
        }
        else if (j$(this).width() < 1023) {
            j$("body").css({ "overflow-x": "scroll" });
            j$("#pWaveTopRight").css({ 'display': 'none' });
            j$("#pWaveRight").css({ 'display': 'none' });
            j$("#pWaveTopLeft").css({ 'display': 'none' });
            j$("#pWaveLeft").css({ 'display': 'none' });
        }
    });



    // Twitter area cycle
    j$('#pSplashTwitterContent').cycle({
        fx: 'scrollDown',
        speed: '1000',
        timeout: '8000',
        pause: 1
    });

    // Featured Product Cycler
    // Twitter area cycle
    j$('#pFeaturedProductsContent').cycle({
        cleartype: true,
        cleartypeNoBg: true,
        fx: 'scrollLeft',
        speed: '1000',
        timeout: '5000',
        pause: 1,
        next: '#pFeaturedProducts #arrow'
    });

    // this is for the wave on the left and right side of the body
    var mainContent = j$("#pMainContent");
    var mainContentSub = j$("#pMainContentSub");
    var footer = j$("#pFooter");
    var waveLeft = j$("#pWaveLeft");
    var waveRight = j$("#pWaveRight");
    var footerOffset = footer.offset();
    var waveLeftOffset = waveLeft.offset();
    var waveRightOffset = waveRight.offset();
    var wingLeftHeight = mainContent.outerHeight() - 24;
    var wingRightHeight = mainContent.outerHeight() + 25;
    var wingLeftHeightSub = (footerOffset.top - waveLeftOffset.top) + (32 + footer.outerHeight());
    var wingRightHeightSub = (footerOffset.top - waveRightOffset.top) + (32 + footer.outerHeight());

    if (mainContent.outerHeight() == null) {
        j$("#pWaveLeft").height(wingLeftHeightSub);
        j$("#pWaveRight").height(wingRightHeightSub);
    } else {
        j$("#pWaveLeft").height(wingLeftHeight);
        j$("#pWaveRight").height(wingRightHeight);
    }

    // Professionals dropdown
    var j$professionals = j$('#pHeaderTopProfessionals');
    var j$professionalsContainer = j$('#pProfesionalsDropdownContainer');
    var j$professionalsArrow = j$('#pHeaderTopProfessionalsArrow');

    j$professionals.mouseover(function () {
        j$professionalsArrow.css({ 'background': 'url("/images/purell/professionalDropdown/professionalarrowover.png") no-repeat scroll 0 0 transparent' });
        j$professionalsContainer.css({ 'display': 'block' });
    });
    j$professionals.mouseleave(function () {
        j$professionalsArrow.css({ 'background': 'url("/images/purell/professionalDropdown/professionalarrow.png") no-repeat scroll 0 0 transparent' });
        j$professionalsContainer.css({ 'display': 'none' });
    });
    j$professionalsContainer.mouseover(function () {
        j$professionalsArrow.css({ 'background': 'url("/images/purell/professionalDropdown/professionalarrowover.png") no-repeat scroll 0 0 transparent' });
        j$(this).css({ 'display': 'block' });
    });
    j$professionalsContainer.mouseleave(function () {
        j$professionalsArrow.css({ 'background': 'url("/images/purell/professionalDropdown/professionalarrow.png") no-repeat scroll 0 0 transparent' });
        j$(this).css({ 'display': 'none' });
    });
    j$('#pProfesionalsDropdownBody div').mouseover(function () {
        j$(this).css({ 'background': '#d8ecf4' });
    });
    j$('#pProfesionalsDropdownBody div').mouseleave(function () {
        j$(this).css({ 'background': '#fff' });
    });

    var offset = j$professionals.offset();
    //j$professionalsContainer.css({ 'left': (offset.left - 25) + 'px' });

    // MAIN NAVIGATION
    var j$PurellAdvanced = j$('#pPurellAdvanced a.topLink');
    j$PurellAdvanced.mouseover(function () {
        j$(this).css({ 'background': '#fff url("/images/purell/layout/MainNavDropdowns_Sprite.png") 0 -35px no-repeat' });
    });
    j$PurellAdvanced.mouseleave(function () {
        j$(this).css({ 'background': '#fff url("/images/purell/layout/MainNavDropdowns_Sprite.png") 0 0 no-repeat' });
    });

    var j$shopProducts = j$('#pShopProducts a.topLink');
    var j$ShopProductsDropDown = j$('#pShopProductsDropDown');

    j$shopProducts.mouseover(function () {
        j$(this).css({ 'background': '#fff url("/images/purell/layout/MainNavDropdowns_Sprite.png") 0 -106px no-repeat' });
        j$ShopProductsDropDown.css({ 'display': 'block' });
    });
    j$shopProducts.mouseleave(function () {
        j$(this).css({ 'background': '#fff url("/images/purell/layout/MainNavDropdowns_Sprite.png") 0 -71px no-repeat' });
        j$ShopProductsDropDown.css({ 'display': 'none' });
    });
    j$ShopProductsDropDown.mouseover(function () { j$shopProducts.css({ 'background': '#fff url("/images/purell/layout/MainNavDropdowns_Sprite.png") 0 -106px no-repeat' }); j$(this).css({ 'display': 'block' }); });
    j$ShopProductsDropDown.mouseleave(function () {
        j$shopProducts.css({ 'background': '#fff url("/images/purell/layout/MainNavDropdowns_Sprite.png") 0 -71px no-repeat' });
        j$(this).css({ 'display': 'none' });
    });
    j$('#pShopProductsDropDownBody div a').mouseover(function () {
        j$(this).parent().css({ 'background': '#d8ecf4' });
    });
    j$('#pShopProductsDropDownBody div a').mouseleave(function () {
        j$(this).parent().css({ 'background': '#fff' });
    });

    var j$stayWell = j$('#pStayWell a.topLink');
    var j$stayWellDropDown = j$('#pStayWellDropDown');

    j$stayWell.mouseover(function () {
        j$(this).css({ 'background': '#fff url("/images/purell/layout/MainNavDropdowns_Sprite.png") 0 -188px no-repeat' });
        j$stayWellDropDown.css({ 'display': 'block' });
    });
    j$stayWell.mouseleave(function () {
        j$(this).css({ 'background': '#fff url("/images/purell/layout/MainNavDropdowns_Sprite.png") 0 -153px no-repeat' });
        j$stayWellDropDown.css({ 'display': 'none' });
    });
    j$stayWellDropDown.mouseover(function () { j$stayWell.css({ 'background': '#fff url("/images/purell/layout/MainNavDropdowns_Sprite.png") 0 -188px no-repeat' }); j$(this).css({ 'display': 'block' }); });
    j$stayWellDropDown.mouseleave(function () {
        j$stayWell.css({ 'background': '#fff url("/images/purell/layout/MainNavDropdowns_Sprite.png") 0 -153px no-repeat' });
        j$(this).css({ 'display': 'none' });
    });
    j$('#pStayWellDropDownBody div').mouseover(function () {
        j$(this).css({ 'background': '#d8ecf4' });
    });
    j$('#pStayWellDropDownBody div').mouseleave(function () {
        j$(this).css({ 'background': '#fff' });
    });

    var j$Coupons = j$('#pGetCoupon a.topLink');

    j$Coupons.mouseover(function () {
        j$(this).css({ 'background': '#fff url("/images/purell/layout/MainNavDropdowns_Sprite.png") 0 -258px no-repeat' });
    });
    j$Coupons.mouseleave(function () {
        j$(this).css({ 'background': '#fff url("/images/purell/layout/MainNavDropdowns_Sprite.png") 0 -223px no-repeat' });
    });

    var j$Sweepstakes = j$('#pSweepstakes a.topLink');

    j$Sweepstakes.mouseover(function () {
        j$(this).css({ 'background': '#fff url("/images/purell/layout/MainNavDropdowns_Sprite.png") 0 -328px no-repeat' });
    });
    j$Sweepstakes.mouseleave(function () {
        j$(this).css({ 'background': '#fff url("/images/purell/layout/MainNavDropdowns_Sprite.png") 0 -293px no-repeat' });
    });

    // STAY CONNECTED
    var j$StayConnectedTextBox = j$('#pStayConnectedTextbox .StayConnected');

    j$StayConnectedTextBox.click(function () {
        if (j$(this).val() == 'Enter your email address') {
            j$(this).val('');
        }
    });
    j$StayConnectedTextBox.blur(function () {
        if (j$(this).val() == '') {
            j$(this).val('Enter your email address');
        }
    });

    // for the product category tooltips
    var j$SplashProducts = j$("#pMainContent .pSplashProducts");
    j$SplashProducts.find('li .pTooltipContainer').each(function () {
        var tipHeight = j$(this).outerHeight();
        j$(this).css({ 'top': '-' + (tipHeight - 20) + 'px' });
    });

    // Position tooltips horizontally if needed.
    j$SplashProducts.find('li:eq(1)').find('.pTooltipContainer').css({ 'left': '222px' });
    j$SplashProducts.find('li:eq(1)').find('.pTooltipContainer').find('.pTooltipArrow').css({ 'left': '140px' });
    j$SplashProducts.find('li:eq(3)').find('.pTooltipContainer').css({ 'left': '698px' });
    j$SplashProducts.find('li:eq(3)').find('.pTooltipContainer').find('.pTooltipArrow').css({ 'left': '140px' });

    // Mouseover/ Mouseleave events for the tooltips
    j$SplashProducts.find('li').each(function () {
        j$(this).mouseover(function () {
            j$(this).find('.pTooltipContainer').css({ 'display': 'block' });
        });
        j$(this).mouseleave(function () {
            j$(this).find('.pTooltipContainer').css({ 'display': 'none' });
        });
    });

    // this is for the banner dropdowns
    var j$BannerDropdown = j$('.pBannerDropdownContainer');

    j$BannerDropdown.click(function () {
        j$(this).find('.pBannerDropdown').toggle('fast');
        if (j$(this).find('.pBannerDropdownButtonBottom').hasClass('active')) {
            j$(this).find('.pBannerDropdownButtonBottom').removeClass('active');
        }
        else {
            j$(this).find('.pBannerDropdownButtonBottom').addClass('active');
        }
    });

    // Shopping Cart Popup
    j$("#pSearch .cart a.viewcart").live("click", function (e) {
        e.preventDefault();
        j$("#pCart").toggle();
    });

    j$("#pCart").live("mouseleave", function () {
        j$(this).fadeOut("fast");
    });

    if (j$("#pCart table").length < 1) {
        j$("#pCart h2").css({ "margin": "0", "border": "0", "padding-bottom": "0" });
    }

    j$("#pCart table tr:odd").css({ "background": "#f5f5f5" });

    // reduce the size of the registered trademark in the h1's
    var h1Text = j$('h1').html();
    if (h1Text != null) {
        h1text = h1Text.replace('®', '<span style="font-size: 20px; position: relative; top: -14px; ">®</span>');
        j$('h1').html(h1text);
    }

	// View Cart Button
	var $viewCart = j$(".viewcart")
	$viewCart.live("mouseover mouseleave", function(event){
		if(event.type == "mouseover") {
			j$(this).css({"background-position":"0 -93px"});
			j$(".middle", this).css({"background-position":"0 -124px"});
			j$(".last", this).css({"background-position":"0 -155px"})
		} else {
			j$(this).css({"background-position":"0 0"});
			j$(".middle", this).css({"background-position":"0 -31px"});
			j$(".last", this).css({"background-position":"0 -62px"})
		}
	});
});
