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

var href = unescape(window.location.href.replace(/\+/g,  " "));

var indexen = href.indexOf(".ca/en/");
var indexfr = href.indexOf(".ca/fr/");

if(indexen == -1 && indexfr == -1)
{
    indexfr = href.indexOf("=/fr/");
}

var lang = (indexfr > -1) ? "fr" : "en";

try {
    if (GetCurrentLanguage) {
        var curLang = GetCurrentLanguage();
        if (curLang != "") { lang = curLang; }
    }
} catch (myError) {
   // do nothing
}


var section = (thisURI[4] == null) ? "" : 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';
     }
}

if($("#mainNav")!=null)	
{
    $("#mainNav").mouseover(function(){
    $('#ddMenu').css("display","none");
    $('#ddMenuMyths').css("display","none");
    $('#ddMenuMommyTools').css("display","none");
    $('#ddMenuAboutNestleBaby').css("display","none");
    });
}

if($("#navProducts")!=null)	
{
    $("#navProducts").mouseout(function(e){
    if(e.pageY<62)
    {
	      $('#ddMenu').css("display","none");
	      $('#ddMenuMyths').css("display","none");
	      $('#ddMenuMommyTools').css("display","none");
	      $('#ddMenuAboutNestleBaby').css("display","none");
    }
    });
}

if($("#navHome")!=null)	
{
    $("#navHome").mouseover(function(){
    $('#ddMenu').css("display","none");
    $('#ddMenuMyths').css("display","none");
    $('#ddMenuMommyTools').css("display","none");
    $('#ddMenuAboutNestleBaby').css("display","none");
    });
}



if($("#navBrowse")!=null)	
{
    $("#navBrowse").mouseover(function(){
    $('#ddMenu').css("display","none");
    $('#ddMenuMyths').css("display","none");
    $('#ddMenuMommyTools').css("display","none");
    $('#ddMenuAboutNestleBaby').css("display","none");
    });
}

	
if($("#mainGraphic")!=null)	
{
    $("#mainGraphic").mouseover(function(){
	     $('#ddMenu').css("display","none");
	     $('#ddMenuMyths').css("display","none");
         $('#ddMenuMommyTools').css("display","none");
         $('#ddMenuAboutNestleBaby').css("display","none");
    });
}
	
	
	
if($("#navTools")!=null)	
{
    $("#navTools").mouseover(function()
    {
        $('#ddMenu').css("display","none");
        $('#ddMenuMyths').css("display","none");
        $('#ddMenuAboutNestleBaby').css("display","none");
	    var parentTop = getAbsoluteTop('navTools');
	    var parentLeft = getAbsoluteLeft('navTools');
  	    $('#ddMenuMommyTools').css("display","block");
	    $('#ddMenuMommyTools').css("left",parentLeft);
	    $('#ddMenuMommyTools').css("top",parentTop + 20);	

    });
}

if($("#navAbout")!=null)	
{
    $("#navAbout").mouseover(function(){
        $('#ddMenu').css("display","none");
        $('#ddMenuMyths').css("display","none");
        $('#ddMenuMommyTools').css("display","none");
	    var parentTop = getAbsoluteTop('navAbout');
	    var parentLeft = getAbsoluteLeft('navAbout');
         $('#ddMenuAboutNestleBaby').css("display","block");
	     $('#ddMenuAboutNestleBaby').css("left",parentLeft);
	     $('#ddMenuAboutNestleBaby').css("top",parentTop + 20);	
    });
}

if($("#navProducts")!=null)	
{
    $("#navProducts").mouseover(function(){
	    var parentTop = getAbsoluteTop('navProducts');
	    var parentLeft = getAbsoluteLeft('navProducts');
  	     $('#ddMenu').css("display","block");
	     $('#ddMenu').css("left",parentLeft);
	     $('#ddMenu').css("top",parentTop + 20);	
	     $('#ddMenuMyths').css("display","none");
         $('#ddMenuMommyTools').css("display","none");
         $('#ddMenuAboutNestleBaby').css("display","none");
    });
}

if($("#navMyths")!=null)	
{
    $("#navMyths").mouseover(function(){
        $('#ddMenu').css("display","none");
        $('#ddMenuMommyTools').css("display","none");
        $('#ddMenuAboutNestleBaby').css("display","none");
	    var parentTop = getAbsoluteTop('navMyths');
	    var parentLeft = getAbsoluteLeft('navMyths');
  	     $('#ddMenuMyths').css("display","block");
	     $('#ddMenuMyths').css("left",parentLeft);
	     $('#ddMenuMyths').css("top",parentTop + 20);	
    });
}


if($("#navPreg")!=null)	
{
	$("#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);	
		}	
	});
}

if($("#navBaby")!=null)	
{
	$("#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);
		}
	});
}
	
if($("#navToddler")!=null)	
{
	$("#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)");
		}
	});
}

if($("#navSubItem")!=null)	
{
	// 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");
		}
	});	
}

if($("#mainNav")!=null)	
{
	/**
	 * 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);
	});
}
	
if($(".navItem")!=null)	
{
 //alert(".navItem");

	// 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");
	});
}


if($(".navItem_fr")!=null)	
{
	$(".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") {
			if($("#headerPregnancy")!=null)
			    $("#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) {
		    if($("#headerBaby")!=null)
			    $("#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) {
		    if($("#headerToddler")!=null)
    			$("#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 + "')");
		}
	}
}