var tplRoot = 'http://www.lastditchpitch.com/webapp/templates/default';
var srcRoot = 'http://www.lastditchpitch.com/webapp';
var basRoot = 'http://www.lastditchpitch.com';

//-------------------------DREAMWEAVER FUNCTIONS---------------------------//

/**
 *	Rollover functions
 *	Preload/Swap Images
 */
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}



//-------------------------POPUP WINDOW FUNCTIONS---------------------------//



/**
 *	popupWindow
 *	Open a new popup window with supplied width/height
 */
function popupWindow(url, w, h) {
	window.open(url,'win','height=' + h + ',width='+w+',toolbar=no,scrollbars=yes');
}


/**
 * externalLinks
 * sets the target of external links to _blank
 * example: <a href="http://www.someexternalsite.com/" rel="external">Click HERE</a>
 */
function externalLinks() {
	if (!document.getElementsByTagName) return;
	var anchors = document.getElementsByTagName("a");
	for (var i=0; i<anchors.length; i++) {
		var anchor = anchors[i];
		if (
			anchor.getAttribute("href") && ( 
			anchor.getAttribute("rel") == "external" || 
			anchor.getAttribute("rel") == "external nofollow" || 
			anchor.getAttribute("rel") == "nofollow external" )
			)
		anchor.target = "_blank";
	}
}
window.onload = function() {
	externalLinks();
}




//-------------------------ABSOLUTE DIV FUNCTIONS---------------------------//



/**
 *	getAbsoluteDivs
 *	Return all the absolutely positioned divs
 */
function getAbsoluteDivs() {
    var arr = new Array();
    var all_divs = document.body.getElementsByTagName("DIV");
    var j = 0;

    for (i = 0; i < all_divs.length; i++)
        if (all_divs.item(i).style.position=='absolute') {
            arr[j] = all_divs.item(i);
            j++;
        }

    return arr;
}

/**
 *	bringToFront
 *	Send an absolute div to the front
 */
function bringToFront(id)
{
    if (!document.getElementById || !document.getElementsByTagName)
        return;

    var obj = document.getElementById(id);
    var divs = getAbsoluteDivs();
    var max_index = 0;
    var cur_index;

    // Compute the maximal z-index of
    // other absolute-positioned divs
    for (i = 0; i < divs.length; i++) {
        var item = divs[i];
        if (item == obj || item.style.zIndex == '')
            continue;

        cur_index = parseInt(item.style.zIndex);
        if (max_index < cur_index) {
            max_index = cur_index;
        }
    }

    obj.style.zIndex = max_index + 1;
}

/**
 *	sendToBack
 *	Send an absolute div to the back
 */
function sendToBack(id)
{
    if (!document.getElementById ||
        !document.getElementsByTagName)
        return;

    var obj = document.getElementById(id);
    var divs = getAbsoluteDivs();
    var min_index = 999999;
    var cur_index;
	
    if (divs.length < 2)
        return;

    // Compute the minimal z-index of
    // other absolute-positioned divs
    for (i = 0; i < divs.length; i++) {
        var item = divs[i];
        if (item == obj)
            continue;

        if (item.style.zIndex == '') {
            min_index = 0;
            break;
        }

        cur_index = parseInt(item.style.zIndex);
        if (min_index > cur_index) {
            min_index = cur_index;
        }
    }

    if (min_index > parseInt(obj.style.zIndex)) {
        return;
    }

    obj.style.zIndex = 1;

    if (min_index > 1)
        return;

    var add = min_index == 0 ? 2 : 1;

    for (i = 0; i < divs.length; i++) {
        var item = divs[i];
        if (item == obj)
            continue;
        item.style.zIndex += add;
    }
     obj.style.display = "none";
}




//-------------------------EXPANDER FUNCTIONS---------------------------//



/**
 *	initExpander
 *	Initialise the expander
 */
function initExpander(obj)
{
	addEvent(obj,'click',switchStatus);
	obj.parentNode.className = "expander";
	
	var rel = obj.getAttribute('rel');
	$(rel).hide();
}

/**
 *	switchStatus
 *	Smooth transitional hiding/revealing
 */
function switchStatus()
{
	var rel = this.getAttribute('rel');
	
	if (this.parentNode.className.indexOf('expanded') != -1) {
		this.parentNode.className = "expander";
	} 
	else {
		this.parentNode.className = "expander expanded";
	}
	
	$(rel).toggle();
}




//-------------------------DISPLAY DETAILS FUNCTIONS---------------------------//



var lastClickedDet = null;
var lastClickedPro = null;
var allowDetChange = true;
var allowProChange = true;

/**
 *	Display Detail()
 *	Hide/Unhide a div with smooth or instant effect
 */
function displayDetails(aid, id, smoothing)
{	
	//If there's already an animation running
	if (!allowDetChange) return;
	
	//Set the last clicked detail anchor
	lastClickedDet = $(aid);
	
	if (smoothing) {
		allowDetChange = false;
		Effect.toggle(id, 'Blind', {afterFinish:switchText});
	} else {
		$(id).toggle();
		switchText();
	}
}

/**
 *	switchText
 *	Switch - / +
 */
function switchText()
{
	if (!lastClickedDet) return;
	
	lastClickedDet.innerHTML = lastClickedDet.innerHTML == '+' ? '--' : '+'; 
	
	allowDetChange = true;
}


/**
 *	showProfile
 *	Smooth transitional hiding/revealing
 */
function showProfile(aid, id, smoothing)
{
	//If there's already an animation running
	if (!allowProChange) return;
	
	//Block mouse clicks
	if (smoothing) {
		allowProChange = false;
	}
	
	//Loop over main table nodes, hiding all visible
	for (var x=0; x<$('profileDetails').childNodes.length; x++) {
		if ($('profileDetails').childNodes[x].tagName == 'DIV' && $($('profileDetails').childNodes[x]).visible()) {
			if (smoothing) {
				Effect.BlindUp($('profileDetails').childNodes[x],{queue:'end'});
			} else {
				$('profileDetails').childNodes[x].hide();
			}
		}
	}
	
	//Loop over navigation elements, setting class names
	for (var x=0; x<$('tabs').childNodes.length; x++) {
		$('tabs').childNodes[x].className = ''
	}
	
	//Set the class name on our selected list
	$(aid).className = 'selectedTab';
	
	if (smoothing) {
		Effect.BlindDown($(id),{queue:'end',afterFinish:clearProfile});
	} else {
		$(id).show();
	}
	
	visibleProfile = $('id');
}

/**
 *	clearProfile
 *	
 */
function clearProfile()
{
	allowProChange = true;
}



//-------------------------THUMBNAIL HOVER FUNCTIONS---------------------------//



/**
 *	thumbnailHover
 *	Enable hovering effects over thumbnails
 */
function thumbnailHover()
{
	var imPreview = document.getElementById('zoomExpandPreview');
	if (!imPreview) {
		var img = document.createElement('img');
		img.id = 'zoomExpandPreview';
		document.getElementsByTagName('body')[0].appendChild(img);
	}
	
	var thumbList = getElementsByClass("thumbnail",document,"IMG");
	for (var i=0; i<thumbList.length; i++) {
		addEvent(thumbList[i],'mouseover',showExpandedThumb);
		addEvent(thumbList[i],'mouseout',hideExpandedThumb);
	}
}

function addHoverHandler(obj)
{
	addEvent(obj,'mouseover',showExpandedThumb);
	addEvent(obj,'mouseout',hideExpandedThumb);
}

/**
 *	showExpandedThumb
 *	show the Thumbnail on mouse over
 */
function showExpandedThumb(e) 
{
	var posArray = getMousePos(e);
	posx = posArray[0];
	posy = posArray[1];
	
	var imPreview = document.getElementById('zoomExpandPreview');
	imPreview.style.display = 'block';
	imPreview.style.top = (posy-105)+'px';
	imPreview.style.left = (posx+2)+'px';
	imPreview.src = this.src;
}

/**
 *	hideExpandedThumb
 *	hide the Thumbnail on mouse out
 */
function hideExpandedThumb()
{
	var imPreview = document.getElementById('zoomExpandPreview');
	imPreview.style.display = 'none';
}



//-------------------------ADVERT FUNCTIONS---------------------------//



/**
 *	initAdverts
 *	Load any, random advert
 */
function initAdverts()
{	
	x_loadAdverts(advertsLoaded);
}

/**
 *	advertsLoaded
 *	AJAX callback
 */
function advertsLoaded(result)
{
	var res = result.parseJSON();
	
	// NOTE
	// Advert Returns will always follow the order
	// Banner --> Graphics --> Lineage
	var regions = [$('topAdvertBanner'),$('AdvertBanners'),$('advertsTextLinksPod')];
	
	for (var i=0; i<res.length; i++) {
		removeChildNodes(regions[i]);
		if (i == 2) {
			var hThree = document.createElement('h3');
			hThree.className = 'darkgrey';
			hThree.appendChild(document.createTextNode('Great Local Services'));
			regions[i].appendChild(hThree);
		}
		for (var j=0; j<res[i].length; j++) {
			
			//For Banners and Graphics, build it around an image
			var aElement = null;
			
			//We always need the anchor, this applies for all 3
			var lAnc = document.createElement('a');
			lAnc.href = basRoot+"/trader_redirect.php?t="+res[i][j][4]+"&a="+res[i][j][6];
			if (!parseInt(res[i][j][7])) {lAnc.target = '_blank';}
			
			//Do dependant builds
			switch (i) {
				case 1:
				case 0:
					var type = res[i][j][5].substring(res[i][j][5].length-4) == '.swf' ? "SWF" : "IMG";
					var aPic = document.createElement(type == "IMG" ? 'img' : 'div');
					aPic.id = 'bannerAdArea_'+i+'_'+j;
					lAnc.appendChild(aPic);
					
					if (type == "SWF") {
						var FO = { movie:basRoot+res[i][j][5], width:res[i][j][8], height:res[i][j][9], wmode:"transparent",majorversion:"6", build:"40" };
					    UFO.create(FO, 'bannerAdArea_'+i+'_'+j);
					}
					else {
						aPic.alt = res[i][j][3] + ' /  ' + res[i][j][0];
						aPic.src = basRoot + res[i][j][5];
						aPic.title = res[i][j][0];
						aPic.style.width = res[i][j][8];
						aPic.style.height = res[i][j][9];
					}
					aElement = lAnc;
					break;
				case 2:
					var tPara = document.createElement('p');
					var br1 = document.createElement('br');
					var br2 = document.createElement('br');
					var br3 = document.createElement('br');
					var tSpan = document.createElement('span');
					lAnc.appendChild(document.createTextNode(res[i][j][0]));
					tSpan.className = 'ldpOrange';
					tSpan.appendChild(document.createTextNode(res[i][j][3]));
					
					tPara.appendChild(lAnc);
					tPara.appendChild(br1);
					tPara.appendChild(document.createTextNode(res[i][j][1]));
					tPara.appendChild(br2);
					tPara.appendChild(document.createTextNode(res[i][j][2]));
					tPara.appendChild(br3);
					tPara.appendChild(tSpan);
					
					aElement = tPara
					break;
			}
			if (aElement != null) regions[i].appendChild(aElement);
		}
		/*if (res[i].length > 6) {
			var aFoot = document.createElement('p');
			var aLink = document.createElement('a');
			aLink.href = "full_service_list.php";
			aLink.className = "darkgrey";
			aLink.appendChild(document.createTextNode('More Links'));
			aFoot.appendChild(aLink);
			regions[i].appendChild(aLink);
		}*/
	}
}


//-------------------------POPUP RELATED FUNCTIONS---------------------------//



var popup;

function initialiseGallery()
{
	//Set the first pane to be defaulted visible
	var visisbleProfile = $('prDetails1');
	
	//Make the thumbnail image a popup
	popup = new Popup($('galleryPopup'));
	popup.attatchCloseHandle($('galClose'));
	popup.attatchDragHandle($('galleryTab'));
}
	
function popupLogin()
{	
	//Make the thumbnail image a popup
	popup = new Popup($('galleryPopup'),{width:'400px'});
	popup.attatchCloseHandle($('galClose'));
	popup.attatchDragHandle($('galleryTab'));
	popup.setScreenerColour('#fff');
	popup.setScreenerOpacity(6);
	popup.show();
}
	
function openGalleryPreview(src)
{
	if (popup) {
		popup.show();
		setTimeout(function(){$('galleryImg').src = src},100);
	}
}

var inTrans = false;
var transSt = false;

function showSwoosh()
{
	if (!inTrans) {
		if (!transSt) {
			$('advancedSearch').src = tplRoot + '/images/button_basic_search.gif';
			new Effect.Morph('searchContainer',{
				style:{width:'396px'},
				afterFinish: function(){
					setSwooshState(true);
					setAdvancedSelects($('aSearchBox'),true);
				}
			});
		}
		else {
			$('advancedSearch').src = tplRoot + '/images/button_advanced_search.gif';
			new Effect.Morph('searchContainer',{
				style:{width:'196px'},
				beforeStart: function(){setAdvancedSelects($('aSearchBox'),false)},
				afterFinish: function(){setSwooshState(false)}
			});
		}
	}
	
	inTrans = true;
}

function setSwooshState(state)
{
	transSt = state;
	inTrans = false;	
}

function initSelects()
{
	if (!(BrowserDetect.browser == "Explorer" && BrowserDetect.version < 7)) {
		setAdvancedSelects($('aSearchBox'),true,true);
	}
}

function setAdvancedSelects(element,state,ignore)
{
	//If early IE, fix the advanced selects
	if ((BrowserDetect.browser == "Explorer" && BrowserDetect.version < 7) || ignore) {
		for (var i=0; i<element.childNodes.length; i++)
		{
			setAdvancedSelects(element.childNodes[i],state,ignore);
			if (element.childNodes[i].tagName == "SELECT"){
				element.childNodes[i].style.display = state ? 'block' : 'none';
			}
		}
	}
}

function makeParksPopup()
{
	var pinOn = new PinOn();
	var toolTip = new ToolTip();
	toolTip.initialize({attatch:'ttPop',id:'ttpopup',pin:pinOn.BottomLeft()});
	toolTip.show("Tip - Click on the + to reveal more<br />park information on the results below.",2);
}

function loadLoginMesages()
{
	var toolTip = new ToolTip();
	toolTip.initialize({attatch:'myDet',id:'mydetailspop'});
	toolTip.show("You are now logged on, click<br />here to edit your customer profile",2);
	
	var pinOn = new PinOn();
	var toolTip = new ToolTip();
	toolTip.initialize({attatch:'logSpan',id:'logoutpop',pin:pinOn.BottomRight()});
	toolTip.show("Click here to log out",2);
}


//----------------------FAVOURITE LISTING FUNCTIONS-----------------------//

//Configuration
var favCount = 0;

function getFavList()
{
	//It would be too complex to create the favourites
	//table from JS, so we clone an invisible table
	var favList = document.getElementById('favList');
	favList.style.display = getTableDisplay();
	return favList.cloneNode(true);
}

function insertFavData()
{
	var dataHold = document.getElementById('favContent');
	
	//Did we even retreive the container?
	if (!dataHold) return;
	
	//Make sure it's a table... it should be
	if (dataHold.tagName.toLowerCase() != "tbody") return;
	
	//Ok, checks passed, build our list!
	var favParks = new Favourites("park");
	var favArray = favParks.getFavouriteList();
	
	for (var i=0; i<favArray.length; i++) {
		
		favName = favParks.getFavourite(favArray[i]);
		favId = favArray[i];
		
		noteFavourite(favId, favName, false);
	}
}

function noteProFav(favId,favName)
{
	var f = new Favourites("park");
	if (f.addFavourite(favId,favName)) {
		alert("You have successfully added this park to your favourites");
	}
}

function noteFavourite(favId, favName, addCookie)
{
	var f = new Favourites("park");
	
	//Only cookie it if requested
	if (addCookie) {
		//Add it to the cookie class
		if (!f.addFavourite(favId,favName)) return;
	}
	
	var dataHold = document.getElementById('favContent');
	
	//Did we even retreive the container?
	if (!dataHold) return;
	
	//Make sure it's a table... it should be
	if (dataHold.tagName.toLowerCase() != "tbody") return;
	
	//Check if we need to build a new TR
	if (!(favCount++ % 3)) {
		dataHold.insertRow(-1);
	}

	var desRow = dataHold.lastChild;
	var desCell = desRow.insertCell(-1);
	desCell.className = 'third';
	
	//Put content in our cell
	var widget = document.createElement('img');
	widget.alt = '';
	widget.src = tplRoot+'/images/icons/pod_widget_orange.gif';
	widget.className = 'inline';
	widget.style.marginRight = '5px';
	
	var anc = document.createElement('a');
	anc.href = "profile.php?id="+favId;
	anc.appendChild(document.createTextNode(favName));
	
	var bin = document.createElement('img');
	bin.src = tplRoot+'/images/icons/binit.gif';
	bin.alt = "Delete";
	bin.style.styleFloat = "right";
	bin.style.cssFloat = "right";
	bin.style.marginRight = '5px';
	bin.style.cursor = 'pointer';
	
	addEvent(bin, "click", function(){
		f.deleteFavourite(favId);
		bin.src = tplRoot+'/images/icons/binitdone.gif';
		anc.style.color = '#999';
	});
	
	desCell.appendChild(bin);
	desCell.appendChild(widget);
	desCell.appendChild(anc);
}


//-------------------------MISC USEFUL FUNCTIONS---------------------------//



/**
 *	findPos
 *	Find an absolute position of a relative element
 */
function findPos(obj) {
	var curleft = curtop = 0;
	if (obj.offsetParent) {
		curleft = obj.offsetLeft
		curtop = obj.offsetTop
		while (obj = obj.offsetParent) {
			curleft += obj.offsetLeft
			curtop += obj.offsetTop
		}
	}
	return [curleft,curtop];
}

/**
 *	getTableDisplay
 *	Another IE workaround...
 */
function getTableDisplay()
{
	if (BrowserDetect.browser == "Explorer") {
		return 'block';
	}	
	return 'table';
}

/**
 *	getMousePos
 *	Get the position of a mouse from an event
 */
function getMousePos(e)
{
	var posx = 0;
	var posy = 0;
	if (!e) var e = window.event;
	if (e.pageX || e.pageY) 	{
		posx = e.pageX;
		posy = e.pageY;
	}
	else if (e.clientX || e.clientY) 	{
		posx = e.clientX + document.body.scrollLeft
			+ document.documentElement.scrollLeft;
		posy = e.clientY + document.body.scrollTop
			+ document.documentElement.scrollTop;
	}
	
	return [posx,posy];
}

/**
 *	AddEvent
 *	Cross Browser event support
 */
function addEvent( obj, type, fn ) {
	if (obj.addEventListener) {
		obj.addEventListener( type, fn, false );
		EventCache.add(obj, type, fn);
	}
	else if (obj.attachEvent) {
		obj["e"+type+fn] = fn;
		obj[type+fn] = function() { obj["e"+type+fn]( window.event ); }
		obj.attachEvent( "on"+type, obj[type+fn] );
		EventCache.add(obj, type, fn);
	}
	else {
		obj["on"+type] = obj["e"+type+fn];
	}
}

/**
 *	EventCache
 *	Event Caching
 */
var EventCache = function(){
	var listEvents = [];
	return {
		listEvents : listEvents,
		add : function(node, sEventName, fHandler){
			listEvents.push(arguments);
		},
		flush : function(){
			var i, item;
			for(i = listEvents.length - 1; i >= 0; i = i - 1){
				item = listEvents[i];
				if(item[0].removeEventListener){
					item[0].removeEventListener(item[1], item[2], item[3]);
				};
				if(item[1].substring(0, 2) != "on"){
					item[1] = "on" + item[1];
				};
				if(item[0].detachEvent){
					item[0].detachEvent(item[1], item[2]);
				};
				item[0][item[1]] = null;
			};
		}
	};
}();
addEvent(window,'unload',EventCache.flush);

/**
 *	removeChildNodes()
 *	Recursive removal of child nodes
 */
function removeChildNodes(parent)
{
	while ( parent.hasChildNodes() ) {
		parent.removeChild(parent.firstChild); 
	}
}

/**
 *	createInput()
 *	Cross browser compatible input creator
 */
function createInput(name, type, value)
{
	var ele;
	if (BrowserDetect.browser == "Explorer"){
		ele = document.createElement("<input name='"+name+"'>");
	} else {
		ele = document.createElement('input');
		ele.name = name;
	}
	
	if (type) ele.type = type;
	if (value) ele.value = value;
	ele.id = name;
	
	return ele;
}

/**
 *	getElementsByClassName()
 *	Get a set of elements that match a supplied class name
 */
function getElementsByClass(searchClass,node,tag) {
	var classElements = new Array();
	if ( node == null )
		node = document;
	if ( tag == null )
		tag = '*';
	var els = node.getElementsByTagName(tag);
	var elsLen = els.length;
	var pattern = new RegExp('(^|\\s)'+searchClass+'(\\s|$)');
	for (i = 0, j = 0; i < elsLen; i++) {
		if ( pattern.test(els[i].className) ) {
			classElements[j] = els[i];
			j++;
		}
	}
	return classElements;
}




//-------------------------BROWSER DETECTION---------------------------//



/**
 *	Browser Detect
 *	Get Browser Information
 */
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";
	},
	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"
		}
	]

};

/**
 *	Run Time Code
 *	Code That happens on every page
 */

BrowserDetect.init();

function criteria_1(value) {
	switch(true) {
		case (value == 2) :
			document.getElementById("b").style.display = '';
			break;	
		case (value == 7) :
			document.getElementById("c").style.display = '';
			break;		
		case (value == 6) :
			document.getElementById("c").style.display = 'none';
			break;
		default :
			document.getElementById("a").style.display = 'none';
			document.getElementById("b").style.display = 'none';
			document.getElementById("d").style.display = 'none';
			document.getElementById("e").style.display = 'none';
			break;	
	}// end switch		
}// end function
/**
 *	ToolTip Popup Helper and associated Classes
 *	-------------------------------------------
 *
 *	Developed By John Arnfield, Clever Clover
 *	24 September 2007
 *
*/

var ttRoot = tplRoot+'/scripts/tooltip';

function ToolTip() {
	//Local Variables
	this.mouseX = 0;
	this.mouseY = 0;
	this.timeIn = null;
	this.timeOut = null;
	
	//Local Objects
	this.position = null;
	this.container = null;
	this.inContain = null;
}

/**
 *	initialize
 *
 *	Initliaze the object
 */
ToolTip.prototype.initialize = function(params)
{
	//Parse parameters first
	var params 		= params || {};
	var position 	= params.pin || new PinOn();
	this.attatch 	= params.attatch || false;
	this.id 		= params.id || 0;
	
	if (this.attatch) {
		this.attatch = this.getElement(this.attatch);
	}
	
	//Make the outer containing div
	var ttContainer = document.createElement('div');
	ttContainer.className = 'ttContainer';
	ttContainer.style.position = 'absolute';
	ttContainer.style.top = "0";
	ttContainer.style.left = "0";
	ttContainer.style.zIndex = 200;
	position.toPadding(ttContainer,5,1);
	
	//Make the inner containing table
	var ttInContainer = document.createElement('table');
	ttInContainer.cellPadding = '0';
	ttInContainer.cellSpacing = '0';
	
	var tBody = document.createElement('tbody');
	ttInContainer.appendChild(tBody);

	//Make the cells and rows
	var tableRows = new Array(4);
	var lRow = tableRows.length-1;
	for (var r=0; r<tableRows.length; r++) {
		
		tableRows[r] = new Array(2);
		tableRows[r][0] = new Array(3);
		tableRows[r][1] = tBody.insertRow(-1);
		var lCell = tableRows[r][0].length-1;
		
		for (var c=0; c<tableRows[r][0].length; c++) {
			tableRows[r][0][c] = tableRows[r][1].insertCell(-1);
			//Colour it if it's not a corner cell
			if (c == 1 || (r && r != tableRows.length-1)) {
				tableRows[r][0][c].className = 'ttColourStyle';
				tableRows[r][0][c].style.backgroundColor = '#cbd2d4';
				//Style the border
				if (r == 0)		tableRows[r][0][c].style.background = '#cbd2d4 url('+ttRoot+'/images/bubble-border.gif) top left repeat-x';
				if (r == lRow)	tableRows[r][0][c].style.background = '#cbd2d4 url('+ttRoot+'/images/bubble-border.gif) bottom left repeat-x';	
				if (c == 0)		tableRows[r][0][c].style.background = '#cbd2d4 url('+ttRoot+'/images/bubble-border.gif) top left repeat-y';
				if (c == lCell)	tableRows[r][0][c].style.background = '#cbd2d4 url('+ttRoot+'/images/bubble-border.gif) top right repeat-y';
			}
		}
	}
	
	//Make the content div
	var contentDiv = document.createElement('div');
	contentDiv.style.padding = '6px';
	contentDiv.appendChild(document.createTextNode('Help Text Goes Here!'));	
	
	//And make the bubble handle item
	var bubbleHandle = document.createElement('div');
	bubbleHandle.style.position = 'absolute';
	bubbleHandle.style.width = '12px';
	bubbleHandle.style.height = '7px';
	
	//Set up a positioning object for use with slanted borders
	var bPositions = new PinOn();
	
	//Make a copy of this node
	var bubbleHolder = bubbleHandle.cloneNode(true);
	bubbleHolder.style.zInex = 202;
	bubbleHolder.appendChild(this.makeSlantedElement(3,0,position.values[0],'#cbd2d4',position.rightEquiv().flipVertical()));
	bubbleHolder.appendChild(this.makeSlantedElement(3,6,position.values[0],'#cbd2d4',position.leftEquiv().flipVertical()));
	position.toPosition(bubbleHolder,0,12);
	
	//Set the non-duplicatable styles
	bubbleHandle.style.zIndex = 210;
	bubbleHandle.style.backgroundImage = 'url("'+ttRoot+'/images/bubble_handle.gif")';
	bubbleHandle.appendChild(document.createTextNode(' '));
	bubbleHandle.style.fontSize = '1px';
	bubbleHandle.style.lineHeight = '0px';
	position.toBackgroundPosition(bubbleHandle);
	
	bubbleHolder.appendChild(bubbleHandle);
	
	//Build some divs into each corner so we can use absolute positioning
	var tlDiv = document.createElement('div');
	tlDiv.style.position = 'relative';
	tlDiv.style.width = '6px';
	tlDiv.style.height = '6px';
	var trDiv = tlDiv.cloneNode(true);
	var blDiv = tlDiv.cloneNode(true);
	var brDiv = tlDiv.cloneNode(true);

	//Append a graphic element
	tlDiv.appendChild(this.makeCornerGraphic(ttRoot+'/images/bubble-tl.gif'));
	trDiv.appendChild(this.makeCornerGraphic(ttRoot+'/images/bubble-tr.gif'));
	blDiv.appendChild(this.makeCornerGraphic(ttRoot+'/images/bubble-bl.gif'));
	brDiv.appendChild(this.makeCornerGraphic(ttRoot+'/images/bubble-br.gif'));
	
	//Append slanted edges
	tlDiv.appendChild(this.makeSlantedElement(3,0,0,'#cbd2d4',bPositions.BottomRight()));
	trDiv.appendChild(this.makeSlantedElement(3,0,0,'#cbd2d4',bPositions.BottomLeft()));
	blDiv.appendChild(this.makeSlantedElement(3,0,0,'#cbd2d4',bPositions.TopRight()));
	brDiv.appendChild(this.makeSlantedElement(3,0,0,'#cbd2d4',bPositions.TopLeft()));
	
	//Put our elements together
	tableRows[0][0][0].appendChild(tlDiv);
	tableRows[0][0][2].appendChild(trDiv);
	tableRows[lRow][0][0].appendChild(blDiv);
	tableRows[lRow][0][2].appendChild(brDiv);
	tableRows[lRow-1][0][1].appendChild(contentDiv);
	
	//If this is attatched, provide a close button
	if (this.attatch) {
		var bubRef = this;
		var img = document.createElement("img");
		img.src = ttRoot+'/images/popup_close.gif';
		img.style.display = 'inline';
		var txt = document.createTextNode('Close ');
		var anc = document.createElement('a');
		anc.href = 'javascript:void(0)';
		anc.appendChild(txt);
		anc.appendChild(img);
		
		addEvent(anc,'click',function(){bubRef.hide()});
		
		tableRows[lRow-2][0][1].style.fontSize = '8pt';
		tableRows[lRow-2][0][1].style.lineHeight = '8pt';
		tableRows[lRow-2][0][1].style.textAlign = 'right';
		tableRows[lRow-2][0][1].appendChild(anc);
	}
	
	ttContainer.appendChild(bubbleHolder);
	ttContainer.appendChild(ttInContainer);
	document.body.appendChild(ttContainer);
	
	//Set Events, if the user wanted to
	if (!this.attatch) {
		var ttObj = this;
		addEvent(document.body,'mousemove',function(e){ttObj.mouseHandler(e)});
	} else {
		var posArray = this.findPos(this.attatch);
		var attHeight = this.attatch.offsetHeight;
		var attWidth = this.attatch.offsetWidth;
		
		this.mouseX = posArray[0]+(attWidth/2);
		this.mouseY = posArray[1];
	}
		
	//Store references
	this.container = ttContainer;
	this.inContain = contentDiv;
	this.position = position;
	this.pointer = bubbleHolder;
	
	//Hide it
	this.hide();
}

/**
 *	mouseHandler
 *
 *	Handle the movement of the mouse using
 *	this function
 *
 *	@param: e
 *		The Event
 */
ToolTip.prototype.mouseHandler = function(e)
{
	var mouseCoords = getMousePos(e);
	
	this.mouseX = mouseCoords[0];
	this.mouseY = mouseCoords[1];
	
	this.reposition();
}

/**
 *	makeSlantedElement
 *
 *	Make a corner slanted html div graphic
 *
 *	@param: width
 *		Border width for the sland
 *	@param: colour
 *		The colour of the slanted edges
 *	@param: borders
 *		A 4 wide array where 1 spefies a border
 */
ToolTip.prototype.makeSlantedElement = function(width,offX,offY,colour,borders)
{
	if (!(borders instanceof PinOn)) return;
	
	//Get the flat array representation
	borders = borders.values;
	
	if (borders.length != 4) return;
	
	var colourString = '';
	var fashionString = '';
	for (var i=0; i<4; i++) {
		var bColour = 'transparent';
		var fColour = 'transparent';
		if (borders[i]) {
			bColour = colour;
			fColour = 'fill';
		}
		colourString += bColour+' ';
		fashionString += fColour+' ';
	}
	
	var slanter = document.createElement('div');
	slanter.appendChild(document.createTextNode(" "));
	slanter.borderFashion = fashionString;
	
	//Set CSS styles
	slanter.className = 'ttColourStyleBorders';
	slanter.style.width = 0;
	slanter.style.color = '#FFF';
	slanter.style.borderWidth = width+'px';
	slanter.style.borderColor = colourString;
	slanter.style.borderStyle = 'solid';
	slanter.style.position = 'absolute';
	slanter.style.top = (offY) + 'px';
	slanter.style.left = (offX) + 'px';
	slanter.style.zIndex = 203;
	slanter.style.lineHeight = '0px';
	slanter.style.fontSize = '1px';
	
	return slanter;
}

/**
 *	setColour
 *
 *	Set the background and border colours of
 *	the elements that make up the popup buble
 *
 *	@param: colour
 *		The desired colour
 */
ToolTip.prototype.setColour = function(colour)
{
	var colourEls = this.getElementsByClass('ttColourStyle');
	var colourBorders = this.getElementsByClass('ttColourStyleBorders');
	
	for (var i=0; i<colourEls.length; i++) {
		colourEls[i].style.backgroundColor = colour;
	}
	
	for (var i=0; i<colourBorders.length; i++) {
		var nCol = colourBorders[i].borderFashion.replace(/fill/g,colour);
		colourBorders[i].style.borderColor = nCol;
	}
}

/**
 *	getElementsByClass
 *
 *	Get the elements matching the specified
 *	search class within this popup bubble
 *
 *	@param: searchClass
 *		The class name to search against
 *	@param:	tag
 *		An optional tag name to narrow against
 */
ToolTip.prototype.getElementsByClass = function(searchClass, tag)
{
	node = this.container;
	
	var classElements = new Array();
	if ( node == null )
		node = document;
	if ( tag == null )
		tag = '*';
	var els = node.getElementsByTagName(tag);
	var elsLen = els.length;
	var pattern = new RegExp('(^|\\s)'+searchClass+'(\\s|$)');
	for (i = 0, j = 0; i < elsLen; i++) {
		if ( pattern.test(els[i].className) ) {
			classElements[j] = els[i];
			j++;
		}
	}
	return classElements;
}

/**
 *	makeCornerGraphic
 *
 *	Make a corner graphic with absolute positions
 *
 *	@param: src
 *		The Source of the Image file
 */
ToolTip.prototype.makeCornerGraphic = function(src)
{
	var cornerImg = document.createElement('img');
	cornerImg.style.position = 'absolute';
	cornerImg.style.top = '0';
	cornerImg.style.left = '0';
	cornerImg.style.zIndex = 204;
	cornerImg.src = src;
	cornerImg.alt = '';
	
	return (cornerImg);
}

/**
 *	reposition
 *
 *	Position the display div on screen. This method
 *	gets called after every mouse move, but also must be
 *	called when text content is changed.
 *
 */
ToolTip.prototype.reposition = function()
{
	var mouseY = this.mouseY;
	var mouseX = this.mouseX;
	var posAr  = this.position.values;
	
	//Calculate the starting x & y
	var offsetX = (posAr[3]*13)+((this.container.offsetWidth*posAr[1])-(posAr[1]*14));
	var offsetY = (this.container.offsetHeight*posAr[2]);
	
	if (this.attatch) {
		//If this item is fixed to an element
		offsetY -= (this.attatch.offsetHeight)*posAr[0];
	}
	else {
		//Move it out of the way so it isn't colliding
		//with the mouse and continually firing mouseout events
		offsetY += ((posAr[2]-posAr[0])*6);
	}
	
	this.container.style.top = (mouseY-offsetY)+'px';
	this.container.style.left = (mouseX-offsetX)+'px';
}

/**
 *	attatchTo
 *
 *	Attatch the popup to a HTML element, with an
 *	event method to specify how and when it will
 *	appear.
 *
 *	@param: element
 *		The HTML Element to attatch this tooltip event to
 *	@param: content
 *		An ID/HTML Element containing the content to show
 *	@param: method
 *		The method event for how this tooltip will be attatched to the given element
 *	@param: timeout
 *		The duration before the visibility event is fired
 */
ToolTip.prototype.appearWhen = function(element,content,method,timeout)
{
	//Check the parameters are valid
	if (!this.validAttatchParams(element,content,method)) {
		return false;
	}
	
	var pElement = this.getElement(element);
	
	//Attatch this event
	var objRef = this;
	addEvent(pElement,method,function(){
		objRef.clearTimeouts();
		objRef.timeIn = setTimeout(function(){
			objRef.show(content);
		},timeout)
	});
}

/**
 *	detatchFrom
 *	
 *	Provides the same functionality as attatch to,
 *	but removes the visibility of the tooltip instead
 *
 *	@param: element
 *		The HTML Element to attatch this tooltip event to
 *	@param: method
 *		The method event for how this tooltip will be attatched to the given element
 *	@param: timeout
 *		The duration before the visibility event is fired
 */
ToolTip.prototype.removeWhen = function(element,method,timeout)
{	
	//Check the parameters are valid
	if (!this.validAttatchParams(element,'no-content',method)) {
		return false;
	}
	
	var pElement = this.getElement(element);
	
	//Attatch this event
	var objRef = this;
	addEvent(pElement,method,function(){
		objRef.clearTimeouts();
		objRef.timeOut = setTimeout(function(){
			objRef.hide();
		},timeout)
	});
}

/**
 *	clearTimeouts
 *
 *	Clear the timeout objects for both in and out
 *	events
 */
ToolTip.prototype.clearTimeouts = function()
{
	clearTimeout(this.timeIn);
	clearTimeout(this.timeOut);
}

/**
 *	validAttatchParams
 *
 *	Check that the main parameters passed to either
 *	attatchTo or detatchFrom are valid
 *
 *	@param: element
 *		The HTML Element to attatch this tooltip event to
 *	@param: content
 *		An ID/HTML Element containing the content to show
 *	@param: method
 *		The method event for how this tooltip will be attatched to the given element
 */
ToolTip.prototype.validAttatchParams = function(element,content,method)
{
	//If this is not a valid HTML element
	if (!this.getElement(element)) {
		return false;
	}
	
	//Check content type
	if (typeof(content) != 'string' && !(content.tagName)) {
		return false;
	}
	
	//Check event attatch type
	if (typeof(content) != 'string') {
		return false;
	}
	
	return true;
}

/**
 *	getElement
 *
 *	Get a HTML element intelligently, the parameter
 *	can be either a string ID or a direct HTML element
 *
 *	@param: element
 *		Either a HTML element or Element ID
 */
ToolTip.prototype.getElement = function(element)
{
	if (!element) return;
	
	var pElement = element;
	if (typeof(pElement) == 'string'){
		pElement = document.getElementById(pElement);
	}
	
	//Make sure we now have an element
	if (!(pElement.tagName)) {
		return false;
	}
	
	return pElement;
}

/**
 *	show
 *
 *	Set the containing div to be visible
 */
ToolTip.prototype.show = function(text, numAppearences)
{
	var cookieVal;
	
	if (numAppearences != undefined && this.id) {
		var cHandler = new CookieHandler(this.id);
		
		if (cookieVal = cHandler.readCookie())
			cHandler.createCookie(++cookieVal,31);
		else
			cHandler.createCookie(1,31);
		
		if (cookieVal > numAppearences) return;
	}
	
	this.container.style.display = 'block';
	this.setText(text);
	this.container.style.visibility = 'visible';
}

/**
 *	hide
 *
 *	Set the containing div to be invisible
 */
ToolTip.prototype.hide = function()
{
	this.container.style.display = 'none';
	this.container.style.visibility = 'hidden';
}

/**
 *	setText
 *
 *	Set the innerHTML of the inner containing
 *	div of this tooltip object
 */
ToolTip.prototype.setText = function(text)
{
	this.clearText();
	
	if (typeof(text) == 'string') {
		this.inContain.innerHTML = text;
	}
	
	if (text.tagName) {
		this.inContain.appendChild(text);
	}
	
	this.reposition();
}

/**
 *	clearText
 *
 *	Clear the inner containing div of all content
 */
ToolTip.prototype.clearText = function()
{
	while (this.inContain.hasChildNodes()) {
		this.inContain.removeChild(this.inContain.firstChild); 
	}
}

/**
 *	setStyle
 *
 *	Set a style for the containing div of this
 *	tooltip item
 *
 *	@param: item
 *		The CSS style class to change
 *	@param: value
 *		The value to set the class to
 */
ToolTip.prototype.setStyle = function(item,value)
{
	//NOT IE SAFE
	this.inContain.style.setProperty(item,value,"");
}

/**
 *	getContainer
 *
 *	Return the current containing div of this
 *	tooltip
 */
ToolTip.prototype.getContainer = function()
{
	return this.inContain;
}

/**
 *	setOpacity
 *
 *	Set the opacity of the containing div of this
 *	tooltip item
 *
 *	@param: level
 *		An integer from 0 to 10, where 0 is
 *		transparent and 10 is totally opaque
 */
ToolTip.prototype.setOpacity = function(level)
{
	this.container.style.opacity = level/10;
	this.container.style.filter = 'alpha(opacity='+(level*10)+')';
}

/**
 *	findPos
 *
 *	Find the position on the page of an object
 *
 *	@param: object
 *		The object to find
 */
ToolTip.prototype.findPos = function(obj)
{
	var curleft = curtop = 0;
	if (obj.offsetParent) {
		curleft = obj.offsetLeft
		curtop = obj.offsetTop
		while (obj = obj.offsetParent) {
			curleft += obj.offsetLeft
			curtop += obj.offsetTop
		}
	}
	return [curleft,curtop];
}






/**
 *	CookieHandler
 *
 *	Thanks goes to quirksmode for this code
 *		http://www.quirksmode.org/js/cookies.html
 *
 *	A simple object to manage cookies
 */
function CookieHandler(name) {
	this.name = name
}

CookieHandler.prototype.createCookie = function(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 = this.name+"="+value+expires+"; path=/";
}

CookieHandler.prototype.readCookie = function() {
	var nameEQ = this.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;
}

CookieHandler.prototype.eraseCookie = function() {
	this.createCookie("",-1);
}







/**
 *	PinOn
 *
 *	A simple object setup to indicate
 *	the layout of a tooltip pointer graphic
 */
function PinOn() {
	this.values = [0,0,1,1];
}

PinOn.prototype.TopLeft = function()
{
	this.values = [1,0,0,1];
	return this.clone();
}

PinOn.prototype.TopRight = function()
{
	this.values = [1,1,0,0];
	return this.clone();
}

PinOn.prototype.BottomLeft = function()
{
	this.values = [0,0,1,1];
	return this.clone();
}

PinOn.prototype.BottomRight = function()
{
	this.values = [0,1,1,0];
	return this.clone();
}

PinOn.prototype.leftEquiv = function()
{
	var thisCopy = this.clone();
	
	thisCopy.values[1] = 0;
	thisCopy.values[3] = 1;
	
	return thisCopy;
}

PinOn.prototype.rightEquiv = function()
{
	var thisCopy = this.clone();
	
	thisCopy.values[1] = 1;
	thisCopy.values[3] = 0;
	
	return thisCopy;
}

PinOn.prototype.flipVertical = function()
{
	this.values[2] = !(this.values[2]);
	this.values[0] = !(this.values[0]);
	
	return this;
}

PinOn.prototype.flipHorizontal = function()
{
	this.values[1] = !(this.values[1]);
	this.values[3] = !(this.values[3]);
	
	return this;
}

/**
 *	toPadding
 *
 *	Set the padding on the supplied element
 *	given this current layout
 *
 *	@param: element
 *		A HTML node to apply styling to
 *	@param: amount
 *		The amount, in pixels, to pad the noted
 *		corners of the tooltip display
 */
PinOn.prototype.toPadding = function(element, amountTB, amountLR)
{
	if (!this.values) return;
		
	var padReturn = "";
	
	for (var i=0; i<this.values.length; i++) {
		padReturn += (this.values[i] * (typeof(amountLR) != "undefined" && i % 2) ? amountLR : amountTB)+'px ';
	}
	
	element.style.padding = padReturn;
}


/**
 *	toPosition
 *
 *	Set the absolute positioning on the supplied
 *	element given this current layout
 *
 *	@param: element
 *		A HTML node to apply styling to
 */
PinOn.prototype.toPosition = function(element,amountTB,amountLR)
{
	if (!this.values) return;
	
	amountTB = typeof(amountTB) == "undefined" ? 0 : amountTB;
	amountLR = typeof(amountLR) == "undefined" ? 0 : amountLR;
	
	if (this.values[0])	element.style.top = amountTB+'px';
	if (this.values[1])	element.style.right = amountLR+'px';
	if (this.values[2])	element.style.bottom = amountTB+'px';
	if (this.values[3])	element.style.left = amountLR+'px';
	
}

/**
 *	clone
 *
 *	Return a copy of this object
 */
PinOn.prototype.clone = function()
{
	var pinClone = new PinOn();
	var vClone = new Array(4);
	
	for (var i=0; i<4; i++) {
		vClone[i] = this.values[i];
	}
	
	pinClone.values = vClone;
	
	return pinClone;
}

/**
 *	toBackgroundPosition
 *
 *	Set the background position on the supplied
 *	element given this current layout
 *
 *	@param: element
 *		A HTML node to apply styling to
 */
PinOn.prototype.toBackgroundPosition = function(element)
{
	if (!this.values) return;
		
	var posArray = ['top','right','bottom','left'];
	var posString = '';
	
	for (var i=0; i<this.values.length; i++) {
		if (this.values[i]) posString += posArray[i]+' ';
	}
	
	if (posString.length) {
		element.style.backgroundPosition = posString;
	}
}

Object.prototype.borderFashion = 'fill fill fill fill';