var section
var thisURI = window.location.href;
thisURI = thisURI.split("/");

var href = unescape(window.location.href.replace(/\+/g,  " "));
var lang = (href.indexOf(".ca/fr/") > -1) ? "fr" : "en";
var section = thisURI[4].toLowerCase(); // pregnancy, baby, toddler, or whatever that is after the lang indicator
var subSection = (thisURI[5] == null) ? "" : thisURI[5].toLowerCase();


// actual page user is on is last item in the URI array
var pageName = thisURI[thisURI.length - 1].toLowerCase().replace(".html","");

var imageRoot = "/images/" + lang + "/nav/";
var thisPage = thisURI[thisURI.length - 2] + "/" + thisURI[thisURI.length - 1];
var isInNav = false;


// some "constants" (IE doesn't support const keyword/implementation
var PREG_WIDTH = (lang == "fr") ? "399px" : "343px";
var BABY_WIDTH = (lang == "fr") ? "599px" : "565px";
var TODDLER_WIDTH = "277px";

function resetGraphic(){ 
   document.navPreg.src = imageRoot + 'nav_preg_off.gif';
   document.navBaby.src = imageRoot + 'nav_baby_off.gif';
   document.navToddler.src = imageRoot + 'nav_todd_off.gif';
}
 
function changeGraphic(graphic,sliderDiv,width){ 
	resetGraphic();
	var thisGraphic = graphic.replace(/_on.gif/, "");
	if (thisGraphic == "nav_preg"){
		document.navPreg.src = imageRoot + graphic;
	}
	if (thisGraphic == "nav_baby"){
		document.navBaby.src = imageRoot + graphic;
	}
	if (thisGraphic == "nav_todd"){
		document.navToddler.src = imageRoot + graphic;
	}

	eval("$(\"" + sliderDiv + "\").animate({ width: \"" + width + "\" }, params.speed)");
} 


function getAbsoluteLeft(objectId) {

	// Get an object left position from the upper left viewport corner

	o = document.getElementById(objectId);

	oLeft = o.offsetLeft;          // Get left position from the parent object

	while(o.offsetParent!=null) {   // Parse the parent hierarchy up to the document element

		oParent = o.offsetParent;    // Get parent object reference

		oLeft += oParent.offsetLeft; // Add parent left position

		o = oParent;

	}

	return oLeft;

}



function getAbsoluteTop(objectId) {

	// Get an object top position from the upper left viewport corner

	o = document.getElementById(objectId);

	oTop = o.offsetTop;            // Get top position from the parent object

	while(o.offsetParent!=null) { // Parse the parent hierarchy up to the document element

		oParent = o.offsetParent;  // Get parent object reference

		oTop += oParent.offsetTop; // Add parent top position

		o = oParent;

	}

	return oTop;

}







var jQ = jQuery;
var params = jQ.extend({
			speed: 300,
			headerclass: "header",
			contentclass: "navContent",
			event: "mouseover",
			contentwidth: 250
		  },params);


$(document).ready(function() {
	resetNav();
	
// DropDown Menu//		
function productMenu(id) {
var d = document.getElementById(id);
	for (var i = 1; i<=10; i++) {
		if (document.getElementById('ddMenu'+i)) {document.getElementById('ddMenu'+i).style.display='none';}
	}
if (d) {d.style.display='none';}
}
	
$("#mainNav").mouseover(function(){
                                      
$('#ddMenu').css("display","none");
});

$("#navProducts").mouseout(function(e){
  	
                                    	  
if(e.pageY<62)
{
                                     
	  $('#ddMenu').css("display","none");
}
});

$("#navHome").mouseover(function(){
$('#ddMenu').css("display","none");
});

$("#navBrowse").mouseover(function(){
$('#ddMenu').css("display","none");
});
	
$("#mainGraphic").mouseover(function(){
	 $('#ddMenu').css("display","none");
});
	
$("#navProducts").mouseover(function(){
	var parentTop = getAbsoluteTop('navProducts');
	var parentLeft = getAbsoluteLeft('navProducts');
  	 $('#ddMenu').css("display","block");
	 $('#ddMenu').css("left",parentLeft);
	 $('#ddMenu').css("top",parentTop + 20);	
});

	$("#navPreg").mouseover(function(){
		if ((($('#headerPregnancy').css('width') != "0px") && ($('#headerPregnancy').css('width') != PREG_WIDTH)) || 
		    (($('#headerBaby').css('width') != "0px") && ($('#headerBaby').css('width') != BABY_WIDTH)) || 
		    (($('#headerToddler').css('width') != "0px") && ($('#headerToddler').css('width') != TODDLER_WIDTH))) {
			return false;
		}

		if ($('#headerPregnancy').css('width') == "0px") {
			eval("setTimeout(\"changeGraphic('nav_preg_on.gif','#headerPregnancy','" + PREG_WIDTH + "')\", 450)");
		}
		if ($('#headerBaby').css('width') != "0px") {
			$("#headerBaby").animate({ width: "0px" }, params.speed);
		}
		if ($('#headerToddler').css('width') != "0px") {
			$("#headerToddler").animate({ width: "0px" }, params.speed);	
		}	
	});


	$("#navBaby").mouseover(function(){
		if ((($('#headerPregnancy').css('width') != "0px") && ($('#headerPregnancy').css('width') != PREG_WIDTH)) || 
		    (($('#headerBaby').css('width') != "0px") && ($('#headerBaby').css('width') != BABY_WIDTH)) || 
		    (($('#headerToddler').css('width') != "0px") && ($('#headerToddler').css('width') != TODDLER_WIDTH))) {
			return false;
		}

		if ($('#headerPregnancy').css('width') != "0px") {
			$("#headerPregnancy").animate({ width: "0px" }, params.speed);
		}
		if ($('#headerBaby').css('width') == "0px") {
//			$("#headerBaby").animate({ width: "565px" }, params.speed);
//			setTimeout("changeGraphic('nav_baby_on.gif')", 250);
//			setTimeout("changeGraphic('nav_baby_on.gif','#headerBaby',565)", 250);
			eval("setTimeout(\"changeGraphic('nav_baby_on.gif','#headerBaby','" + BABY_WIDTH + "')\", 450)");
		}
		if ($('#headerToddler').css('width') != "0px") {
			$("#headerToddler").animate({ width: "0px" }, params.speed);
		}
	});

	
	$("#navToddler").mouseover(function(){
		if ((($('#headerPregnancy').css('width') != "0px") && ($('#headerPregnancy').css('width') != PREG_WIDTH)) || 
		    (($('#headerBaby').css('width') != "0px") && ($('#headerBaby').css('width') != BABY_WIDTH)) || 
		    (($('#headerToddler').css('width') != "0px") && ($('#headerToddler').css('width') != TODDLER_WIDTH))) {
			return false;
		}

		if ($('#headerPregnancy').css('width') != "0px") {
			$("#headerPregnancy").animate({ width: "0px" }, params.speed);
		}
		if ($('#headerBaby').css('width') != "0px") {
			$("#headerBaby").animate({ width: "0px" }, params.speed);
		}
		if ($('#headerToddler').css('width') == "0px") {
			eval("setTimeout(\"changeGraphic('nav_todd_on.gif','#headerToddler','" + TODDLER_WIDTH + "')\", 450)");
		}
	});


	// an elegant way to handle mouse-overs for all nav sub-items
	$(".navSubItem").mouseover(function(event) {
		$("#" + event.target.id).attr("src",imageRoot + "nav_" + event.target.id + "_on.gif");
	});
	$(".navSubItem").mouseout(function(event) {
		var idArray = event.target.id.split("_");
		if (section != idArray[0] || subSection != idArray[1]) {
			$("#" + event.target.id).attr("src",imageRoot + "nav_" + event.target.id + "_off.gif");
		}
	});	


	/**
	 * determine whether we are moused over the nav area;
	 * - if we moused out, then reset nav to what it should be
	 **/
	$("#mainNav").bind("mouseenter", function(event) {
		isInNav = true;
	});

	$("#mainNav").bind("mouseleave", function(event) { 
		isInNav = false;
		setTimeout("resetNav()",1500);
	});
	
	// do the roll over for the main nav items (Home, Products, Useful Tools, etc)
	$(".navItem").mouseover(function(event) {
		$("#" + event.target.id).attr("src",imageRoot + "topNav/" + event.target.id + "_on.gif");
	});
	$(".navItem").mouseout(function(event) {
		$("#" + event.target.id).attr("src",imageRoot + "topNav/" + event.target.id + ".gif");
	});
	$(".navItem_fr").mouseover(function(event) {
		$("#" + event.target.id).attr("src",imageRoot + "topNav/" + event.target.id + "_on.gif");
	});
	$(".navItem_fr").mouseout(function(event) {
		$("#" + event.target.id).attr("src",imageRoot + "topNav/" + event.target.id + ".gif");
	});


	
}); // end anonymous .ready function


function resetNav() {
	if (!isInNav) {
		resetGraphic();

		if (section != "pregnancy") {
			$("#headerPregnancy").animate({ width: "0px" }, params.speed);
		}
		else {
			$("#pregnancy_" + subSection).attr("src",imageRoot + "nav_pregnancy_" + subSection + "_on.gif");
//			changeGraphic('nav_preg_on.gif');
//			$("#headerPregnancy").animate({ width: "343px" }, params.speed);
			eval("changeGraphic('nav_preg_on.gif','#headerPregnancy','" + PREG_WIDTH + "')");
		}

		if (window.location.href.toLowerCase().indexOf("/baby/") == -1) {
			$("#headerBaby").animate({ width: "0px" }, params.speed);
		}
		else {
			$("#baby_" + pageName).attr("src",imageRoot + "nav_" + pageName + "_on.gif");
//			changeGraphic('nav_baby_on.gif');
//			$("#headerBaby").animate({ width: "565px" }, params.speed);
			eval("changeGraphic('nav_baby_on.gif','#headerBaby','" + BABY_WIDTH + "')");
		}

		if (window.location.href.toLowerCase().indexOf("/toddler/") == -1) {
			$("#headerToddler").animate({ width: "0px" }, params.speed);
		}
		else {
			$("#toddler_" + pageName).attr("src",imageRoot + "nav_" + pageName + "_on.gif");
//			changeGraphic('nav_todd_on.gif');
//			$("#headerToddler").animate({ width: "277px" }, params.speed);
			eval("changeGraphic('nav_todd_on.gif','#headerToddler','" + TODDLER_WIDTH + "')");
		}
	}
}