function showMakeMyHomePageButton() {
    var homePageURL = window.location.protocol
	+ "//" + window.location.host + "/";
    if (BrowserDetect.browser == "Explorer" && BrowserDetect.OS == "Windows") {
	document.write('<div id="makeHome"><a href="#" onclick="this.style.behavior=\'url(#default#homepage)\';this.setHomePage(\'' + homePageURL + '\');"></a></div>');
    } else {
	document.write('<div id="makeHome"><a href="#" onclick="showMyHomePage();return false"></a></div>');
    }
}

/*

  Icon Link Animation

*/
oLinks = {
	obj : function(sName) {
		return document.getElementById(sName);
	},
	w : 800,
	h : 1,
	tw : 800,
	tH : 1,
	x : 20,
	y : 26,
	oY : 26,        // Original Y Location
	navY : -24,
	oNavY : -24,    // Original Nav Y Location
	topH : 90,
	botH : 0,
	step : 5,
	speed : 1,
	bOpen : true,
	timer : null,
	timerOut : null,
	animTimeout : 2000,
	nCurrent : 1,
	startTime : null,
	currentTime : function () {
		var cTime = new Date();
		return cTime;
	},
	redraw : function() {
		if (this.h > this.tH) {
			this.h -= this.step;
			this.y += this.step;
			this.navY += this.step;
			if ((this.currentTime() - this.startTime) > this.animTimeout) {
				this.h = this.tH;
			}
			if (this.h <= this.tH) {
				this.h = this.tH;
				this.y = this.oY;
				this.navY =  this.oNavY;
				clearInterval(this.timer);
				this.timer = null;
			}
		} else if (this.h < this.tH) {
			this.h += this.step;
			this.y -= this.step;
			this.navY -= this.step;
			if ((this.currentTime() - this.startTime) > this.animTimeout) {
				this.h = this.tH;
			}
			if (this.h >= this.tH) {
				this.h = this.tH;
				this.y = this.oY - this.tH;
				this.navY =  this.oNavY - this.tH;
				clearInterval(this.timer);
				this.timer = null;
			}
		}
		this.obj("iconLinks").style.height = this.h + 'px';
		this.obj("iconLinks").style.top = this.y + 'px';
		this.obj("nav-foot").style.top = this.navY + 'px';
	},
	animate : function() {
		return (this.h != this.tH);
	},
	openIt : function(nOpen) {
		if (nOpen == 0) {
			clearTimeout(this.timerOut);
			clearInterval(this.timer);
			this.timer == null;
			this.tH = this.botH;
			this.startTime = new Date();
			this.timer = setInterval('oLinks.redraw()', this.speed);
		} else {
			clearTimeout(this.timerOut);
			clearInterval(this.timer);
			document.getElementById("extLink"+this.nCurrent).style.display = "none";
			this.nCurrent = nOpen;
			document.getElementById("extLink"+this.nCurrent).style.display = "block";
			this.timer == null;
			this.tH = this.topH;
			this.startTime = new Date();
			this.timer = setInterval('oLinks.redraw()', this.speed);
		}
	}
}

function loopit() {
	clearTimeout(oLinks.timerOut);
	oLinks.timerOut = setTimeout('oLinks.openIt(0)', 200);
}

/*

  Browser Detection

*/

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"
		}
	]

};
BrowserDetect.init();

browser = {
	isIE : false,
	isNS : false
}

browser.isIE = (BrowserDetect.browser == "Explorer")?true:false;
browser.isNS = (BrowserDetect.browser == "Firefox")?true:false;

/*

  Make My Homepage

*/
function showMyHomePage() {
	homeDisplay.init();
	
	if (homeDisplay.browser != -1) {
		oContent = document.getElementById("popupBody");
		sWrite = "<p><strong>"+BrowserDetect.browser+" v"+BrowserDetect.version+" for "+homeDisplay.aOS[homeDisplay.OS]+"</strong></p><ol>";
		for (var i=2; i<homeDisplay.aDirections[homeDisplay.OS][homeDisplay.browser].length; i++) {
			sWrite += "<li><span>"+homeDisplay.aDirections[homeDisplay.OS][homeDisplay.browser][i]+"</span></li>";
		}
		oContent.innerHTML = sWrite+"</ul>";
	}
	toggleDisplay("popup",null);
}

var sWebsite = window.location.protocol + "//" + window.location.host + "/";

homeDisplay = {
	cWin : 0,
	cMac : 1,
	aOS : ["Windows","Macintosh"],
	OS : "Browser not recognised.",
	browser : -1,     // Current Browser - Data Reference
	version : -1,
	pBrowserName : 0,
	pBrowserVersion : 1,
	init : function() {		
		if (BrowserDetect.OS == "Windows") {
			this.OS = this.cWin;
		} else if (BrowserDetect.OS == "Mac") {
			this.OS = this.cMac;
		}
		for (var i=0; i<this.aDirections[this.OS].length; i++) {
			if (this.aDirections[this.OS][i][this.pBrowserName] == BrowserDetect.browser) {
				if ((this.aDirections[this.OS][i][this.pBrowserVersion] == BrowserDetect.version)||(this.aDirections[this.OS][i][this.pBrowserVersion] == 0)) {
					this.browser = i;
				}
			}
		}
	
	},
	aDirections : 
	[
		[
			[
				"Opera","0",
				"Go to Preferences in the Tools menu of your browser.",
				"Choose General from the tabs across the top of the popup window.",
				'Press the button marked "Use current".',
				"Click OK to close and save your changes."
			],[ 
				"Firefox","2",
				"Go to Options under the Tools menu of your browser.",
				"Choose Main icon on the top left of the popup window.",
				'Press the button marked "Use Current Page".',
				"Click OK to close and save your changes."
			],[ 
				"Firefox","3",
				"Go to Options in the Tools menu of your browser.",
				"Choose Main from the icons at the top.",
				"Enter " + sWebsite + " in the Home Page field.",
				"Click OK to close and save your changes."
			],[ 
				"Safari","0",
				"Go to Preferences under the Edit menu of your browser.",
				"Choose General icon on the top left of the popup window.",
				'Press the button marked "Set to Current Page".'
			]
		],[
			[
				"Safari","0",
				"Go to Preferences in the Safari menu of your browser.",
				"Choose General from the icons across the top of the popup window.",
				"Enter " + sWebsite + " in the Home Page field.",
				"Click OK to close and save your changes."
			],[
				"Firefox","0",
				"Go to Preferences in the Firefox menu of your browser.",
				"Choose General from the list on the left.",
				"Enter " + sWebsite + " in the Home Page Location(s) field.",
				"Close the window to save changes."
			],[
				"Internet Explorer 6.x","6",
				"Go to Preferences in the Explorer (OSX) or File (OS9) menu of your browser.",
				"Choose Browser Display under the Web Browser listing on the left.",
				"Enter " + sWebsite + " in the Home Page Address field.",
				"Click OK to close and save your changes."
			]
		]
	]

}

function toggleDisplay(sDivName,sTarget) {
	sTableName = sTarget;
	oBlock = document.getElementById("blocker").style;
	oEntry = document.getElementById(sDivName).style;
	if (oBlock.display == "block") {
		oBlock.display = "none";
		oEntry.display = "none";
	} else {
		oBlockDetails = pageSize();
		oBlock.width = oBlockDetails.w + "px";
		oBlock.height = oBlockDetails.h + "px";
		oBlock.display = "block";
		oEntry.display = "block";
		oEntryDetails = pageSize(sDivName);
		//Centre
		oEntry.left = parseInt((oBlockDetails.w - oEntryDetails.w)/2) + "px";
		oEntry.top = parseInt((oBlockDetails.h - oEntryDetails.h)/2) + (-100) + "px";
		obj = document.getElementById(sDivName).getElementsByTagName("DIV");
	}
}

/*
  RETURN PAGE SIZE
*/
function pageSize(sName) {
	var myWidth = 0, myHeight = 0;
	if( typeof( window.innerWidth ) == "number" ) {
		//Non-IE
		if (sName == null) {
			return { w:window.innerWidth,h:window.innerHeight };
		} else {
			myObj = document.getElementById("popup");
			return { w:myObj.offsetWidth,h:myObj.offsetHeight };
		}
	} else if (document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight )) {
		//IE 6+ in 'standards compliant mode'
		return { w:document.documentElement.clientWidth,h:document.documentElement.clientHeight };
	} else if (document.body && ( document.body.clientWidth || document.body.clientHeight )) {
		//IE 4/7 compatible
		if (sName == null) {
			return { w:document.body.clientWidth, h:document.body.clientHeight }
		} else {
			obj = document.getElementById(sName);
			return { w:obj.clientWidth+1, h:obj.clientHeight+1 }
		}
	}
	return { w:0,h:0 };
}	

/*

  DRAG WINDOW
  
  
  NEEDS TO BE UPDATED!!!!!!
  
  
  
  
  

*/
/*
function dragStart(event, id) {
	if (id)
		oDrag.node = document.getElementById(id);
	else {
		if (window.event.srcElement)
			oDrag.node = window.event.srcElement;
		else if (event.target)
			oDrag.node = event.target;

		// Check for parent if text node
		if (oDrag.node.nodeType == 3)
			oDrag.node = oDrag.node.parentNode;
	}
	
	// Get cursor position with respect to the page.
	if (window.event.clientX != null && document.documentElement.scrollLeft != null) {
		x = window.event.clientX + document.documentElement.scrollLeft + document.body.scrollLeft;
		y = window.event.clientY + document.documentElement.scrollTop + document.body.scrollTop;
	} else if (event.clientX != null && window.scrollX != null) {
		x = event.clientX + window.scrollX;
		y = event.clientY + window.scrollY;
	}
	
	//Attach Listeners
	if (document.attachEvent()) {
		document.attachEvent("onmousemove", dragGo);
		document.attachEvent("onmouseup",   dragStop);
		window.event.cancelBubble = true;
		window.event.returnValue = false;
	} else if (document.addEventListener) {
		document.addEventListener("mousemove", dragGo,   true);
		document.addEventListener("mouseup",   dragStop, true);
		event.preventDefault();
	}
	
}
*/

var dragObj = new Object();
dragObj.zIndex = 0;

function dragStart(event, id) {

  var el;
  var x, y;

  // If an element id was given, find it. Otherwise use the element being
  // clicked on.

  if (id)
    dragObj.elNode = document.getElementById(id);
  else {
    if (browser.isIE)
      dragObj.elNode = window.event.srcElement;
    if (browser.isNS)
      dragObj.elNode = event.target;

    // If this is a text node, use its parent element.

    if (dragObj.elNode.nodeType == 3)
      dragObj.elNode = dragObj.elNode.parentNode;
  }

  // Get cursor position with respect to the page.

  if (browser.isIE) {
    x = window.event.clientX + document.documentElement.scrollLeft
      + document.body.scrollLeft;
    y = window.event.clientY + document.documentElement.scrollTop
      + document.body.scrollTop;
  }
  if (browser.isNS) {
    x = event.clientX + window.scrollX;
    y = event.clientY + window.scrollY;
  }

  // Save starting positions of cursor and element.

  dragObj.cursorStartX = x;
  dragObj.cursorStartY = y;
  dragObj.elStartLeft  = parseInt(dragObj.elNode.style.left, 10);
  dragObj.elStartTop   = parseInt(dragObj.elNode.style.top,  10);

  if (isNaN(dragObj.elStartLeft)) dragObj.elStartLeft = 0;
  if (isNaN(dragObj.elStartTop))  dragObj.elStartTop  = 0;

  // Capture mousemove and mouseup events on the page.

  if (browser.isIE) {
    document.attachEvent("onmousemove", dragGo);
    document.attachEvent("onmouseup",   dragStop);
    window.event.cancelBubble = true;
    window.event.returnValue = false;
  }
  if (browser.isNS) {
    document.addEventListener("mousemove", dragGo,   true);
    document.addEventListener("mouseup",   dragStop, true);
    event.preventDefault();
  }
}


function dragGo(event) {

  var x, y;

  // Get cursor position with respect to the page.

  if (browser.isIE) {
    x = window.event.clientX + document.documentElement.scrollLeft
      + document.body.scrollLeft;
    y = window.event.clientY + document.documentElement.scrollTop
      + document.body.scrollTop;
  }
  if (browser.isNS) {
    x = event.clientX + window.scrollX;
    y = event.clientY + window.scrollY;
  }

  // Move drag element by the same amount the cursor has moved.

  dragObj.elNode.style.left = (dragObj.elStartLeft + x - dragObj.cursorStartX) + "px";
  dragObj.elNode.style.top  = (dragObj.elStartTop  + y - dragObj.cursorStartY) + "px";

  if (browser.isIE) {
    window.event.cancelBubble = true;
    window.event.returnValue = false;
  }
  if (browser.isNS)
    event.preventDefault();
}

function dragStop(event) {

  // Stop capturing mousemove and mouseup events.

  if (browser.isIE) {
    document.detachEvent("onmousemove", dragGo);
    document.detachEvent("onmouseup",   dragStop);
  }
  if (browser.isNS) {
    document.removeEventListener("mousemove", dragGo,   true);
    document.removeEventListener("mouseup",   dragStop, true);
  }
}


/*

  Gallery

*/
function switchDisplay(sName) {
	oSource = document.getElementById(sName);	
	oTarget = document.getElementById("displayImg");	
	newLocn = oSource.src;
	ext = newLocn.substring(newLocn.length-4, newLocn.length);
	oTarget.src = newLocn.substring(0, newLocn.length-5) + "l" + ext;
}