/* ------------------------------------------------------------------
	Filename:        common.js
  Author:          AKQA
  Description:     Basic JavaScript functions
  								 Using mootools.js
        	        
  -------------------------------------------------------------------
 */
	
	
isIE6 = checkIsIE6();

// function to show error messages on first click, and
// then allow the user to continue on second click.
function submitForm(formID) {
  var errorVisible = false;        
  var elements = document.getElementsBySelector('.error');
  for (var i = 0; i < elements.length; i++) {
      if (elements[i].style.display == 'none') {
             elements[i].style.display = 'block';
        } else {
           errorVisible = true;
         }
      }
  if (errorVisible) {
      document.getElementById(formID).submit();

  }          
  return errorVisible;
}

// this JavaScript will be run when the page has completed loading
function displayInit(classToElementListMap) {
	var elements = classToElementListMap['noScriptHide'];
	if ( elements != null ) {
		for (var i = 0; i < elements.length; i++) {
			removeClass(elements[i], 'noScriptHide');
		}
	}
	var displayChange = {
  			'noScript' : 'none',
  			'hasScript' : 'block',
  			'hasScriptI' : 'inline',
  			'btnRounded' : 'block',
  			'btnPlain' : 'none',
  			'btnPlainCancel' : 'none'
  	};
	
	for (cl in displayChange) {
		var nd = displayChange[cl];
		var elements = classToElementListMap[cl];
		if (elements) {
			for (var i = 0; i < elements.length; i++) {
				elements[i].style.display = nd;
			}
		}
	}
}


// moved to a function so that this can be called in info box windows
function setUpButtons() {
	// show rounded buttons - hide plain buttons
  	setDisplayByClass({
  		'.btnRounded' : 'block',
  		'.btnPlain' : 'none',
  		'.btnPlainCancel' : 'none'
  	});
  	
	var elements = getAllChildren(document);
	for (var i = 0; i < elements.length; i++) {
    	if (hasClass(elements[i], 'btnTriggerFormSubmit')) {
			addEvent(elements[i],"click",function(ev){		
				stopEvent(ev);
				setDisplayForMatchingElements('.toolTip', 'none');
				submitForm();
			  return false;
			});
    	}
	}
}

function init()  {
  var iBase = TextResizeDetector.addEventListener(onFontResize,null);
  applyMenuSizing(iBase);
}
function onFontResize(e,args) {
 var elements = document.getElementsBySelector('.mainMenu li');
  for (var i = 0; i < elements.length; i++) {	
		if (hasChild(elements[i],'a.mainItem')) {
			listEl.style.height='auto';
		}
	}
	elements = document.getElementsBySelector('.mainMenu li a.mainItem');
  for (var i = 0; i < elements.length; i++) {	
		anchorEl.style.height='auto';
	}	
	applyMenuSizing(args[0].iSize);
}

function applyMenuSizing(menuFontSize) {
	if (menuFontSize < 15) {
		removeClass(document.getElementsBySelector('.mainMenu'),'largeFont');
	} else {
		addClass(document.getElementsBySelector('.mainMenu'),'largeFont');
	}
}

//id of element to check for and insert control
TextResizeDetector.TARGET_ELEMENT_ID = 'mainMenu';
//function to call once TextResizeDetector has init'd
TextResizeDetector.USER_INIT_FUNC = init;

function mainMenuInit() {
	var mainMenuElements = document.getElementsBySelector('.mainMenu li a.mainItem');
	for (var i = 0; i < mainMenuElements.length; i++) {				
		addEvent(mainMenuElements[i],'mouseover', function(event) {	
		   element = getEventSourceElement(event);
    	 var subMenuElements= element.getAllChildren();
   	    for (var i = 0; i < subMenuElements.length; i++) {
         if(hasClass(subMenuElements[i],'.subMenu')){
				     subEl.style.top = getCoordinates(element).height-5;
			      }
		    }
		    return false;
	   });
  }
}
/* This event handles any default text values for text inputs, as well as
	 colour changes for default/user entered text */

function textValuesInit(classToElementListMap) {
	// Manipulate text inside inputs
	var elements = classToElementListMap['default'];
	if (elements) {
		for (var i = 0; i < elements.length; i++) {
			var sOriginalValue = '';
			// if this is the original value, then save the text
			if(sOriginalValue.length == 0)	sOriginalValue = elements[i].value;
			//Clear default value of search box on focus
			addEvent(elements[i],'focus', function(e) {
				 element = getEventSourceElement(e);
				 stopEvent(e);		
				 if(!hasClass(element,'notOriginalValue')) {
					 element.value = "";
					 removeClass(element,'default');
				}
				return false;
			});
			//Place default text back in search box if left empty
			addEvent(elements[i],'blur', function(e) {
				el = getEventSourceElement(e);
				stopEvent(e);
				if((el.value == '') || (el.value == sOriginalValue)) {
					el.value = sOriginalValue; 
					removeClass(el,'notOriginalValue');
					addClass(el,'default');
				}else {
					addClass(el,'notOriginalValue');
				}
				return false;
			});
			
			//switch class to highlight active input field
			addEvent(elements[i],'keyup', function(e) {
				stopEvent(e);
				el = getEventSourceElement(e);
				removeClass(el,'default');
				return false;
			});		
    	}
	}
}

function setUpAccordion(classNameToElementListMap) {
	// accordions
	var togglers = classNameToElementListMap['filterHeader'];
	if (togglers) {
		for (var i = 0; i < togglers.length; i++) {	
			nextSibling = getNextSibling(togglers[i]);
			if(i==0){
				addClass(togglers[i],'filterHeaderActive');
				nextSibling.style.display = 'block';
			}else{
				nextSibling.style.display = 'none';
			}
			addEvent(togglers[i],"click",function(ev){		
				stopEvent(ev);
				element = getEventSourceElement(ev);
				if(element != null ){
					toggleItem(element,'filterHeaderActive');
				}
				return false;
			});
		}
	}
  	// inner accordian	
	
  	var togglers = classNameToElementListMap['filterHeaderInner'];
	if (togglers) {
		for (var i = 0; i < togglers.length; i++) {	
			nextSibling = getNextSibling(togglers[i]);
			if(i==0){
				addClass(togglers[i],'filterHeaderInnerActive');
				nextSibling.style.display = 'block';
			}else{
				nextSibling.style.display = 'none';
			}
			addEvent(togglers[i],"click",function(ev){		
				stopEvent(ev);
				element = getEventSourceElement(ev);
				if(element != null ){
					toggleItem(element,'filterHeaderInnerActive');
				}
				return false;
			});
		}
	}	
}

function toggleItem(toggler,togglerClassName){ 
    
    if(toggler.nodeName == "H4"){//fix for IE
    	toggler = toggler.parentNode;
    }	
    if(toggler != null  && togglerClassName != null  && !hasClass(toggler,togglerClassName)){
    var activeTogglers = document.getElementsBySelector('.'+togglerClassName);
     	for (var i = 0; i < activeTogglers.length; i++) {		
     	    activeSibling = getNextSibling(activeTogglers[i]);
     	    removeClass(activeTogglers[i],togglerClassName);
     	    activeSibling.style.display = 'none';
       }
       element = getNextSibling(toggler);
      if(element != null ){
          addClass(toggler,togglerClassName);  
          element.style.display = 'block';
        }
    }   
}

// tooltips
function setUpToolTips(classNameToElementListMap) {
	// tool tip help - right arrow
	var toolTipLinks = classNameToElementListMap['toolTipLink'];
	if (toolTipLinks) {
		for (var i = 0; i < toolTipLinks.length; i++) {		
			toolTipLinks[i].style.display = 'inline';
			toolTipLinks[i].onclick = function(ev) {
				showToolTip(this,true);
				return false;
			};
		}
   }
	// tool tip help - left arrow 
	toolTipLinks = classNameToElementListMap['toolTipLinkLeft'];
	if (toolTipLinks) {
		for (var i = 0; i < toolTipLinks.length; i++) {		
			toolTipLinks[i].style.display = 'inline';
			toolTipLinks[i].onclick = function(ev) {		
				showToolTip(this,false);
				return false;
			};
		}
   }	
}


/* Standard bubble tool tips (object,boolean) */
function showToolTip(el,appearOnRight) {
	
	var toolTipWidth = 274;
	var arrowOffsetX = 3;
	var arrowOffsetY = 34;
	var toolTipMultiples = false;
	var toolTipId = 'toolTipHelpBubble';
	var errorMsg = '<h6 class="error" style="display:block">An error has occurred</h6>' + 
		'<p class="info">Either the \'rel\' attribute or the linking container of the tooltip icon is not correctly defined!</p>';
	
	if (el) {		
		// set position of where the tooltip should spawn from
		
		position = getElementAbsolutePosition(el);
		
		// get middle coordinate of icon, and then adjust tooltip y position relative to where the image arrow appears
		
		position.x += (el.offsetWidth/2);
		position.y += (el.offsetHeight/2) - arrowOffsetY;
		
		// get the properties of the window
		page = getSize(window);
		
		/* if the tooltip is meant to sit on the right, but could go off
		 the right side of the screen, place it to the left */
		if (appearOnRight && (position.x + toolTipWidth) > (page.size.x)) appearOnRight = false;		
			
		/* check the left side has enough space for the tooltip, if not place it on the 
		 right. if both sides are not wide enough, it'll go to the right as this is default behaviour */
		if (!appearOnRight && (position.x - toolTipWidth) < 0) appearOnRight = true;
		
		// if it's the left, adjust the position
		if (!appearOnRight) position.x += -toolTipWidth;
		
		// adjust tooltip x position relative to where the image arrow appears
		position.x += (appearOnRight) ? -arrowOffsetX : arrowOffsetX;
		
		// set the CSS base class relative to the arrow direction
		var cssDirection = (!appearOnRight) ? "toolTipRight" : "toolTipLeft";
		
		var toolTipIdElement = document.getElementById(toolTipId);
    // remove any existing toolTips if multiples are not allowed
		if ((!toolTipMultiples) && (null!= toolTipIdElement)) toolTipIdElement.parentNode.removeChild(toolTipIdElement);
		
		// add a unique tooltipe Id if multiples are allowed
		if (toolTipMultiples) toolTipId += position.x + '-' + position.y;
	
		var toolTipBase = document.createElement('div');
    toolTipBase.setAttribute( 'id',toolTipId); 
    toolTipBase.setAttribute(document.all ? "className" : "class","toolTip "+ cssDirection);
        	
		toolTipBase.style.top  = (position.y)+'px';
		toolTipBase.style.left = (position.x)+'px';

		// create markup for tool tip
		var toolTipArrow = document.createElement('div');
    toolTipArrow.setAttribute(document.all ? "className" : "class", "toolTipArrow");
    toolTipBase.appendChild(toolTipArrow);
		
	 var toolTipBody = document.createElement('div');
   toolTipBody.setAttribute(document.all ? "className" : "class", "toolTipBody");
   toolTipArrow.appendChild(toolTipBody);
		
	 var toolTipFooter = document.createElement('div');
   toolTipFooter.setAttribute(document.all ? "className" : "class", "toolTipFooter");
   toolTipBase.appendChild(toolTipFooter);
		
		// create close button for help text
		var toolTipClose = document.createElement('a');
		toolTipClose.setAttribute(document.all ? "className" : "class", "toolTipClose");
		toolTipClose.innerHTML = 'Close';

	   toolTipClose.onclick = function(e){
		  	removeElement = this.parentNode.parentNode.parentNode;
		  	removeElement.parentNode.removeChild(removeElement);
      		var selectTags = document.getElementsBySelector('select');
      		for (var i = 0; i < selectTags.length; i++) {	
				selectTags[i].style.visibility = 'visible';
			}
      		return false;		
		};		
	  toolTipBody.appendChild(toolTipClose);
		
		// set a warning message should no help text been defined.
		var helpText = errorMsg;		
		if (el.rel) {
			var helpText = document.getElementById(el.rel).innerHTML;		
			if (el.title != '') {
				var toolTipHeader = document.createElement('h6');
				toolTipHeader.innerHTML = el.title;
				toolTipBody.appendChild(toolTipHeader);
			}
		}
		toolTipHelpText = helpText;		
		var toolTipText = document.createElement('div');
	  toolTipText.innerHTML = toolTipHelpText;
	  toolTipBody.appendChild(toolTipText);		
		injectAfter(toolTipBase,el);
	
		// internet explorer 6 will place select boxes above the dropdown, hide them
		if (window.ie6){
		  var selectTags = document.getElementsBySelector('select');
      for (var i = 0; i < selectTags.length; i++) {	
								// get the coordinates of the tooltips and dropdowns
				toolTipCoords =  getCoordinates(toolTipBase);
				dropDownCoords = getCoordinates(selectTags[i]);
				
				// if a drop down is underneath the tooltip, then hide it.
				if (((dropDownCoords.left > toolTipCoords.left) && (dropDownCoords.left < toolTipCoords.right) &&
						(dropDownCoords.top > toolTipCoords.top) && (dropDownCoords.top < toolTipCoords.bottom)) ||
						((dropDownCoords.left > toolTipCoords.left) && (dropDownCoords.left < toolTipCoords.right) &&
						(dropDownCoords.bottom > toolTipCoords.top) && (dropDownCoords.bottom < toolTipCoords.bottom)) ||
						((dropDownCoords.right > toolTipCoords.left) && (dropDownCoords.right < toolTipCoords.right) &&
						(dropDownCoords.top > toolTipCoords.top) && (dropDownCoords.top < toolTipCoords.bottom)) ||
						((dropDownCoords.right > toolTipCoords.left) && (dropDownCoords.right < toolTipCoords.right) &&
						(dropDownCoords.bottom > toolTipCoords.top) && (dropDownCoords.bottom < toolTipCoords.bottom))) {
					obj.setStyle('visibility', 'hidden');
				}
			}
		}
	}
	return false;
}


/**function passwordStrength() {
	// Get the password input element
	var pwd = $('password');
	// If password input element exists
	if ($chk(pwd)) {
		// Add event on keyup
		pwd.addEvent('keyup', function(e) {
			e = new Event(e).stop();
			// Get the password strength indicator element
			var elPwdStrength = $E('strong.strength');
			// Define regular expressions to be used for the different levels - by variants, we mean different character types/case, eg: a, A, 1, _, $ would all be different variants.
			var veryStrongRegex = new RegExp("^(?=.{8,})(?=.*[A-Z])(?=.*[a-z])(?=.*[0-9])(?=.*\\W).*$", "g"); //very strong - eg: J0*8eY$9_Cx (lots of variants *)
			var strongRegex = new RegExp("^(?=.{8,})(?=.*[A-Z])(?=.*[a-z])(?=.*[0-9]).*$", "g"); //strong - eg: J0n8eyS9 (min 8 characters, three variants *)
			var mediumRegex = new RegExp("^(?=.{6,})(((?=.*[A-Z])(?=.*[a-z]))|((?=.*[A-Z])(?=.*[0-9]))|((?=.*[a-z])(?=.*[0-9]))).*$", "g"); //medium - eg: Jonney (min 6 characters, two variants *)
			var weakRegex = new RegExp("(((?=.*[A-Z])(?=.*[a-z]))|((?=.*[A-Z])(?=.*[0-9]))|((?=.*[a-z])(?=.*[0-9]))).*$", "g"); //weak - eg: Jon (two variants *)
			var veryWeakRegex = new RegExp("((?=.*[A-Z])|(?=.*[a-z])|(?=.*[0-9])).*$", "g"); //insecure - eg:  jon (one variant *)
			var min6Regex = new RegExp("(?=.{6,}).*", "g"); //No password or insufficient characters
			
			// Conditional statements to test password strength - setting text and background image position accordingly
			if (pwd.value.length == 0) {
				elPwdStrength.setText('&nbsp;');
				elPwdStrength.setStyle('background-position', '0px -100px');
			}
			else if (veryStrongRegex.test(pwd.value)) {
				elPwdStrength.setText("Very Strong");
				elPwdStrength.setStyle('background-position', '0px 0px');
			}
			else if (strongRegex.test(pwd.value)) {
				elPwdStrength.setText("Strong");
				elPwdStrength.setStyle('background-position', '0px -20px');
			}
			else if (mediumRegex.test(pwd.value)) {
				elPwdStrength.setText("Medium");
				elPwdStrength.setStyle('background-position', '0px -40px');
			}
			else if (false == min6Regex.test(pwd.value) && weakRegex.test(pwd.value)) {
				elPwdStrength.setText('Weak');
				elPwdStrength.setStyle('background-position', '0px -60px');
			}
			else if (veryWeakRegex.test(pwd.value)) {
				elPwdStrength.setText('Very Weak');
				elPwdStrength.setStyle('background-position', '0px -80px');
			}
			else {
				elPwdStrength.setText("No Password");
				elPwdStrength.setStyle('background-position', '0px -100px');
			}
		})
	}
	
}**/

function initialize(){

	var classNameToElementListMap = {};
	
	var elements = getAllChildren(document);
    for (var i = 0; i < elements.length; i++) {
    	var el = elements[i];
    	var cl = el.className;
    	if (cl) {
			var cls = cl.split(" ");
			for (var j = 0; j < cls.length; j++) {
				cl = cls[j];
				var list = classNameToElementListMap[cl];
				if (list) {
					list.push(el);
				} else {
					list = new Array();
					list[0] = el;
					classNameToElementListMap[cl] = list;
				}
	    	}
    	}
	}

	displayInit(classNameToElementListMap);
	mainMenuInit();
	textValuesInit(classNameToElementListMap);
	setUpAccordion(classNameToElementListMap);
	setUpToolTips(classNameToElementListMap);   
}

addEvent(window,"load",initialize);

function ShowMenu(menu) {
	var thisMenu = document.getElementById(menu);
	if (thisMenu != null) {
		thisMenu.style.visibility="visible";
	}
	
	if (isIE6) {
	
		hideSelectsIntersectingWith(thisMenu);

	}	
}
function HideMenu(menu) {
	var thisMenu = document.getElementById(menu);
	if (thisMenu != null) {
	thisMenu.style.visibility="hidden";
	}

	if (isIE6) {
	 	unhideAllCurrentlyHiddenSelects();
	}
}

function HideAllMenu() {
	var i=1;
	while (i < 14) {
		i=i+1;
		to = document.getElementById('subMenu' + i);
		if (to != null) {
			to.style.visibility="hidden";
		}
	}
	if (isIE6) {
	 	unhideAllCurrentlyHiddenSelects();
	}

}

function alignMenu(menuItem){
	tt = document.getElementById('menu' + menuItem);
	sm = document.getElementById('subMenu' + menuItem);
	var i=1;
	var o = 0;
	while (i <menuItem) {
		i=i+1;
		to = document.getElementById('menu' + i);
		if (to != null)
		{
			o = o + to.offsetWidth;
			if (o > 930) {
				o = 0;
			}
		}
	}
  if (sm != null) {

	if ((o + sm.offsetWidth) > 930)	{ // if will be positioned too far right
		if ((o - sm.offsetWidth) > -84)	{ //if will not be possitionted too far left
			sm.style.left = tt.offsetWidth - sm.offsetWidth + "px";
		} else {
			sm.style.left = "-" + (o - (tt.offsetWidth - 84)) + "px";
		}
	}
	else {
		sm.style.left = 0 + "px";
	}
    }
  
}

currentlyHiddenSelects = null;

function hideSelectsIntersectingWith(element) {
	unhideAllCurrentlyHiddenSelects();
	var selects = document.getElementsByTagName("SELECT");
	for (var i = 0; i < selects.length; i++) {
		var sel = selects[i];
		if (elementsIntersect(sel, element)) {
			if (currentlyHiddenSelects == null) {
				currentlyHiddenSelects = new Array();
			}
			currentlyHiddenSelects[currentlyHiddenSelects.length] = sel;
			sel.style.visibility="hidden";
		}
	}
				
}

function unhideAllCurrentlyHiddenSelects() {
	if (currentlyHiddenSelects != null) {
		for (var i = 0; i < currentlyHiddenSelects.length; i++) {
			var sel = currentlyHiddenSelects[i];
			sel.style.visibility="visible";
		}
	}
	currentlyHiddenSelects = null;
}	

//onkeypress="return textAreaLimitInsert('myId', 100)" onkeyup="textAreaTruncate('myId', 100)"
function textAreaLimitInsert(textAreaId, maxLength) { 
    textAreaObj = document.getElementById(textAreaId);
    if (textAreaObj.value.length >= maxLength)
    { 
        return false;
    }
}

function textAreaTruncate(textAreaId, maxLength) { 
    textAreaObj = document.getElementById(textAreaId);
    if (textAreaObj.value.length>maxLength){ 
		textAreaObj.value=textAreaObj.value.substring(0,maxLength);
    }  
} 
function checkEnter(e,frm){ //e is event object passed from function invocation and frm is the form name
	var characterCode;         
	characterCode = e.keyCode; //character code is contained in IE's keyCode property
	if(characterCode == 13){ //if generated character code is equal to ascii 13 (if enter key)
		frm.submit(); //submit the form         
	}
}
function checkCheckoutEnter(e,f){ //e is event object passed from function invocation and f is the element name
	var characterCode;  
	characterCode = e.keyCode; //character code is contained in IE's keyCode property
	if(characterCode == 13){ //if generated character code is equal to ascii 13 (if enter key)
		document.getElementById(f).click(); //click the button        
	}
}
function doFocusButton(f){ // f is the button name where focus wants during onloading the screen
         var useridFocus = document.getElementById(f);
         if(useridFocus != null)
             useridFocus.focus();
}
function submitAddressFormOnEnter(e,f){ //e is event object passed from function invocation and f is the element id
  var characterCode;  
  var objId;
  var targ;
  if (!e) var e = window.event;
	if (e.target){
    targ = e.target;   
  }else if (e.srcElement){ 
    targ = e.srcElement;   
  }	
  if(targ){
   if (targ.nodeType == 3){// defeat Safari bug		
       targ = targ.parentNode;       
    }  
    objId = targ.id;  
   var desiredIndex = objId.indexOf('Postcode');     
   if (desiredIndex!= -1){     
      f = objId.substring(0, desiredIndex)+ 'FindAddress';    
   }else{
       desiredIndex = objId.indexOf('Selectedaddress'); 
      if (desiredIndex!= -1){     
         f = objId.substring(0, desiredIndex)+ 'SelectAddress';    
      }
   }   
  }  
	characterCode = e.keyCode; //character code is contained in IE's keyCode property
	if(characterCode == 13){ //if generated character code is equal to ascii 13 (if enter key)        
		document.getElementById(f).click(); //submit the form	     
	}
}


function checkIsIE6() {
	var userAgent = navigator.userAgent.toLowerCase();
	if (/msie[\/\s](\d+\.\d+)/.test(userAgent)) {
		var ieversion = new Number(RegExp.$1);
		return (ieversion < 7);
	} else {
		return false;
	}
}

function changeUrlParam(originalUrl, paramName, value) {
	var paramMatch = '?' + paramName + '=';
	var paramIndex = originalUrl.indexOf(paramMatch);
	if (paramIndex > -1) {
		var urlAfterIndex = originalUrl.indexOf('&', paramIndex + 1);
		if (urlAfterIndex > -1) {
			return originalUrl.substring(0, paramIndex) + paramMatch + value + originalUrl.substring(urlAfterIndex);
		} else {
			return originalUrl.substring(0, paramIndex) + paramMatch + value;
		}
	}
	paramMatch = '&' + paramName + '=';
	paramIndex = originalUrl.indexOf(paramMatch);
	if (paramIndex > -1) {
		var urlAfterIndex = originalUrl.indexOf('&', paramIndex + 1);
		if (urlAfterIndex > -1) {
			return originalUrl.substring(0, paramIndex) + paramMatch + value + originalUrl.substring(urlAfterIndex);
		} else {
			return originalUrl.substring(0, paramIndex) + paramMatch + value;
		}
	}
	if (originalUrl.indexOf('?') > 0) {
		return originalUrl + paramMatch + value;
	} else {
		return originalUrl + '?' + paramName + '=' + value;
	}
}