﻿// JScript File

// created using getElementsByClass by Dustin Diaz
// and Width-based layout by Simon Collison

window.onresize = function() {
	resizePage();
}
function resizePage() {
	if (!document.getElementById) return false;
	var boxes = getElementsByClassName(document,'*','box01');
	var leftcol = getElementsByClassName(document,'*','box02');
	var theWidth = 0;
	var navBar = document.getElementById('nav');
	var subNavBar = document.getElementById('navSecondary');
	var cornerBR = document.getElementById('cornerBR');
	var cornerTR = document.getElementById('cornerTR');
	var headerDiv = document.getElementById('header');
	if (window.innerWidth) {
		theWidth = window.innerWidth
		} 
	else if (document.documentElement && document.documentElement.clientWidth) {
		theWidth = document.documentElement.clientWidth
	    } 
	else if (document.body) {
		theWidth = document.body.clientWidth
	    }
	for (var i=0; i< boxes.length; i++) {
		if (theWidth != 0) {
 	        if (theWidth < 1002) {
				boxes[i].style.width = '692px';
				leftcol[i].style.width = '650px';
				leftcol[i].style.margin = '0px';
				if(navBar) navBar.className = 'narrow';
				if(subNavBar) subNavBar.className = 'narrow';
				if(cornerBR) cornerBR.className = 'narrow';
				if(cornerTR) cornerTR.className = 'narrow';
				if(headerDiv) headerDiv.className = 'narrow';
			} else {
				boxes[i].style.width = '982px';
				leftcol[i].style.width = '250px';
				if(navBar) navBar.className = '';
				if(subNavBar) subNavBar.className = '';
				if(cornerBR) cornerBR.className = '';
				if(cornerTR) cornerTR.className = '';
				if(headerDiv) headerDiv.className = '';
   	   		}
		}
	}
}

//Get Element by Class Name from: http://www.robertnyman.com/2005/11/07/the-ultimate-getelementsbyclassname/

function getElementsByClassName(oElm, strTagName, strClassName){
	if ( oElm == null )
		oElm = document;
	if ( strTagName == null )
		strTagName = '*';
    var arrElements = (strTagName == "*" && oElm.all)? oElm.all : oElm.getElementsByTagName(strTagName);
    var arrReturnElements = new Array();
    strClassName = strClassName.replace(/\-/g, "\\-");
    var oRegExp = new RegExp("(^|\\s)" + strClassName + "(\\s|$)");
    var oElement;
    for(var i=0; i<arrElements.length; i++){
        oElement = arrElements[i];      
        if(oRegExp.test(oElement.className)){
            arrReturnElements.push(oElement);
        }   
    }
    return (arrReturnElements)
}


/*-----------------------------------------------------------------------------
Universal Javascript file

version:   1.2
author:    Paul Boag
email:     paul.boag@headscape.co.uk
website:   http://www.headscape.co.uk
-----------------------------------------------------------------------------*/


// Shorthand for seeing if something is in an array
Array.prototype.inArray = function (value) {
	var i;
	for (i=0; i < this.length; i++) {
		if (this[i] === value) {
			return true;
		}
	}
	return false;
};

// Easy way of adding an event
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];
	}
}

// Easy way of removing an event
function removeEvent( obj, type, fn ) {
	if (obj.removeEventListener) {
		obj.removeEventListener( type, fn, false );
	}
	else if (obj.detachEvent) {
		obj["e"+type+fn] = "";
		obj[type+fn] = ""
		obj.detachEvent( "on"+type, obj[type+fn] );
	}
	else {
		obj["on"+type] = "";
	}
}

// Solves an IE caching problem
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);





// RESIZING TEXT -------------------------------------------------------

function addResize() {
	if (!document.getElementById) return false;
	var whereAttach = document.getElementById("textSize");
	whereAttach.innerHTML = '<ul><li class="increase"><a href="#" id="stIncrease">Increase text size</a></li><li class="reset"><a href="#" id="stReset">Reset</a></li><li class="decrease"><a href="#" id="stDecrease">Decrease text size</a></li></ul>'
	
	if (!document.getElementsByTagName) return false;
	var bodyTag = document.getElementsByTagName ("body");
	if (readCookie("resize")) {
	bodyTag[0].style.fontSize = ((parseFloat(readCookie("resize"))) + "%");
	}
	
}

function defaultBody() {
	if (!document.getElementsByTagName) return false;
	var bodyTag = document.getElementsByTagName ("body");
	if (navigator.vendor=="Apple") {
	bodyTag[0].style.fontSize = "83.5%";
	alert("safari");
	}
	else {
		bodyTag[0].style.fontSize = "62.5%";
	}
		
}


// Set Body text size
function setSize(iSize) {
	if (!document.getElementsByTagName) return false;
	var bodyTag = document.getElementsByTagName ("body");
		if (!bodyTag[0].style.fontSize) {
		if (!readCookie("resize")) {
		defaultBody();
		}
		else {
		bodyTag[0].style.fontSize = ((parseFloat(readCookie("resize"))) + "%");
		}
		}
		else {
		if (!readCookie("resize")) {
		defaultBody();
		}
		else {
		bodyTag[0].style.fontSize = (((parseFloat(iSize)) + (parseFloat(readCookie("resize")))) + "%");
		}
		}
		cookieValue = bodyTag[0].style.fontSize;
		writeCookie("resize", cookieValue, 10000);
}


// Attaches the onclick event to the correct ids to allow resizing
function resizeT(iID, iDir) {
	if (!document.getElementById) return false;
	var incLink = document.getElementById (iID);
	if (iDir == "decrease") {
	incLink.onclick = function() {
		setSize("-10%");
		return false;
	}
	}
	if (iDir == "increase") {
	incLink.onclick = function() {
		setSize("10%");
		return false;
	}
	}
	if (iDir == "reset") {
	incLink.onclick = function() {
		var bodyTag = document.getElementsByTagName ("body");
		defaultBody();
		var currentVal = bodyTag[0].style.fontSize;
		writeCookie("resize", currentVal, 10000);
		return false;
	}
	}
}

// Writes cookie
// writeCookie("myCookie", "my name", 24);
// Stores the string "my name" in the cookie "myCookie" which expires after 24 hours.

function writeCookie(name, value, hours) {
  var expire = "";
  if(hours != null)  {
    expire = new Date((new Date()).getTime() + hours * 3600000);
    expire = "; expires=" + expire.toGMTString();
  }
  document.cookie = name + "=" + escape(value) + expire;
}


// Read Cookie
// alert( readCookie("myCookie") );
function readCookie(name){
  var cookieValue = "";
  var search = name + "=";
  if(document.cookie.length > 0)  {
    offset = document.cookie.indexOf(search);
    if (offset != -1)    {
      offset += search.length;
      end = document.cookie.indexOf(";", offset);
      if (end == -1) end = document.cookie.length;
      cookieValue = unescape(document.cookie.substring(offset, end))    }
  }
  return cookieValue;
}

//Function for converting title tags on images into caption
function addCaption(xClass) {
	var allImages = getElementsByClassName(document, "img", xClass);
	for ( var i=0; i < allImages.length; i++) {
		var imageCaption = document.createTextNode(allImages[i].title);
		var imageContainer = document.createElement("div");
		var imagePara = document.createElement("p");
		var imageWidth = allImages[i].getAttribute("width");
		var spareSpan = document.createElement("span"); //This adds an extra span. Useful for curved corners
		imagePara.appendChild(imageCaption);
		allImages[i].parentNode.insertBefore(imageContainer, allImages[i]);
		imageContainer.appendChild(allImages[i]);
		if ( allImages[i].title != "" ) {
		imageContainer.appendChild(imagePara); 
		}
		imageContainer.appendChild(spareSpan);		
		imageContainer.className = xClass
		spareSpan.className = "spareSpan"
		allImages[i].className = "imgCaption"
		imageContainer.style.width = imageWidth + "px";
		
    }
}

/*
Sweet Titles (c) Creative Commons 2005
http://creativecommons.org/licenses/by-sa/2.5/
Author: Dustin Diaz | http://www.dustindiaz.com
*/
var sweetTitles = { 
	xCord : 0,				// @Number: x pixel value of current cursor position
	yCord : 0,				// @Number: y pixel value of current cursor position
	tipElements : ['a','abbr','acronym'],	// @Array: Allowable elements that can have the toolTip
	obj : Object,			// @Element: That of which you're hovering over
	tip : Object,			// @Element: The actual toolTip itself
	active : 0,				// @Number: 0: Not Active || 1: Active
	init : function() {
		if ( !document.getElementById ||
			!document.createElement ||
			!document.getElementsByTagName ) {
			return;
		}
		var i,j;
		this.tip = document.createElement('div');
		this.tip.id = 'toolTip';
		document.getElementsByTagName('body')[0].appendChild(this.tip);
		this.tip.style.top = '0';
		this.tip.style.visibility = 'hidden';
		addEvent(document,'mousemove',this.updateXY);
		if ( document.captureEvents ) {
				document.captureEvents(Event.MOUSEMOVE);
		}
		var tipLen = this.tipElements.length;
		for ( i=0; i<tipLen; i++ ) {
			var current = document.getElementsByTagName(this.tipElements[i]);
			var curLen = current.length;
			for ( j=0; j<curLen; j++ ) {
				addEvent(current[j],'mouseover',this.tipOver);
				addEvent(current[j],'mouseout',this.tipOut);
				current[j].setAttribute('tip',current[j].title);
				current[j].removeAttribute('title');
			}
		}
	},
	updateXY : function(e) {
		if ( document.captureEvents ) {
			sweetTitles.xCord = e.pageX;
			sweetTitles.yCord = e.pageY;
		} else if ( window.event.clientX ) {
			sweetTitles.xCord = window.event.clientX+document.documentElement.scrollLeft;
			sweetTitles.yCord = window.event.clientY+document.documentElement.scrollTop;
		}
	},
	tipOut: function() {
		if ( window.tID ) {
			clearTimeout(tID);
		}
		if ( window.opacityID ) {
			clearTimeout(opacityID);
		}
		sweetTitles.tip.style.visibility = 'hidden';
	},
	checkNode : function() {
		var trueObj = this.obj;
		if ( this.tipElements.inArray(trueObj.nodeName.toLowerCase()) ) {
			return trueObj;
		} else {
			return trueObj.parentNode;
		}
	},
	tipOver : function() {
		sweetTitles.obj = this;
		tID = window.setTimeout("sweetTitles.tipShow()",500)
	},
	tipShow : function() {		
		var scrX = Number(this.xCord);
		var scrY = Number(this.yCord);
		var tp = parseInt(scrY+15);
		var lt = parseInt(scrX+10);
		var anch = this.checkNode();
		var addy = '';
		var access = '';
		if ( anch.nodeName.toLowerCase() == 'a' ) {
			addy = (anch.href.length > 25 ? anch.href.toString().substring(0,25)+"..." : anch.href);
			var access = ( anch.accessKey ? ' <span>Access key: ['+anch.accessKey+']</span> ' : '' );
		} else {
			addy = anch.firstChild.nodeValue;
		}
		if (addy.indexOf(window.location.hostname) == -1) {
		this.tip.innerHTML = "<p>"+anch.getAttribute('tip')+"<em>"+addy+"</em></p>";
		}
		else {
			this.tip.innerHTML = "<p>"+anch.getAttribute('tip')+"<em></em></p>";
		}
		if ( parseInt(document.documentElement.clientWidth+document.documentElement.scrollLeft) < parseInt(this.tip.offsetWidth+lt) ) {
			this.tip.style.left = parseInt(lt-(this.tip.offsetWidth+10))+'px';
		} else {
			this.tip.style.left = lt+'px';
		}
		if ( parseInt(document.documentElement.clientHeight+document.documentElement.scrollTop) < parseInt(this.tip.offsetHeight+tp) ) {
			this.tip.style.top = parseInt(tp-(this.tip.offsetHeight+10))+'px';
		} else {
			this.tip.style.top = tp+'px';
		}
		if (((anch.getAttribute('tip')) != "") || (addy.indexOf(window.location.hostname) == -1)) {
			this.tip.style.visibility = 'visible';
			this.tip.style.opacity = '.1';
			this.tipFade(10);	
		}
	},
	tipFade: function(opac) {
		var passed = parseInt(opac);
		var newOpac = parseInt(passed+10);
		if ( newOpac < 100 ) {
			this.tip.style.opacity = '.'+newOpac;
			this.tip.filter = "alpha(opacity:"+newOpac+")";
			opacityID = window.setTimeout("sweetTitles.tipFade('"+newOpac+"')",20);
		}
		else { 
			this.tip.style.opacity = '1';
			this.tip.style.filter = "alpha(opacity:100)";
		}
	}
};

// Main function, called when the page loads
function alternateRows() {
	var i, j;
	if (!document.getElementById) return;
		var tables = document.getElementsByTagName("table");	  
		//search through tables in document
		for (i=0; i<tables.length; i++) {
			// If table has the right classname
				rows = tables[i].getElementsByTagName("tr");
				applyClasstoRows(rows);
		}
}

// ALTERNATING ROW COLOURS IN FORM

// Main function, called when the page loads
function alternateFormRows() {
	var i, j;
	if (!document.getElementById) return;
		var forms = document.getElementsByTagName("form");	  
		//search through forms in document
		for (i=0; i<forms.length; i++) {
			// If form has the right classname
				rows = getElementsByClassName(forms[i], "div", "row");
				applyClasstoRows(rows);
		}
}

// Function, which is passed a reference, applies the class 'even' to each even row
function applyClasstoRows(myRows) {
	// search through rows
	for (j=0; j<rows.length; j++) {
	   // Set class for even rows (odd doesn't need to be set)
	   if (j%2 == 0)
		  rows[j].className = rows[j].className + " even";
	   else
		  rows[j].className = rows[j].className + " odd";
	}
}

function setupTextFieldClear() {
	var fields = getElementsByClassName(document,'input','EnterClear');
	//alert(fields.length);
	for(var i=0; i<fields.length;i++)
		addEvent(fields[i],'focus',enterClearText);
}

function enterClearText() {
	this.value ='';
	removeEvent(this,'focus',enterClearText);
}

// <![CDATA[
/*------------------------------------------------------------------------------
Function:       footnoteLinks()
Author:         Aaron Gustafson (aaron at easy-designs dot net)
Creation Date:  8 May 2005
Version:        1.3
Homepage:       http://www.easy-designs.net/code/footnoteLinks/
License:        Creative Commons Attribution-ShareAlike 2.0 License
				http://creativecommons.org/licenses/by-sa/2.0/
Note:           If you change or improve on this script, please let us know by 
				emailing the author (above) with a link to your demo page.
------------------------------------------------------------------------------*/
function footnoteLinks(containerID,targetID) {
  if (!document.getElementById || 
	  !document.getElementsByTagName ||
	  !document.createElement) return false;
  if (!document.getElementById(containerID) ||
	  !document.getElementById(targetID)) return false;
  var container = document.getElementById(containerID);
  var target    = document.getElementById(targetID);
  var h2        = document.createElement('h2');
  addClass.apply(h2,['printOnly']);
  var h2_txt    = document.createTextNode('Links');
  h2.appendChild(h2_txt);
  var coll = container.getElementsByTagName('*');
  var ol   = document.createElement('ol');
  addClass.apply(ol,['printOnly']);
  var myArr = [];
  var thisLink;
  var num = 1;
  for (var i=0; i<coll.length; i++) {
	var thisClass = coll[i].className;
	if ( (coll[i].getAttribute('href') ||
		  coll[i].getAttribute('cite')) &&
		  (thisClass == '' ||
		   thisClass.indexOf('ignore') == -1)) { 
	  thisLink = coll[i].getAttribute('href') ? coll[i].href : coll[i].cite;
	  var note = document.createElement('sup');
	  addClass.apply(note,['printOnly']);
	  var note_txt;
	  var j = inArray.apply(myArr,[thisLink]);
	  if ( j || j===0 ) {
		note_txt = document.createTextNode(j+1);
	  } else {
		var li     = document.createElement('li');
		var li_txt = document.createTextNode(thisLink);
		li.appendChild(li_txt);
		ol.appendChild(li);
		myArr.push(thisLink);
		note_txt = document.createTextNode(num);
		num++;
	  }
	  note.appendChild(note_txt);
	  if (coll[i].tagName.toLowerCase() == 'blockquote') {
		var lastChild = lastChildContainingText.apply(coll[i]);
		lastChild.appendChild(note);
	  } else {
		coll[i].parentNode.insertBefore(note, coll[i].nextSibling);
	  }
	}
  }
  target.appendChild(h2);
  target.appendChild(ol);
  addClass.apply(document.getElementsByTagName('html')[0],['noted']);
  return true;
}
// ]]>

// <![CDATA[
/*------------------------------------------------------------------------------
Excerpts from the jsUtilities Library
Version:        2.1
Homepage:       http://www.easy-designs.net/code/jsUtilities/
License:        Creative Commons Attribution-ShareAlike 2.0 License
				http://creativecommons.org/licenses/by-sa/2.0/
Note:           If you change or improve on this script, please let us know.
------------------------------------------------------------------------------*/
if(Array.prototype.push == null) {
  Array.prototype.push = function(item) {
	this[this.length] = item;
	return this.length;
  };
};
// ---------------------------------------------------------------------
//                  function.apply (if unsupported)
//           Courtesy of Aaron Boodman - http://youngpup.net
// ---------------------------------------------------------------------
if (!Function.prototype.apply) {
  Function.prototype.apply = function(oScope, args) {
	var sarg = [];
	var rtrn, call;
	if (!oScope) oScope = window;
	if (!args) args = [];
	for (var i = 0; i < args.length; i++) {
	  sarg[i] = "args["+i+"]";
	};
	call = "oScope.__applyTemp__(" + sarg.join(",") + ");";
	oScope.__applyTemp__ = this;
	rtrn = eval(call);
	oScope.__applyTemp__ = null;
	return rtrn;
  };
};
function inArray(needle) {
  for (var i=0; i < this.length; i++) {
	if (this[i] === needle) {
	  return i;
	}
  }
  return false;
}
function addClass(theClass) {
  if (this.className != '') {
	this.className += ' ' + theClass;
  } else {
	this.className = theClass;
  }
}
function lastChildContainingText() {
  var testChild = this.lastChild;
  var contentCntnr = ['p','li','dd'];
  while (testChild.nodeType != 1) {
	testChild = testChild.previousSibling;
  } 
  var tag = testChild.tagName.toLowerCase();
  var tagInArr = inArray.apply(contentCntnr, [tag]);
  if (!tagInArr && tagInArr!==0) {
	testChild = lastChildContainingText.apply(testChild);
  }
  return testChild;
}
// ]]>




// Runs all the listed functions on the loading of the window

window.onload=function(){
	resizePage();
	addCaption("imgLeft");
	addCaption("imgRight");
	//sweetTitles.init();
	alternateRows();
	setupTextFieldClear();
	footnoteLinks('content','content');
}
