/*
 * Liquid-Plumr Common Javascript
 *
 * 28 June 2010
 */

// init the $lp namespace. All functions should be part of this namespace
var $lp = window.$lp || {};  

$(document).ready(function(){

	$clxcommon.initExternal();
	$clxcommon.initWarning();

    // link tracking
	$clxcommon.attachClickAnalytics('clorox-promo');
 	$clxcommon.attachClickAnalytics('clorox-video');
 	$clxcommon.attachClickAnalytics('clorox-download');
 	$clxcommon.attachClickAnalytics('clorox-link');
 	$clxcommon.attachClickAnalytics('clorox-popup');

	
	// Links for Divs
    $clxcommon.createLink('#solutionBathtub', '/bathtubs-showers/');
    $clxcommon.createLink('#solutionKitchen', '/kitchen-sinks/');
    $clxcommon.createLink('#solutionBathroom', '/bathroom-sinks/');


	
	// slideshow
	$(function () {
		if (jQuery.innerfade) {
		
			$('ul#HPslides').innerfade({
				speed: 1000,
				timeout: 15000,
				type: 'sequence',
				containerheight: 	'281px',
				slide_timer_on: 	'yes',
				slide_ui_parent: 	'HPslides',
				slide_ui_text:		'HPslides-desc',
				pause_button_id: 	'pause_button',
				slide_nav_id:		'slideNav'
			});
						
			$.setOptionsButtonEvent();


			// EXTREMELY Inelegant Hack to Get a very last minute customized dynamic nav/header/menu thing to work. Ugly code (that works) is what they get.
			
			// SLIDE 0
			$("li.slide_0").mouseover(function() {
				if ($("li.slide_0").is("#button_selected")) {
					
					$("#slideNav > li").css("display", "block");
					$("#slideNav").css("top", "0px");						
					$("#slideNav").css("height", "171px");
				} else if ($("li.slide_1").is("#button_selected")) {
					
					$("#slideNav > li").css("display", "block");						
					$("#slideNav").css("top", "-60px");						
					$("#slideNav").css("height", "171px");						


				} else if ($("li.slide_2").is("#button_selected")) {
					
					$("#slideNav > li").css("display", "block");						
					$("#slideNav").css("top", "-120px");						
					$("#slideNav").css("height", "171px");						

				}						 

			}).mouseout(function(){
				if ($("li.slide_0").is("#button_selected")) {
					
					//$("#slideNav").css("top", "-100px");						
					$("#slideNav").css("top", "0px");						
					$("#slideNav").css("height", "51px");
					// Remove Inline Styles for display
					$('#slideNav > li').each(function(idx,el){
					    el.style.display='';
					});
					
				} else if ($("li.slide_1").is("#button_selected")) {
					
					//$("#slideNav").css("top", "-200px");						
					$("#slideNav").css("top", "0px");						
					$("#slideNav").css("height", "51px");						
					// Remove Inline Styles for display
					$('#slideNav > li').each(function(idx,el){
					    el.style.display='';
					});


				} else if ($("li.slide_2").is("#button_selected")) {
					
					//$("#slideNav").css("top", "100px");						
					$("#slideNav").css("top", "0px");						
					$("#slideNav").css("height", "51px");						
					// Remove Inline Styles for display
					$('#slideNav > li').each(function(idx,el){
					    el.style.display='';
					});

				}						 

			});
			
			// SLIDE 1
			$("li.slide_1").mouseover(function() {
				if ($("li.slide_0").is("#button_selected")) {
					
					$("#slideNav > li").css("display", "block");						
					$("#slideNav").css("top", "0px");						
					$("#slideNav").css("height", "171px");
				
				} else if ($("li.slide_1").is("#button_selected")) {
					
					$("#slideNav > li").css("display", "block");						
					$("#slideNav").css("top", "-60px");						
					$("#slideNav").css("height", "171px");						


				} else if ($("li.slide_2").is("#button_selected")) {
					
					$("#slideNav > li").css("display", "block");						
					$("#slideNav").css("top", "-120px");						
					$("#slideNav").css("height", "171px");						

				}						 


			}).mouseout(function(){
				if ($("li.slide_0").is("#button_selected")) {
					
					//$("#slideNav").css("top", "-100px");						
					$("#slideNav").css("top", "0px");						
					$("#slideNav").css("height", "51px");
					// Remove Inline Styles for display
					$('#slideNav > li').each(function(idx,el){
					    el.style.display='';
					});
					
				} else if ($("li.slide_1").is("#button_selected")) {
					
					//$("#slideNav").css("top", "-200px");						
					$("#slideNav").css("top", "0px");						
					$("#slideNav").css("height", "51px");						
					// Remove Inline Styles for display
					$('#slideNav > li').each(function(idx,el){
					    el.style.display='';
					});


				} else if ($("li.slide_2").is("#button_selected")) {
					
					//$("#slideNav").css("top", "100px");						
					$("#slideNav").css("top", "0px");						
					$("#slideNav").css("height", "51px");						
					// Remove Inline Styles for display
					$('#slideNav > li').each(function(idx,el){
					    el.style.display='';
					});

				}						 

			});
			
			
			// SLIDE 2
			$("li.slide_2").mouseover(function() {
				if ($("li.slide_0").is("#button_selected")) {
					
					$("#slideNav > li").css("display", "block");						
					$("#slideNav").css("top", "0px");						
					$("#slideNav").css("height", "171px");
				
				} else if ($("li.slide_1").is("#button_selected")) {
					
					$("#slideNav > li").css("display", "block");						
					$("#slideNav").css("top", "-60px");						
					$("#slideNav").css("height", "171px");						


				} else if ($("li.slide_2").is("#button_selected")) {
					
					$("#slideNav > li").css("display", "block");						
					$("#slideNav").css("top", "-120px");						
					$("#slideNav").css("height", "171px");						

				}						 

			}).mouseout(function(){
				if ($("li.slide_0").is("#button_selected")) {
					
					//$("#slideNav").css("top", "-100px");						
					$("#slideNav").css("top", "0px");						
					$("#slideNav").css("height", "51px");
					// Remove Inline Styles for display
					$('#slideNav > li').each(function(idx,el){
					    el.style.display='';
					});
					
				} else if ($("li.slide_1").is("#button_selected")) {
					
					//$("#slideNav").css("top", "-200px");						
					$("#slideNav").css("top", "0px");						
					$("#slideNav").css("height", "51px");						
					// Remove Inline Styles for display
					$('#slideNav > li').each(function(idx,el){
					    el.style.display='';
					});


				} else if ($("li.slide_2").is("#button_selected")) {
					
					//$("#slideNav").css("top", "100px");						
					$("#slideNav").css("top", "0px");						
					$("#slideNav").css("height", "51px");						
					// Remove Inline Styles for display
					$('#slideNav > li').each(function(idx,el){
					    el.style.display='';
					});

				}						 
			

			});
			
		}
	});
	
	
// homepage carousel nav for IE

sfHover = function() {
	var sfEls = document.getElementById("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"), "");
		}
	}
}

if (window.attachEvent) window.attachEvent("onload", sfHover);

}); //close doc ready

// PNG FIX

$(window).load(function () {
  //DD_belatedPNG.fix('.productsPromoImg, .whyPromoImg, .moneyPromoImg, .soonPromoImg, .plumberPromoImg');
});