/* global
----------------------------------------------------------------------------------------------- */
function isPrototype () {
  if ( typeof(Prototype) != 'undefined' && typeof(Class) && typeof($A) != 'undefined' ) { return true; }
  else { return false; }
}
function isW3CDOM () {
  var W3CDOM = ( document.createElement && document.getElementsByTagName );
  if ( !W3CDOM ) { return false; }
  else { return true; }
}
// find the depth of a node by a tag
function nodeDepth( elem, tag ) {
	var nested = elem.getElementsByTagName(tag);
	var allcount = 0;
	for ( var i = 0,j = nested.length; i < j; i++ ) {
		var count = 1;
		var kid = nested[i].getElementsByTagName(tag)[0];
		while ( kid!=undefined && kid!='NULL' ) {
			count++;
			kid = kid.getElementsByTagName( tag )[0];
		}
		if( count > allcount ) { allcount = count; }
	}
	return allcount;
}
/* select list location redirect
----------------------------------------------------------------------------------------------- */
function launchUrl(elem) {
	v = elem[elem.selectedIndex].value;
	if (v != "") {
		location.href = elem[elem.selectedIndex].value;
	}
}

/* browser detect via http://www.quirksmode.org/js/detect.html
----------------------------------------------------------------------------------------------- */
var badBrowser = false;

var BrowserDetect = {
	init: function () {
		this.browser = this.searchString(this.dataBrowser) || "An unknown browser";
		this.version = this.searchVersion(navigator.userAgent)
			|| this.searchVersion(navigator.appVersion)
			|| "an unknown version";
		this.OS = this.searchString(this.dataOS) || "an unknown OS";
		BrowserCompare();
	},
	searchString: function (data) {
		for (var i=0;i<data.length;i++)	{
			var dataString = data[i].string;
			var dataProp = data[i].prop;
			this.versionSearchString = data[i].versionSearch || data[i].identity;
			if (dataString) {
				if (dataString.indexOf(data[i].subString) != -1)
					return data[i].identity;
			}
			else if (dataProp)
				return data[i].identity;
		}
	},
	searchVersion: function (dataString) {
		var index = dataString.indexOf(this.versionSearchString);
		if (index == -1) return;
		return parseFloat(dataString.substring(index+this.versionSearchString.length+1));
	},
	dataBrowser: [
		{ 	string: navigator.userAgent,
			subString: "OmniWeb",
			versionSearch: "OmniWeb/",
			identity: "OmniWeb"
		},
		{
			string: navigator.vendor,
			subString: "Apple",
			identity: "Safari"
		},
		{
			prop: window.opera,
			identity: "Opera"
		},
		{
			string: navigator.vendor,
			subString: "iCab",
			identity: "iCab"
		},
		{
			string: navigator.vendor,
			subString: "KDE",
			identity: "Konqueror"
		},
		{
			string: navigator.userAgent,
			subString: "Firefox",
			identity: "Firefox"
		},
		{
			string: navigator.vendor,
			subString: "Camino",
			identity: "Camino"
		},
		{		// for newer Netscapes (6+)
			string: navigator.userAgent,
			subString: "Netscape",
			identity: "Netscape"
		},
		{
			string: navigator.userAgent,
			subString: "MSIE",
			identity: "Explorer",
			versionSearch: "MSIE"
		},
		{
			string: navigator.userAgent,
			subString: "Gecko",
			identity: "Mozilla",
			versionSearch: "rv"
		},
		{ 		// for older Netscapes (4-)
			string: navigator.userAgent,
			subString: "Mozilla",
			identity: "Netscape",
			versionSearch: "Mozilla"
		}
	],
	dataOS : [
		{
			string: navigator.platform,
			subString: "Win",
			identity: "Windows"
		},
		{
			string: navigator.platform,
			subString: "Mac",
			identity: "Mac"
		},
		{
			string: navigator.platform,
			subString: "Linux",
			identity: "Linux"
		}
	]
};
function BrowserCompare () {
	
	badBrowsers = [
		{ 	
			browser: "Explorer",
			version: "5",
			OS: "all"
		}
	]
	
	for (i = 0; i < badBrowsers.length; i++) {
		var b = false;
		var v = false;
		var o = false;
		
		if (BrowserDetect.browser.match(badBrowsers[i].browser) || badBrowsers[i].browser == "all") {
			b = true;
		}
		if (Math.floor(BrowserDetect.version) <= badBrowsers[i].version || badBrowsers[i].version == "all") {
			v = true;
		}
		if (BrowserDetect.OS.match(badBrowsers[i].OS) || badBrowsers[i].OS == "all") {
			o = true;
		}
		
		if (b == true && v == true && o == true) {
			badBrowser = true;
		}
	}
	
	if (badBrowser) {
		BrowserRedirect();
	}
}
function BrowserRedirect () {
	if (!window.location.href.match("BadBrowser")) {
		alert("It looks like your browser isn't supported by our website,\nYou will be redirected to our 'browser support page'\nwith information on which browsers we support.");
		window.location = "/BadBrowser/index.htm";
	}
}
/* popup
----------------------------------------------------------------------------------------------- */
function popUp( URL, pop_h ) {
  pop_w = 625;
  pop_h = pop_h ? pop_h : 485;

  day = new Date();
  id = day.getTime();
  eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=1,location=0,statusbar=0,menubar=1,resizable=1,width=" + pop_w + ",height="+ pop_h +"');");
}
/* navigation
----------------------------------------------------------------------------------------------- */
var vbNav = '';
var debugCnt = 0;
var navtimer = '';

if (isPrototype()) {
	var Nav = Class.create();
	/*
		for every <a> mouseOVER (id="nav-1-1") 
			- loop through an array of currently open menus and close from the back to the front
			- show a corresponding sub menu (id="sub-1-1")
			
		for every <a> mouseOUT
			- start the global timer
			- hide all open menus 
			- open the default menus
	*/
	Nav.prototype = {
		_elem			:	"",
		_open_elems		:	new Array,
		_orig_top		: 	"",
		_orig_sub		: 	"",
		/*
			- sets the default top <a> and sub <ul>
			- attachs events to every <a>
		*/
		initialize: function ( elem ) {
			// main navigation <ul>
			this._elem = elem;
			
			
			active_elems = new Array();
			
			top_found = false;
			
			// attach events to sub menus only not top level (nav-1)
			a_elems = this._elem.getElementsByTagName('A');
			for (i = 0; i < a_elems.length; i++) {
				if (a_elems[i].id.length > 5) {
					// add mouseover event handler
					if (a_elems[i].className.indexOf('active') != -1) {
						active_elems.push(a_elems[i]);
					}
					// add mouseover
					Event.observe(a_elems[i], 'mouseover', this.showChild.bindAsEventListener(this));
					// add mouseout
					Event.observe(a_elems[i], 'mouseout', this.startTimer.bindAsEventListener(this));
				} else {
					if (a_elems[i].className.indexOf('active') != -1) {
						active_elems.push(a_elems[i]);
					}
				}
			}
			
			this._orig_top 		= active_elems[0] ? active_elems[0].id : 'nav-1';
			this._orig_sub_a 	= active_elems[1] ? active_elems[1].id : false;
			this._orig_sub 		= active_elems[0] ? active_elems[0].id.replace('nav', 'sub') : 'sub-1';
			
			if (!active_elems[0]) {
				$(this._orig_top).addClassName('active');
			}
			if (!active_elems[1] && this._orig_sub_a) {
				$(this._orig_sub_a).addClassName('active');
			}
		},
		/*
			shows the next available <ul> element from the 
			triggered <a> mouseover event
			via CSS classname 'on'
		*/
		showChild : function ( event ) {
			// clear any current timer
			this.clearTimer();
			// locate the <a> element from the triggered event
			a_elem = Event.element(event);
			if (a_elem.tagName == "SPAN") { a_elem = a_elem.parentNode; }
			
			// hide open sub menus except this <a> 
			this.hideSubs( a_elem.id );
			
			// target sub menu
			target = a_elem.id.replace('nav','sub');
			// check the target isn't already in the array
			if (this._open_elems.indexOf(target) == -1 || target == this._orig_sub) {
				// check the elem exists
				if ($(target)) {
					// display the submenu
					$(a_elem.id).addClassName('active');
					$(target).style.display = 'block';
					// add the target to the array of open elements
					if (this._open_elems.indexOf(target) == -1) {
						this._open_elems.push(target);
					}
				}
			}
			// hide <select> elements
			//this.hideSelects('hidden');
		},
		/*
			closes open menus
			- close all ('*') 
			or
			- all elements except the one passed
		*/
		hideSubs : function ( elem_id ) {
			if (elem_id != "*" ) {
				var safe_elems = new Array();
				for (i = (this._open_elems.length-1); i >= 0; i--) {
					target = a_elem.id.replace('nav','sub');

					/* 
					 * 15/07/2010 - mcconnelll - ticket: 234808
					 * the following condition was attempting to determine if the previously opened element was at a lower or higher heirarchy level
					 * it failed at sub-menu level 9 when mousing over level 10, because it was checking the id length and "9" is less characters than "10".
					 * Even though elements 9 and 10 of any given submenu are at the same heirarchy level, it assumed 9 was a higher level because its id is shorter.
					 *
					 * if ( target != this._open_elems[i] && target.length <= this._open_elems[i].length ) {	  
					 */
					var targetLevels = target.split('-');
					var openElemLevels = this._open_elems[i].split('-');
					if ( target != this._open_elems[i] && targetLevels.length <= openElemLevels.length ) {	  
						a_target = this._open_elems[i].replace('sub','nav');
						if ($(a_target)) {
							$(a_target).removeClassName('active');
						}
						$(this._open_elems[i]).style.display = 'none';
					} else {
						if (this._orig_sub != this._open_elems[i]) {
							safe_elems.push(this._open_elems[i]);
						}
					}
				}
				// clear the open elements array
				this._open_elems = [];
				
				if (this._open_elems.indexOf(this._orig_sub) == -1) {
					this._open_elems.push(this._orig_sub);
				}
				// reverse safe items to make sure the order is still from the front to the back
				safe_elems.reverse();
				// fill it with the current safe items
				this._open_elems = this._open_elems.concat(safe_elems);
			} else {
				// hide all sub menus
				for (i = (this._open_elems.length-1); i >= 0; i--) {
					if (this._orig_sub != this._open_elems[i]) {
						a_target = this._open_elems[i].replace('sub','nav');
						if ($(a_target)) {
							$(a_target).removeClassName('active');
						}
						$(this._open_elems[i]).style.display = 'none';
					}
				}
				// reset the open elems array
				this._open_elems = [];
				if (this._open_elems.indexOf(this._orig_sub) == -1) {
					this._open_elems.push(this._orig_sub);
				}
				$(this._orig_sub).style.display = 'block';
				$(this._orig_top).addClassName('active');
				if (this._orig_sub_a) {
					$(this._orig_sub_a).addClassName('active');
				}
				
			}
		},
		/*
			hides all select menus within $('page-banner') and $('hhr')
			TODO: may have to expand this to hide selects within $('content-a') and $('content-b')
		*/
		hideSelects : function (action) {
			if ( action != 'visible' ){ action='hidden'; }
			if ( navigator.appName.indexOf("Microsoft") >= 0 || navigator.appName.indexOf("MSIE") >= 0 ) {
				
				arr = new Array;
				
				selects1 = $('page-banner') ? $('page-banner').getElementsByTagName('SELECT') 	: new Array();
				selects2 = $('hhr') 		? $('hhr').getElementsByTagName('SELECT') 			: new Array(); 
				selects3 = $('content-a') 	? $('content-a').getElementsByTagName('SELECT') 	: new Array(); 
				
				for (var i = 0; i < selects1.length; i++){ arr.push(selects1[i]); }
				for (var i = 0; i < selects2.length; i++){ arr.push(selects2[i]); }
				for (var i = 0; i < selects3.length; i++){ arr.push(selects3[i]); }
					
				for (var i = 0; i < arr.length; i++){
					arr[i].style.visibility = action;
				}
			}
		},
		reset : function () {
			this.clearTimer();
			this.hideSelects('visible');
			this.hideSubs("*");
		},
		startTimer : function ( ) {
			this.clearTimer();
			navtimer = setInterval( "vbNav.reset()", 1500 );	
		},
		clearTimer : function ( ) {
			clearInterval( navtimer );	
		}
	}
	
	function initNav () {
		if ($('navigation')) {
			vbNav = new Nav ($('navigation'));
		}
	}
}	
/* text input status clearing
----------------------------------------------------------------------------------------------- */
if (isPrototype()) {
	var TextFieldBlank = Class.create();
	/*
		a prototype for clearing textfield inputs for usability
	*/
	TextFieldBlank.prototype = {
		_elem			:	"",
		_default		:	"",
		/*
			- sets the default elem
			- sets default value
			- assigns click and blur event
		*/
		initialize : function ( elem ) {
			this._elem = elem;
			this._default = this._elem.alt;
			// add click
			Event.observe(this._elem, 'focus', this.autoblank.bindAsEventListener(this));
			// add blur
			Event.observe(this._elem, 'blur', this.refill.bindAsEventListener(this));
		},
		autoblank : function (event) {
			if (this._elem.value == this._default) {
				this._elem.value = '';
			}
		},
		refill : function () {
			if (this._elem.value == '') {
				this._elem.value = this._default;	
			}
		}
	}// end TextFieldBlank.prototype
	
	function initTextFieldBlanks () {
		inputs = document.getElementsByTagName('INPUT');
		for (i = 0; i < inputs.length; i++) {
			if (inputs[i].type == 'text' || inputs[i].type == 'password') {
				if (inputs[i].alt) {
					var tmp = new TextFieldBlank(inputs[i]);
				}
			}
		}
	}
}
/*  *******************************************************************************************************************
	Function: initPopups
		Finds all elements with rel attribute 'popup' and makes them a popup object
*/
if (isPrototype()) {
	function initPopups () {
		
		popups = new Array();
		
		var a_elems = document.body.getElementsByTagName('a');
		for (var i=0; i<a_elems.length; i++) {
			if (a_elems[i].rel == "popup") {
			 	popups.push(a_elems[i]);
			}
		}
		
		for (i = 0; i < popups.length; i++) {
			buildPopup(popups[i]);
		}
	}

	function buildPopup (popupElement) {
		var width  = popupElement.className.match(/w-(\d+)/) ? popupElement.className.match(/w-(\d+)/)[1] : '610';
		var height = popupElement.className.match(/h-(\d+)/) ? popupElement.className.match(/h-(\d+)/)[1] : '430';

		var d = new Date();
		var t = d.getTime();
		var name   = popupElement.id ? popupElement.id : t;

		var tmp = new Popup({ 
			trigger		: popupElement,
			url 		: popupElement.href, 
			name 		: 'popup'+name, 
			resizable 	: 1, 
			scrollbars 	: 1,
			width 		: width, 
			height 		: height 
		});
	}
}
/* loaders
----------------------------------------------------------------------------------------------- */
BrowserDetect.init();

// checks if the browser meets the requirements
if ( isW3CDOM() && isPrototype() ) {
	/* happens from top down */
  	Event.observe(window, 'load', initNav, false);
	Event.observe(window, 'load', initTextFieldBlanks, false);
	Event.observe(window, 'load', initPopups, false);
}