// Set up the image files to be used.
var theImages = new Array() // do not change this
// To add more image files, continue with the
// pattern below, adding to the array.

theImages[0] = 'hp-mainimage1.jpg'
theImages[1] = 'hp-mainimage2.jpg'
theImages[2] = 'hp-mainimage3.jpg'
theImages[3] = 'hp-mainimage4.jpg'
theImages[4] = 'hp-mainimage5.jpg'
theImages[5] = 'hp-mainimage6.jpg'
theImages[6] = 'hp-mainimage7.jpg'
theImages[7] = 'hp-mainimage8.jpg'


// do not edit anything below this line

var j = 0
var p = theImages.length;
var preBuffer = new Array()
for (i = 0; i < p; i++){
   preBuffer[i] = new Image()
   preBuffer[i].src = theImages[i]
}
var whichImage = Math.round(Math.random()*(p-1));
function showImage(){
document.write('<img src="images/pics/'+theImages[whichImage]+'">'); 
}


// absolutely positioned scrollable area object scripts 
// Extension developed by David G. Miles 
// Original Scrollable Area code developed by Thomas Brattli 

function verifyCompatibleBrowser(){
	this.ver=navigator.appVersion
	this.dom=document.getElementById?1:0
	this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom)?1:0;
	this.ie4=(document.all && !this.dom)?1:0;
	this.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0;
	this.ns4=(document.layers && !this.dom)?1:0;
	this.bw=(this.ie5 || this.ie4 || this.ns4 || this.ns5)
	return this
}
bw=new verifyCompatibleBrowser()

var speed=25

var loop, timer

function ConstructObject(obj,nest){
	nest=(!nest) ? '':'document.'+nest+'.'
	this.el=bw.dom?document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?eval(nest+'document.'+obj):0;
	this.css=bw.dom?document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?eval(nest+'document.'+obj):0;
	this.scrollWidth=bw.ns4?this.css.document.width:this.el.offsetWidth
	this.clipWidth=bw.ns4?this.css.clip.width:this.el.offsetWidth
	this.left=MoveAreaLeft;this.right=MoveAreaRight;
	this.MoveArea=MoveArea; this.x; this.y;
	this.scrollHeight=bw.ns4?this.css.document.height:this.el.offsetHeight
	this.clipHeight=bw.ns4?this.css.clip.height:this.el.offsetHeight
	this.up=MoveAreaUp;this.down=MoveAreaDown;
	this.obj = obj + "Object"
	eval(this.obj + "=this")
	return this
}
function MoveArea(x,y){
	this.x=x;this.y=y
	this.css.left=this.x
	this.css.top=this.y
}
function MoveAreaRight(move){
	if(this.x>-this.scrollWidth+objContainer.clipWidth){
	this.MoveArea(this.x-move, 0)
	if(loop) setTimeout(this.obj+".right("+move+")",speed)
	}
}
function MoveAreaLeft(move){
	if(this.x<0){
	this.MoveArea(this.x-move,0)
	if(loop) setTimeout(this.obj+".left("+move+")",speed)
	}
}
function MoveAreaDown(move){
	if(this.y>-this.scrollHeight+objContainer.clipHeight){
	this.MoveArea(0,this.y-move)
	if(loop) setTimeout(this.obj+".down("+move+")",speed)
	}
}
function MoveAreaUp(move){
	if(this.y<0){
	this.MoveArea(0,this.y-move)
	if(loop) setTimeout(this.obj+".up("+move+")",speed)
	}
}
function PerformScrollLeftRight(scrollobjekt, speed){
	if(initialised){
	loop=true;
	if(speed>0) scrollobjekt.right(speed)
	else scrollobjekt.left(speed)
	}
}
function PerformScrollUpDown(scrollobjekt, speed){
	if(initialised){
	loop=true;
	if(speed>0) scrollobjekt.down(speed)
	else scrollobjekt.up(speed)
	}
}
function CeaseScroll(){
	loop=false
	if(timer) clearTimeout(timer)
}
var initialised;
function InitialiseScrollableArea(){
	objContainer=new ConstructObject('divContainer')
	objScroller=new ConstructObject('divContent','divContainer')
	objScroller.MoveArea(0,0)
	objContainer.css.visibility='visible'
	initialised=true;
}
// end absolutely positioned scrollable area object scripts

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_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];}
}

function MM_openBrWindow(theURL,winName,features) { //v2.0
  window.open(theURL,winName,features);
}

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;
}

//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
// Menu generation script
//History
// 	11/11/2002 	Gary Payne
//		Created
// 	29/11/2002 	Gary Payne
//		Corrected the cross browser support for NN6
//	04/12/2002	Gary Payne
//		Modified for use with <span class=des>design<span class=in>in</span>dustry</span>
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
//State Variables:	
	var eOpenMenu = null;
	var elOpen    = null;
	var elPreviousId = null;

//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
//Browser Detect:	
	var isNS4 = (document.layers) ? true : false;
	var isIE4 = (document.all && !document.getElementById) ? true : false;
	var isIE5 = (document.all && document.getElementById) ? true : false;
	var isNS6 = (!document.all && document.getElementById) ? true : false;

	if(isNS6){
		document.captureEvents(Event.MOUSEOVER)
		document.onmouseover = mouseover;
		document.captureEvents(Event.MOUSEOUT)
		document.onmouseout = mouseout;
	}
	else {
		document.onmouseover = mouseover;
		document.onmouseout = mouseout;
	}

//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
//Constants:

    var GIF_PATH_ROOT = "Main_site/images/icons/";
    
    var MAIN_MENU_PREFIX = "tdMenuBarItem";
    var SUB_MENU_PREFIX = "divMenu";

    var SUB_MENU_ITEM = "clsMenuItem";
    var SUB_MENU_GROUP = "clsMenu";
    var MENU_PARENT_GROUP  = "mnicon";

//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
//Functions
	function OpenMenu(eSrc,eMenu)
	{	
		//Determine the left offset
		var intImgWidth;
		var strImgWidth = new String(eSrc.width);
		if (isNaN(strImgWidth))
			intImgWidth = Number('0')
		else
			intImgWidth = Number(strImgWidth)

		var intImgHeight;
		if (isNS6)
			intImgHeight = Number('14')
		else
			intImgHeight = Number('20')
	
		if (isIE5 || isNS6) {
			eMenu.style.left = parseInt(getAbsX(eSrc)) + intImgWidth + 'px';
			eMenu.style.top  = parseInt(getAbsY(eSrc)) + intImgHeight + 'px';
			eMenu.style.visibility = "visible";
		}
        elOpen    = eSrc.sourceIndex+1;
		eOpenMenu = eMenu;		
	}
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

	function CloseMenu(eSrc, eMenu)
	{
		eMenu.style.visibility = "hidden";
		eOpenMenu = null;
	}
		
	function getParentTag(eSrc, strTagName) {
		var eNode = eSrc.parentNode;
		if (eNode.tagName == strTagName)
			return eNode
		else {
			return getParentTag(eNode, strTagName)
		}
	}
	
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~	
	function mouseover(e)
	{
		if(isNS6) {
			var eSrcOrigin = e.target;
			var eSrc = eSrcOrigin.parentNode;
		}
		else {
			var eSrc = window.event.srcElement;
			var eSrcOrigin = eSrc;
		}
		//alert(eSrc.tagName + ' (' + eSrc.className + ') and parent is ' + eSrc.parentNode.tagName);
		if (eSrc && (eSrc.className == MENU_PARENT_GROUP))
		{
		//alert('Mouse over the ' + eSrc.tagName + ' with classname ' + eSrc.className + ' and ID ' + eSrc.id);

			//The mouseover event fires twice in Nav - must be after the new image appears
			if (elPreviousId == eSrc.id)
				return;

			toggleIcon(eSrc);

			elPreviousId = eSrc.id;
							
			var subMenuName = eSrc.id.replace(MAIN_MENU_PREFIX,SUB_MENU_PREFIX);
			var eMenu = document.getElementById(subMenuName);

			if (eOpenMenu && eOpenMenu != eMenu) {
				CloseMenu(eSrc, eOpenMenu);	
			}
			if (eMenu) {
				OpenMenu(eSrc,eMenu);	
			}
						
			return;
		}

		//Close the menu if the cursor is over any element
		// apart from a child element of the current menu
		if (eOpenMenu && (eSrcOrigin.className != SUB_MENU_ITEM))
		{	
			if (isNS6) {
				if (eSrcOrigin.tagName && (eSrcOrigin.className != SUB_MENU_GROUP)) {
					CloseMenu(eSrcOrigin, eOpenMenu);		
				}
			}
			else {
				if (!eOpenMenu.contains(eSrcOrigin)) {
					CloseMenu(eSrcOrigin, eOpenMenu);		
				}
			}
			elPreviousId = null;
		}
		
	}

//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~	
	function mouseout(e)
	{
		if(isNS6)
			var eSrc = e.target;
		else
			var eSrc = window.event.srcElement;

		if (eSrc && (eSrc.className == MENU_PARENT_GROUP))
			toggleIcon(eSrc);
		
		if (eSrc.className && (eSrc.className != SUB_MENU_ITEM) && (eSrc.className != SUB_MENU_GROUP))
		{
			var eMenu = document.getElementById(eSrc.id.replace(MAIN_MENU_PREFIX,SUB_MENU_PREFIX));
			if (eOpenMenu && eOpenMenu != eMenu) {
				CloseMenu(eSrc, eOpenMenu);	
			}
		}
			
		elPreviousId = null;
			
	}	

//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
//Toggle the menu parent icon
function toggleIcon(eSrc) {

	if(isNS6) {
		if (elPreviousId == eSrc.id)
			return;
	}

	var elIcon = eSrc;
	var strImgSrc = new String(elIcon.src);
	var strNewImgSrc;
	
	if (strImgSrc.search(/-mo.gif/gi) == -1) 
		strNewImgSrc = strImgSrc.replace(/.gif/gi, "-mo.gif");
	else
		strNewImgSrc = strImgSrc.replace(/-mo.gif/gi, ".gif");
	eSrc.src = strNewImgSrc;	
}

//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
// get the true offset of anything on NS4, IE4/5 & NS6, even if it's in a table!
function getAbsX(elt) { 
	return (elt.x) ? elt.x : getAbsPos(elt,"Left"); 
}

function getAbsY(elt) { 
	return (elt.y) ? elt.y : getAbsPos(elt,"Top"); 
}

function getAbsPos(elt,which) {
	iPos = 0;
	while (elt != null) {
		iPos += elt["offset" + which];
		elt = elt.offsetParent;
	}
	return iPos;
}