// Javascript Image Replacement: http://www.quirksmode.org/dom/fir.html
// Get Element By Selector: http://simon.incutio.com/js/getElementsBySelector.html
// Browser checking: http://javascript.about.com/library/scripts/blbrowsercheck.htm
// Replace: http://www.tneoh.zoneit.com/javascript/js_func.html

window.onload = init;
		
function init() {

	// by default, make sure text-only and large templates switched off
	// uses link tag rather than document.styleSheets[0].href, document.styleSheets[0].disabled for safari
	document.getElementsByTagName("link")[2].disabled = true;
	document.getElementsByTagName("link")[3].disabled = true;

	// always decipher protected email addresses
	replaceEmail(document.getElementsBySelector('.erep'));	

	var queryObj = getQueryString(location.search);

	// stylesheet switch		
	if (queryObj.stylesheet == 'textonly')
	{	
		// activate text only stylesheet	
		document.getElementsByTagName("link")[0].disabled = true;
		document.getElementsByTagName("link")[1].disabled = true;
		document.getElementsByTagName("link")[2].disabled = true;
		document.getElementsByTagName("link")[3].disabled = false;
		
		addStylesheetString("textonly");
		
		// hide images
		accessibleSkip(document.getElementsByTagName('img'));			
		
	} else {
		//visual template, check if can display
		var test = new Image();
		var tmp = new Date();
		var suffix = tmp.getTime();
		test.src = '/resources/graphics/shim.gif?' + suffix;
		test.onload = activateVisuals;

		// custom visual changes, browser hacks etc.
		initCustom();
		
		// add form change events
		if (document.getElementsByTagName('form')) {
			attachChangeEvent(document.getElementsBySelector('input'));
			attachChangeEvent(document.getElementsBySelector('select'));
			attachChangeEvent(document.getElementsBySelector('textarea'));
		}
		
		// in visual layout, if large settings, again swap template
		if (queryObj.stylesheet == 'large') {
			document.getElementsByTagName("link")[1].disabled = true;
			document.getElementsByTagName("link")[2].disabled = false;
			addStylesheetString("large");		
		}
		
		// tracking, return visitor and multiple page view alerts
		// tracking();			
	}	
}

// image replacement and javascript controls
function activateVisuals()
{
	var j;

	// images
	replaceImage(document.getElementsBySelector('.fir'));
	replaceImageHover(document.getElementsBySelector('.firh'));

	// recontrol visual elements
	// replaceControl(document.getElementsBySelector('.control'));		
	
	// includes visual elements
	// includeElements();
	
	// slides as required
	//if (document.getElementsBySelector('.panel')) {
	//	var panels = document.getElementsBySelector('.panel');
	//	for (j = 0; j < panels.length; j++) {
	//		panelInit(panels[j].id);						          
	//   }			
	//}
	
	// remove tooltip semantic brackets
	var tooltips = document.getElementsBySelector('.tooltip span');
	for (j = 0; j < tooltips.length; j++) {
		var strTooltip = tooltips[j].innerHTML;
		strTooltip = strTooltip.substring(0, strTooltip.length);  // remove trailing bracket
		strTooltip = strTooltip.substring(2, strTooltip.length - 1);  // remove leading space and bracket
		tooltips[j].innerHTML = strTooltip;	       
	}	
	
	// allow custom hover events on spans etc.
	if (checkIt('msie')) {
		parseStylesheets();		
	}
		
	// drop down navigation, remove in Netscape
	if (browser() == "netscape") {
		accessibleSkip(document.getElementsBySelector('#nav-primary ul li ul'));
	}
	
	// don't display skip buttons or hr lines
	accessibleSkip(document.getElementsBySelector('.access'));
	accessibleSkip(document.getElementsBySelector('hr'));	
}

// include region
function includeHTML(x, strHTML) {
	document.getElementById(x).innerHTML = strHTML;
}

// forms setup
var isValid = true;
var isSubmit = false;
var isChanged = false;

function attachChangeEvent(elements) {
	for (j = 0; j < elements.length; j++) {
		elements[j].onchange = hasChanged;
	}	
}

function hasChanged() {
	isChanged = true;
	
	if (isValid == false) {
		validateAll();
	}
}

// browser check, via quirksmode
function checkIt(string)
{
	place = navigator.userAgent.toLowerCase().indexOf(string) + 1;
	thestring = string;
	return place;
}

function browser() {
	var browser;
	
	if (checkIt('konqueror'))
	{
		browser = "konqueror";
	}
	else if (checkIt('safari')) browser = "safari"
	else if (checkIt('omniweb')) browser = "omniweb"
	else if (checkIt('opera')) browser = "opera"
	else if (checkIt('webtv')) browser = "webtv";
	else if (checkIt('icab')) browser = "icab"
	else if (checkIt('msie')) browser = "msie"
	else if (checkIt('netscape')) browser = "netscape"
	else browser = "unknown";
	
	return browser;	
}


function accessibleSkip(elements) {
	for (j = 0; j < elements.length; j++) {
	    elements[j].style.display = "none";
	}	
}

function addStylesheetString(sheetName) {
	var elements = document.getElementsByTagName('a');
	for (var j = 0; j < elements.length; j++) {
       	if (elements[j].href.indexOf("?stylesheet") == -1 && elements[j].href.indexOf("mailto:") == -1) {
			elements[j].href = elements[j].href + "?stylesheet=" + sheetName;
		}
	}	
}

function replaceImage(x)
{
	for (var i=0;i<x.length;i++)
	{
		if (x[i].id)
		{
			var alt = x[i].innerText;			
			var imageURL = findURL(x[i].id);

			x[i].innerHTML = "<img src='/resources/graphics/" + imageURL + "' alt='" + alt + "'/>";
		}
	}
}

function replaceImageHover(x)
{
	for (var i=0;i<x.length;i++)
	{
		if (x[i].id)
		{
			var alt = x[i].innerText;			

			x[i].innerHTML = "<img src='/resources/graphics/shim.gif' alt='" + alt + "'/>";
		}
	}
}

function findURL(encoded) {
	var imageURL = encoded;
			
	if (imageURL.indexOf("-jpg") != -1) {
		imageURL = replace(imageURL, "-jpg", ".jpg");
	}
	else if (imageURL.indexOf("-gif") != -1) {
		imageURL = replace(imageURL, "-gif", ".gif");
	}
	else {
		imageURL = imageURL + ".gif";
	}
	
	imageURL = replace(imageURL, "-", "_");	
	
	return imageURL;
}

function replaceEmail(x)
{
	for (var i=0;i<x.length;i++)
	{
		var email = x[i].innerHTML;
		email = replace(email, " [at] ", "@");
		email = replace(email, " [dt] ", ".");
		x[i].innerHTML = "<a href='mailto:" + email + "'>" + email + "</a>";
	}	
}


function replace(argvalue, x, y) {

  if ((x == y) || (parseInt(y.indexOf(x)) > -1)) {
    errmessage = "Please report this error to andy@torndesign.com.";
    alert(errmessage);
    return false;
  }
    
  while (argvalue.indexOf(x) != -1) {
    var leading = argvalue.substring(0, argvalue.indexOf(x));
    var trailing = argvalue.substring(argvalue.indexOf(x) + x.length, 
	argvalue.length);
    argvalue = leading + y + trailing;
  }

  return argvalue;

}

function formToggleGroup(groupId) {
	formGroup = document.getElementById('form-group-' + groupId);
	formToggle = document.getElementById('toggle-group-' + groupId);
	formToggleText = formToggle.innerHTML;
	
	if (formGroup.style.display == 'block') {
		formGroup.style.display = 'none';
		formToggle.innerHTML = replace(formToggleText, "[-] hide", "[+] show");
	} else {
		formGroup.style.display = 'block';
		formToggle.innerHTML = replace(formToggleText, "[+] show", "[-] hide");
	}
}

function getQueryString(queryString) {
  var queryObject = new Object();
  queryString = queryString.replace(/^.*\?(.+)$/,'$1');

  while ((pair = queryString.match(/([^=]+)=\'?([^\&\']*)\'?\&?/)) && pair[0].length) {
    queryString = queryString.substring( pair[0].length );

    if (/^\-?\d+$/.test(pair[2])) pair[2] = parseInt(pair[2]);
    queryObject[pair[1]] = pair[2];
  }

  return queryObject;
}

// reactivates a commented out version (issues in Safari)

function replaceControl(elements) {
	for (j = 0; j < elements.length; j++) {
		var strHTML = elements[j].innerHTML;
		strHTML = replace(strHTML, "<!--", "");
		strHTML = replace(strHTML, "-->", "");
		elements[j].innerHTML = strHTML;		
	}	
}

// manual HTML updates, DOM updates are preferable

function divInner(elementId, strHTML) {
	document.getElementById(elementId).innerHTML = strHTML;
}

function divClear(elementId) {
	document.getElementById(elementId).innerHTML = "";
}

function divAppend(elementId, strHTML) {
	var oldHTML = document.getElementById(elementId).innerHTML;
	document.getElementById(elementId).innerHTML = oldHTML + strHTML;
}

function divPrend(elementId, strHTML) {
	var oldHTML = document.getElementById(elementId).innerHTML;
	document.getElementById(elementId).innerHTML = strHTML + oldHTML;
}

function divReplace(elementId, strHTML, strReplace) {
	var oldHTML = document.getElementById(elementId).innerHTML;
	document.getElementById(elementId).innerHTML = replace(oldHTML, strHTML, strReplace);
}

// tracking
// cookies: http://www.quirksmode.org/js/cookies.html
// date difference: http://www.mikezilla.com/exp0026.html
// date difference: http://www.htmlgoodies.com/dateandtime/dateobject.html
// Date format: CCYY-MM-DDThh:mm:ss eg. 2004-11-14T18:10:10
// Convert date difference to days, via milliseconds: Math.floor(d1 - d2 / (1000 * 60 * 60 * 24));

function tracking() {
	var pageViews;
	var datePrevious;
	var strReferrer;
	
	// hit count 
	if (readCookie("page-views")) {
		pageViews = parseFloat(readCookie("page-views")) + 1;
	} else {
		pageViews = 1;
	}	
	
	// last visit
	if (readCookie("page-lastdate")) {
		var datePattern = /^(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2}):(\d{2}):(\d{3})$/;
		var d = readCookie("page-lastdate").match(datePattern);
		datePrevious = new Date(d[1], d[2] - 1, d[3], d[4], d[5], d[6], d[7]);
	} else {
		datePrevious = new Date();
	}
	
	// referer
	if (document.referrer.toLowerCase().indexOf(siteShortURL) > 0  && readCookie("page-referrer") != 'null') {
		// don't change, internal link, keep tracking original referrer
		strReferrer = readCookie("page-referrer");
	} else if (document.referrer == '') {
		strReferrer = "no referrer (typed in " + document.location + ")";
	} else {
		strReferrer = "referral (link from " + document.referrer+ ")";
	}
	
	// builds format 2004-11-14T18:10:10:000 for XML compatibility	
	var dateNow = new Date();
	var strDateTimeNow = dateNow.getFullYear() + "-" + padNumber((dateNow.getMonth() + 1), 2) + "-" + padNumber(dateNow.getDate(), 2) + "T" + padNumber(dateNow.getHours(), 2) + ":" + padNumber(dateNow.getMinutes(), 2) + ":" + padNumber(dateNow.getSeconds(), 2) + ":" + padNumber(dateNow.getMilliseconds(), 3);

	createCookie("page-views", pageViews, 365);
	createCookie("page-lastdate", strDateTimeNow, 365);
	createCookie("page-referrer", strReferrer, 365);
	
	var strHTML = '';	
	
	// tracking alerts
	if (document.body.getAttribute('setup:showalerts') == 'true') {
		if ((dateNow - datePrevious) / (1000 * 60) > 10) {	
			// welcome visitor back if returning after 10 minutes
			strHTML += '<div id=\"alert-content-container\">';
			strHTML += '<h2>Thanks for returning to our site</h2>';
			strHTML += '<p>Please call ' + customerServicePhone + ' or email <a href=\"mailto:' + customerServiceEmail + '\">' + customerServiceEmail + '</a> for more information on our products and services.</p>';
			strHTML += '</div>';
			
			divInner('alert-content', strHTML);
			eraseCookie("page-views");		
		} else if (pageViews >= 5) {
			// if viewed 5 pages then alert
			strHTML += '<div id=\"alert-content-container\">';
			strHTML += '<h2>Thanks for having a good look around our site</h2>';
			strHTML += '<p>Please call ' + customerServicePhone + ' or email <a href=\"mailto:' + customerServiceEmail + '\">' + customerServiceEmail + '</a> for more information on our products and services.</p>';
			strHTML += '</div>';
			
			divInner('alert-content', strHTML);
			eraseCookie("page-views");		
		}		
	}
}

function padNumber(number, length) {
	var str = '' + number;
	
	while (str.length < length)
		str = '0' + str;
	return str;
}

function createCookie(name,value,days)
{
	if (days)
	{
		var date = new Date();
		date.setTime(date.getTime()+(days*24*60*60*1000));
		var expires = "; expires="+date.toGMTString();
	}
	else var expires = "";
	document.cookie = name+"="+value+expires+"; path=/";
}

function readCookie(name)
{
	var nameEQ = name + "=";
	var ca = document.cookie.split(';');
	for(var i=0;i < ca.length;i++)
	{
		var c = ca[i];
		while (c.charAt(0)==' ') c = c.substring(1,c.length);
		if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
	}
	return null;
}

function eraseCookie(name)
{
	createCookie(name,"",-1);
}



/* document.getElementsBySelector(selector)
   - returns an array of element objects from the current document
     matching the CSS selector. Selectors can contain element names, 
     class names and ids and can be nested. For example:
     
       elements = document.getElementsBySelect('div#main p a.external')
     
     Will return an array of all 'a' elements with 'external' in their 
     class attribute that are contained inside 'p' elements that are 
     contained inside the 'div' element which has id="main"

   New in version 0.4: Support for CSS2 and CSS3 attribute selectors:
   See http://www.w3.org/TR/css3-selectors/#attribute-selectors

   Version 0.4 - Simon Willison, March 25th 2003
   -- Works in Phoenix 0.5, Mozilla 1.3, Opera 7, Internet Explorer 6, Internet Explorer 5 on Windows
   -- Opera 7 fails 
*/

function getAllChildren(e) {
  // Returns all children of element. Workaround required for IE5/Windows. Ugh.
  return e.all ? e.all : e.getElementsByTagName('*');
}

document.getElementsBySelector = function(selector) {
  // Attempt to fail gracefully in lesser browsers
  if (!document.getElementsByTagName) {
    return new Array();
  }
  // Split selector in to tokens
  var tokens = selector.split(' ');
  var currentContext = new Array(document);
  for (var i = 0; i < tokens.length; i++) {
    token = tokens[i].replace(/^\s+/,'').replace(/\s+$/,'');;
    if (token.indexOf('#') > -1) {
      // Token is an ID selector
      var bits = token.split('#');
      var tagName = bits[0];
      var id = bits[1];
      var element = document.getElementById(id);
      if (tagName && element.nodeName.toLowerCase() != tagName) {
        // tag with that ID not found, return false
        return new Array();
      }
      // Set currentContext to contain just this element
      currentContext = new Array(element);
      continue; // Skip to next token
    }
    if (token.indexOf('.') > -1) {
      // Token contains a class selector
      var bits = token.split('.');
      var tagName = bits[0];
      var className = bits[1];
      if (!tagName) {
        tagName = '*';
      }
      // Get elements matching tag, filter them for class selector
      var found = new Array;
      var foundCount = 0;
      for (var h = 0; h < currentContext.length; h++) {
        var elements;
        if (tagName == '*') {
            elements = getAllChildren(currentContext[h]);
        } else {
            elements = currentContext[h].getElementsByTagName(tagName);
        }
        for (var j = 0; j < elements.length; j++) {
          found[foundCount++] = elements[j];
        }
      }
      currentContext = new Array;
      var currentContextIndex = 0;
      for (var k = 0; k < found.length; k++) {
        if (found[k].className && found[k].className.match(new RegExp('\\b'+className+'\\b'))) {
          currentContext[currentContextIndex++] = found[k];
        }
      }
      continue; // Skip to next token
    }
    // Code to deal with attribute selectors
    if (token.match(/^(\w*)\[(\w+)([=~\|\^\$\*]?)=?"?([^\]"]*)"?\]$/)) {
      var tagName = RegExp.$1;
      var attrName = RegExp.$2;
      var attrOperator = RegExp.$3;
      var attrValue = RegExp.$4;
      if (!tagName) {
        tagName = '*';
      }
      // Grab all of the tagName elements within current context
      var found = new Array;
      var foundCount = 0;
      for (var h = 0; h < currentContext.length; h++) {
        var elements;
        if (tagName == '*') {
            elements = getAllChildren(currentContext[h]);
        } else {
            elements = currentContext[h].getElementsByTagName(tagName);
        }
        for (var j = 0; j < elements.length; j++) {
          found[foundCount++] = elements[j];
        }
      }
      currentContext = new Array;
      var currentContextIndex = 0;
      var checkFunction; // This function will be used to filter the elements
      switch (attrOperator) {
        case '=': // Equality
          checkFunction = function(e) { return (e.getAttribute(attrName) == attrValue); };
          break;
        case '~': // Match one of space seperated words 
          checkFunction = function(e) { return (e.getAttribute(attrName).match(new RegExp('\\b'+attrValue+'\\b'))); };
          break;
        case '|': // Match start with value followed by optional hyphen
          checkFunction = function(e) { return (e.getAttribute(attrName).match(new RegExp('^'+attrValue+'-?'))); };
          break;
        case '^': // Match starts with value
          checkFunction = function(e) { return (e.getAttribute(attrName).indexOf(attrValue) == 0); };
          break;
        case '$': // Match ends with value - fails with "Warning" in Opera 7
          checkFunction = function(e) { return (e.getAttribute(attrName).lastIndexOf(attrValue) == e.getAttribute(attrName).length - attrValue.length); };
          break;
        case '*': // Match ends with value
          checkFunction = function(e) { return (e.getAttribute(attrName).indexOf(attrValue) > -1); };
          break;
        default :
          // Just test for existence of attribute
          checkFunction = function(e) { return e.getAttribute(attrName); };
      }
      currentContext = new Array;
      var currentContextIndex = 0;
      for (var k = 0; k < found.length; k++) {
        if (checkFunction(found[k])) {
          currentContext[currentContextIndex++] = found[k];
        }
      }
      // alert('Attribute Selector: '+tagName+' '+attrName+' '+attrOperator+' '+attrValue);
      continue; // Skip to next token
    }
    // If we get here, token is JUST an element (not a class or ID selector)
    tagName = token;
    var found = new Array;
    var foundCount = 0;
    for (var h = 0; h < currentContext.length; h++) {
      var elements = currentContext[h].getElementsByTagName(tagName);
      for (var j = 0; j < elements.length; j++) {
        found[foundCount++] = elements[j];
      }
    }
    currentContext = found;
  }
  return currentContext;
}

/* That revolting regular expression explained 
/^(\w+)\[(\w+)([=~\|\^\$\*]?)=?"?([^\]"]*)"?\]$/
  \---/  \---/\-------------/    \-------/
    |      |         |               |
    |      |         |           The value
    |      |    ~,|,^,$,* or =
    |   Attribute 
   Tag
*/

/**
 *	HOVER - V1.00.031224 - whatever:hover in IE
 *	---------------------------------------------
 *	Peterned - http://www.xs4all.nl/~peterned/
 *	(c) 2003 - Peter Nederlof
 *
 *	howto: body { behavior:url("csshover.htc"); }
 *	---------------------------------------------
 */

var currentSheet, doc = window.document;
function parseStylesheets() {
	var sheets = doc.styleSheets, l = sheets.length;
	for(var i=0; i<l; i++) 
		parseStylesheet(sheets[i]);
}
	function parseStylesheet(sheet) {
		var l, rules, imports;
		if(sheet.imports) {
			imports = sheet.imports, l = imports.length;
			for(var i=0; i<l; i++) 
				parseStylesheet(sheet.imports[i]);
		}

		rules = (currentSheet = sheet).rules, l = rules.length;
		for(var j=0; j<l; j++) parseCSSRule(rules[j]);
	}

	function parseCSSRule(rule) {
		var select = rule.selectorText, style = rule.style.cssText;
		if(!(/(^|\s)(([^a]([^ ]+)?)|(a([^#.][^ ]+)+)):hover/i).test(select)) return;
		
		var newSelect = select.replace(/(\.([a-z0-9_-]+):hover)|(:hover)/g, '.$2onHover');
		var hasClass = (/(\.([a-z0-9_-]+):hover)/g).exec(select);
		var className = (hasClass? hasClass[2]:'') + 'onHover';
		var affected = select.replace(/:hover.*$/g, '');
		var elements = getElementsBySelect(affected);
		
		currentSheet.addRule(newSelect, style);
		for(var i=0; i<elements.length; i++)
			new HoverElement(elements[i], className);
	}

function HoverElement(node, className) {
	if(!node.hovers) node.hovers = {};
	if(node.hovers[className]) return;
	node.hovers[className] = true;
	node.attachEvent('onmouseover',
		function() { node.className += ' ' + className; });
	node.attachEvent('onmouseout',
		function() { node.className = 
			node.className.replace((new RegExp('\\s+'+className)),''); });
}

function getElementsBySelect(rule) {
	var parts, nodes = [doc];
	parts = rule.split(' ');
	for(var i=0; i<parts.length; i++) {
		nodes = getSelectedNodes(parts[i], nodes);
	}	return nodes;
}
	function getSelectedNodes(select, elements) {
		var result, node, nodes = [];
		var classname = (/\.([a-z0-9_-]+)/i).exec(select);
		var identify = (/\#([a-z0-9_-]+)/i).exec(select);
		var tagName = (/^[a-z0-9]+/i).exec(select.toUpperCase()) || '*';
		for(var i=0; i<elements.length; i++) {
			result = elements[i].getElementsByTagName(tagName);
			for(var j=0; j<result.length; j++) {
				node = result[j];
				if((identify && node.id != identify[1]) || (classname && !(new RegExp('\\b' +
					classname[1] + '\\b').exec(node.className)))) continue;
				nodes[nodes.length] = node;
			}
		}	return nodes;
	}