startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("nav");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
  }
  node.onmouseout=function() {
  this.className=this.className.replace(" over", "");
   }
   }
  }
 }
}
//window.onload=startList;

function searchFocus(field){
if (field.value == field.defaultValue){
field.value ='';
field.className="search2 searchfieldInput";
}else{ 
if (field.value == 'Postcode/woonplaats') {
field.value ='';
field.className="search2 searchfieldInput locator"
}}}

function searchFocusFR(field){
if (field.value == field.defaultValue){
field.value ='';
field.className="search2 searchfieldInput";
}else{
if (field.value=='Code postal/Ville') {
field.value='';
field.className="search2 searchfieldInput locatorFR";
}}}

function searchBlur(field){
if (field.value == '' & field.className=="search2 searchfieldInput"){
field.value = field.defaultValue;
field.className="search1 searchfieldInput";
}else if (field.value == '' & field.className=="search2 searchfieldInput locator") {
field.value='Postcode/woonplaats';
field.className="search1 searchfieldInput";
}else if (field.value == '' & field.className=="search2 searchfieldInput locatorFR") {
field.value='Code postal/Ville';
field.className="search1 searchfieldInput"
}
}

function emailFocus(field){
if (field.value == field.defaultValue){
field.value ='';
}
field.className="email2 loginEmail"
}
function emailBlur(field){
if (field.value == ''){
field.value = field.defaultValue;
field.className="email1 loginEmail";
}else{
field.className="email2 loginEmail";
}
}

function passwordFocus(field, otherField){
	otherField = document.getElementById(otherField);
	if (field.type == 'text'){
		var _fieldname = field.name.substring(0,1);
		if (_fieldname != '_'){
			otherField.name = field.name;
			field.name = '_' + field.name;
		}
		field.style.display = 'none';
		otherField.style.display = 'block';
		otherField.focus();
	}
}



function passwordBlur(field, otherField){
	otherField = document.getElementById(otherField);
	if (field.type == 'password'){
		if (field.value == ''){
			field.style.display = 'none';
			otherField.style.display = 'block';
		}
	}
}


function newsletterFocus(field){
if (field.value == field.defaultValue){
field.value ='';
}
field.className="newsletter2 nieuwsbriefEmail"
}
function newsletterBlur(field){
if (field.value == ''){
field.value = field.defaultValue;
field.className="newsletter1 nieuwsbriefEmail";
}else{
field.className="newsletter2 nieuwsbriefEmail";
}
}

function toggleDiv(divid){
if(document.getElementById(divid).style.display == 'none'){
  document.getElementById(divid).style.display = 'block';
}else{
  document.getElementById(divid).style.display = 'none';
}
}

function changeClass(elem, className1,className2){
  elem.className = (elem.className == className1)?className2:className1;
}

function showContent(vThis)
{
vParent = vThis.parentNode;
vSibling = vParent.nextSibling;
while (vSibling.nodeType==3) { // Fix for Mozilla/FireFox Empty Space becomes a TextNode or Something
vSibling = vSibling.nextSibling;
};
if(vSibling.style.display == "none")
{
vThis.src="layout_images/headerMijnkruidvat.gif";
vThis.alt = "Hide Div";
vSibling.style.display = "block";
} else {
vSibling.style.display = "none";
vThis.src="layout_images/headerMijnkruidvat.gif";
vThis.alt = "Show Div";
}
return;
}

function ReverseContentDisplay(d) {
if(d.length < 1) { return; }
if(document.getElementById(d).style.display == "none") { document.getElementById(d).style.display = "block"; document.getElementById("contentiframe").className='dropIframe'; }
else { document.getElementById(d).style.display = "none"; document.getElementById("contentiframe").className='contentiframe'}
}

/*


 //~~~~~~~~~~~~~~~~~~~~~~~~~\\
//BEGIN Portal search scripts\\


*/
var articleSubmitURL;
var shoplocatorSubmitURL;
var lang;
function SelectTypeOfSearch(val){
	
	//first get the selected radiobtn
	
	if (lang == 'fr')
	{
		if(document.getElementById('larticle').checked == true){
			val = "article";
		}else{
			val = "store";
		}	
	}
	else
	{
		if(document.getElementById('article').checked == true){
			val = "article";
		}else{
			val = "store";
		}	
	}
		
	//change the value of contentcode and the submit url (form action) based opn the  selection of the type of search in radio button 
	if(val=="article"){
		//for searching articles in the site
		document.forms["PortalSearch"].contentcode.value="PRODUCTSEARCHRESULT"
		//document.forms["PortalSearch"].action="http://localhost/kruidvat_portal_nl/domains/kruidvat/pages/portal_search_v2.aspx"
		document.forms["PortalSearch"].action= articleSubmitURL
	}else{
		//for shop locator
		document.forms["PortalSearch"].contentcode.value="SHOP_LOCATOR"
		//document.forms["PortalSearch"].action="http://localhost/kruidvat_portal_nl/domains/kruidvat/pages/Locator.aspx"
		document.forms["PortalSearch"].action= shoplocatorSubmitURL;
	}
}
function fillPostalCodeTextBox(val){
	//"postalcode" is the anme of the textbox used for shop locator, so when ever shop locator is selected the value in the textbox "search" will be copied to this hiden control
	document.forms["PortalSearch"].postalcodelocator.value=val;
}
/*


\\END Portal search scripts//
 \\~~~~~~~~~~~~~~~~~~~~~~~//
 
 
*/

// Load of URL Parameters
function gup( name ) {
	var name2 = name.toLowerCase();
	var regexS = "[\\?&]"+name2+"=([^&#]*)";
	var regex = new RegExp( regexS );
	var tmpURL = window.location.href;
	var results = regex.exec( tmpURL );
	if( results == null ) {
		// Try to find an alternative value
		if (typeof alternatives == "object") {
			if (typeof alternatives[name2] != "undefined") {
				return alternatives[name2];
			}
		}
		
		return "";
	} else {
		return results[1];		
	}
};

//global vars:
var boolExecuted = false;
var boolStaticHTML = false;

function setSelectedMenu(){
	//declare vars
	var navid;
	var parentid;
	var mainElem;
	var sifrElemFF;
	var sifrElemIE;
	
	//get url params
	navid = gup("navigationid");
	parentid = gup("parentid");
	
	//Fix for issue: KVRD-31861, R. van Ittersum - 30/10/2008
	if(parentid == "12980000000278"){
		parentid = navid;
	}
	//End fix
	//select the menu elements
	mainElem = document.getElementById('mm_' + parentid);
	linkElem = document.getElementById('mm_' + navid);
	
	if(boolStaticHTML == true && mainElem != null && boolExecuted == false) {
		//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\
		//we use different vars for IE && FF because the nodecount in FF starts on 1 and in IE the counting starts on 0\\
		sifrElemFF = mainElem.childNodes[1];
		sifrElemIE = mainElem.childNodes[0];
		
		//set style of de main menuitem and sIFR link
		mainElem.className = 'menuselected';		
		sifrElemFF.className = 'topsel';
		sifrElemIE.className = 'topsel';
		
		//set boolExecuted = true, so we don't loop through this function again
		boolExecuted = true;
	}
}

function setSelectedSideMenu(){
	//declare vars
	var navid;
	var parentid;
	var mainElem;
	var linkElem;
	var linkElem2;
	var linkElem3;
	var browser=navigator.appName;
	
	//get url params
	navid = gup("navigationid");
	parentid = gup("parentid");
	
	while (navid != null && navid.length == 14) {
		linkElem = document.getElementById('C1_' + navid);
		
		if (linkElem == null) {
			break;
		}
		
		switch (linkElem.parentNode.parentNode.id.substr(0, 4)) {
			case 'sub1': // level 2
				linkElem.parentNode.className = 'subLeft_over';
				linkElem.parentNode.parentNode.style.display = 'inline';
				
				//items below this menu have to be displayed too
				linkElem3 = document.getElementById('sub2_holder_left_' + navid);
				if (linkElem3 != null) {
					linkElem3.style.display = 'inline';
				}
				
				// get navid for the parent menu item
				navid = linkElem.parentNode.parentNode.id.replace(/.+_(\d+)/, "$1")
				break;
			case 'sub2': // level 3
				linkElem.parentNode.className = 'subLeft2_over';
				linkElem.parentNode.parentNode.style.display = 'inline';
				
				// get navid for the parent menu item
				navid = linkElem.parentNode.parentNode.id.replace(/.+_(\d+)/, "$1")
				break;
			default: // level 1 and exceptional cases
				// make sure it's a top-level menu item
				if (linkElem.parentNode.id == ('SP1_' + navid)) {
					linkElem.parentNode.className = 'mainLeft_over';
					
					// expand the subitems as well
					linkElem2 = document.getElementById('sub1_holder_left_' + navid);
					
					if (linkElem2 != null) {
						linkElem2.style.display = 'inline'; 
					}
				}
				
				// exit the loop
				navid = null;
		}
	}
}

function setMenuToken(){
	//declare vars
	var topMenu
	var leftMenu
	var token
	var content
	
	//select the menu elements
	topMenu = document.getElementById('siteTopMenu');
	leftMenu = document.getElementById('siteLeftMenu');
	content = document.getElementById('content');
	token = gup('token');
	
	if (boolStaticHTML == true && token != -1 && topMenu != null && token != '')
	{
		topMenu.innerHTML = topMenu.innerHTML.replace(/token=-1/g,'token=' + token);
		if (leftMenu != null)
		{
			leftMenu.innerHTML = leftMenu.innerHTML.replace(/token=-1/g,'token=' + token);
		}
		
		if(content != null)
		{
			content.innerHTML = content.innerHTML.replace(/token=-1/g,'token=' + token);
		}
	}
		
}

//unsubscribe page\\
function changeSANAimage(item, src){

	item.src = src;

}
function changeimg(name, src){
	var doc = document.images[name]

	switch (src) {
		case '' :
			break;
		default :
			doc.src = src;
	}
}

function changetreebutton(item, src){

	item.src = src;

}

function openurl(self)
{
	document.location.href = self.children(0).href;	
}
//end unsubscribe page\\

function openNewWindow(gaLink, isGALink)
{
	var gaUrl;
	_ulink = 1;
	if (isGALink)
	{
		if (typeof(pageTrackerCD) == 'object' )
		{
			gaUrl = pageTrackerCD._link(gaLink);
		}
		else
		{ 
			if 
			(typeof(pageTracker) == 'object' )
			{
				gaUrl = pageTracker._link(gaLink);
			}
			else
			{
				if (typeof(_ulink) == 'undefined')
				{
					gaUrl = gaLink;
				}
				else
				{
					gaUrl = __utmLinkerUrl(gaLink);
				}
			}
		}
	}
	else
	{
		gaUrl = gaLink;
	}
	
	window.open(gaUrl);
}

function checkNumber(me)
{
	theID=me.id;// + 'Label';
	
	var regexNrS = /\D/;
	var regexNr = new RegExp( regexNrS );
	
	if (me.value.length > 0 && regexNr.exec(me.value) == null )
	{document.getElementById(theID).className = document.getElementById(theID).className.replace(/\s+validationBorder/g, '');
	}
	else
	{document.getElementById(theID).className += ' validationBorder';}
}

function checkPostalcode(me, countryID)
{
	theID=me.id;// + 'Label';
	var P1 = me.value.substring(0,4);
	var P2 = me.value.substring(4);
	var regexNrS = /\d{4}/;
	var regexNr = new RegExp( regexNrS );
	var regexS = "[A-Za-z]";
	var regex = new RegExp( regexS );
	
	if (parseInt(countryID) == 497){
	//be
		alert(regexNr.exec(P1));
		if (regexNr.exec(P1) != null && regexNr.exec(P1) != "undefined" && P2.length < 1){
			document.getElementById(theID).className = document.getElementById(theID).className.replace(/\s+validationBorder/g, '');
		}else{
			document.getElementById(theID).className += ' validationBorder';
		}
	}else{
	//nl
		if (regexNr.exec(P1) != null && regexNr.exec(P1) != "undefined" && P2.length == 2){
			if (regex.exec( P2.substr(0,1) ) != null && regex.exec( P2.substr(1) ) != null){
				document.getElementById(theID).className = document.getElementById(theID).className.replace(/\s+validationBorder/g, '');
			}else{
				document.getElementById(theID).className += ' validationBorder';
			}
		}else{
			document.getElementById(theID).className += ' validationBorder';
		}
	}
}

function pwStrength()
{
	var password = document.getElementById('password');
	var strength = 0;
	var pwLength = password.value.length
	
	if (pwLength >= 8)
	{	
		strength += 1;
	}
	
	val = 1; 
	var nrOfUpperCaseChars = '0'; 
	var regexp = /[A-Z]/g; 
	var text = password.value; 
	while ((match = regexp.exec(text)) != null) { 
	nrOfUpperCaseChars += val; 
	} 
	
	if(nrOfUpperCaseChars > 0)
	{
		strength += 1;
	}
	
	var nrOfLowerCaseChars = '0'; 
	var regexp2 = /[a-z]/g; 
	while ((match = regexp2.exec(text)) != null) { 
	nrOfLowerCaseChars += val; 
	} 
	
	if (nrOfLowerCaseChars > 0)
	{
		strength += 1;
	}
	
	var nrOfNumbers = '0'; 
	var regexp3 = /[0-9]/g; 
	while ((match = regexp3.exec(text)) != null) { 
	nrOfNumbers += val; 
	} 
	
	if (nrOfNumbers > 0)
	{
		strength += 1;
	}
	
	var nrOfSymbols = '0'; 
	
	var regexp4 = /[&~`!@#$%^*()+=_\-{}\[\]\\:;"',.><?/]/g; 
	
	while ((match = regexp4.exec(text)) != null) { 
	nrOfSymbols += val; 
	}
	
	if (nrOfSymbols > 0)
	{
		strength += 1;
	}
	
	var letters = {};
	var nrOfUniqueChars = 0;
	for (var x = 0, y = pwLength; x < y; x++) {
		var l = password.value.charAt(x);
		letters[l] = (isNaN(letters[l]) ? 1 : letters[l] + 1);
	}
	
	for(key in letters) 
	{  
		nrOfUniqueChars += 1;
	}
	
	if (nrOfUniqueChars > (pwLength - 2) && nrOfUniqueChars > 0 && pwLength > 4)
	{
		strength += 1;
	}
	
	switch (strength)
	{
		case 1: 
			document.getElementById("pwstrength").innerHMTL = 'Zwak';
			document.getElementById("pwstrength").innerText  = 'Zwak';
			document.getElementById("pwstrength").textContent = 'Zwak';
			document.getElementById("pwstrength").style.color = 'red';
			document.getElementById("pwstrength").style.fontWeight = 'bold';
		break;
		case 2: 
		case 3: 
		case 4: 
			document.getElementById("pwstrength").innerHMTL = 'Matig';
			document.getElementById("pwstrength").innerText  = 'Matig';
			document.getElementById("pwstrength").textContent = 'Matig';
			document.getElementById("pwstrength").style.color = '#FFCC00';
			document.getElementById("pwstrength").style.fontWeight = 'bold';
		break;
		case 5: 
		case 6: 
			document.getElementById("pwstrength").innerHMTL = 'Sterk';
			document.getElementById("pwstrength").innerText  = 'Sterk';
			document.getElementById("pwstrength").textContent = 'Sterk';
			document.getElementById("pwstrength").style.color = 'green';
			document.getElementById("pwstrength").style.fontWeight = 'bold';
		break;
		default : 
			//document.getElementById("pwstrength").innerHMTL = 'Geen wachtwoord';
			//document.getElementById("pwstrength").innerText = 'Geen wachtwoord';
			//document.getElementById("pwstrength").textContent = 'Geen wachtwoord';
			document.getElementById("pwstrength").innerHMTL = '';
			document.getElementById("pwstrength").innerText = '';
			document.getElementById("pwstrength").textContent = '';
			document.getElementById("pwstrength").style.color = 'black';
			document.getElementById("pwstrength").style.fontWeight = 'bold';
		break;
	}
}

function removeDefaultValue(customerform, me, text)
{
	if(me.innerText == text || me.value == text)
	{
		me.innerText = '';
		me.value = '';
	}
}

function showDefaultValue(customerform, me, text)
{
	if(me.innerText == '' && me.value == '')
	{
		me.innerText = text;
		me.value = text;
	}
}

function changeBabyClubBirthDateVisibility()
{
	
	if(document.getElementById("babyclub").checked == true)
	{
		document.getElementById("babyclubdiv").style.visibility = 'visible';
	}
	else
	{
		document.getElementById("babyclubdiv").style.visibility = 'hidden';
	}
}

function showOrHide(e, hasFocus, defaultValue){
	if (hasFocus){
		if (e.value == defaultValue){
			e.value = '';
			e.style.fontStyle="normal";
			e.style.color="#333";
		}
	}
	else {
		if (e.value == ''){
			e.value = defaultValue;
			e.style.fontStyle="italic";
			e.style.color="#737373";
		}
	}
}


// JavaScript Document
var isIE;
jQuery(document).ready(function() {
    isIE = jQuery.browser.msie;
    AddBorderRadiustoNonBorderRadiusSupportedBrowsers();
})

function AddBorderRadiustoNonBorderRadiusSupportedBrowsers() {
    if ( jQuery.browser.msie && (jQuery.browser.version < 9)) {    
        jQuery(".cadeauCardCnt").prepend('<div class="cornerTopLeft"/>');
        jQuery(".cadeauCardCnt").prepend('<div class="cornerTopRight"/>');
        jQuery(".cadeauCardCnt").append('<div class="cornerBottomLeft"/>');
        jQuery(".cadeauCardCnt").append('<div class="cornerBottomRight"/>');
    }
}
