//<!--

/////////////////////////////////////////////////////////////////
////////// please let me know if you use my code           //////
////////// no, really just drop me a line                  //////
////////// iain@arnison.net                                //////
////////// CopyRight 2006 Planned Sites                    //////
/////////////////////////////////////////////////////////////////


var layerRef="null",layerStyleRef="null",styleSwitch="null",leftSwitch="null",topSwitch="null",show="show",hide="hide",height,width;
var newPageName = "index.asp";

var timer;


explorer = (document.all) ? true:false;
netscape = (document.layers) ? true:false;
dom = (document.getElementById) ? true:false;


//----------------popup variables---------------

var left = Math.round(screen.availWidth/2)
var top = Math.round(screen.availHeight/2)
var windowCount = 0

//----------------popup variables---------------


//run Imediately
if(explorer){
	//width = document.body.offsetWidth;
	//height = document.body.offsetHeight;

	layerStyleRef="layer.style.";
	layerRef="document.all";
	styleSwitch=".style";
	leftSwitch=".pixelLeft";
	topSwitch=".pixelTop";
	show = "visible";
	hide = "hidden";
	window.document.onmousemove = IEmouseMove;
}

if(netscape){
	width = window.innerWidth;
	height = window.innerHeight;

	layerStyleRef="layer.";
	layerRef="document.layers";
	styleSwitch="";
	leftSwitch=".left";
	topSwitch=".top";
	show = "show";
	hide = "hide";	
	window.captureEvents(Event.MOUSEMOVE | Event.MOUSEDOWN | Event.MOUSEUP);
	window.onmousemove=NNmouseMove;
}

if(dom){
	width = 2000;
	height = 2000;

	layerRef="document.getElementById";
	styleSwitch=".style";
	leftSwitch=".left";
	topSwitch=".top";
	show = "visible";
	hide = "hidden";
	window.document.onmousemove = IEmouseMove;
}

	/////////////// capture event stuff ////////////
	function NNmouseMove(e) {cmx = e.pageX; cmy = e.pageY;}
	function IEmouseMove() {cmx = window.event.x;cmy = window.event.y;}

//----------layer functions----------------
function getLayerReference(layerName){
	if(netscape || (explorer && !dom))
		return (layerRef+"['"+layerName+"']");
	else
		return (layerRef+"('"+layerName+"')");
}
function getLayerRef(layerName){
	if(netscape || (explorer && !dom))
		return eval(layerRef+"['"+layerName+"']");
	else
		return eval(layerRef+"('"+layerName+"')");
}

function showLayer(layerName){
	eval(getLayerReference(layerName)+styleSwitch+'.display="";');
}

	
function hideLayer(layerName){
	eval(getLayerReference(layerName)+styleSwitch+'.display="none";');
}

function moveTo(layerName, left, top){
	eval(getLayerReference(layerName)+styleSwitch+topSwitch+' ="'+top+'";');
	eval(getLayerReference(layerName)+styleSwitch+leftSwitch+' ="'+left+'";');
}
	
function moveBy(layerName, dX, dY){
	eval(getLayerReference(layerName)+styleSwitch+topSwitch+' ='+layerRef+'["'+layerName+'"]'+styleSwitch+topSwitch+' + ' +dY+ ";");
	eval(getLayerReference(layerName)+styleSwitch+leftSwitch+' ='+layerRef+'["'+layerName+'"]'+styleSwitch+leftSwitch+' + '+dX+ ";");
}	

function getX(layerName){
	return eval(getLayerReference(layerName)+styleSwitch+leftSwitch+ ";");
}


function getLayerTop(layerName){
	return eval(getLayerReference(layerName)+styleSwitch+topSwitch+ ";");
}



/////////////////////;o) Layer Code ///////////////////
function toggelLayer(elementId){
	var theElement = document.getElementById( elementId );
	if(theElement.style.display!=''){
		theElement.style.display = '';
	}else{
		theElement.style.display = 'none';
	}
}


/////////////////////;o) style Code ///////////////////
function changeStyle(elementID,className){
	//alert(elementID);
	if(document.getElementById( elementID )!=null){
		document.getElementById( elementID ).className=className;
	}
}


function showBiog(nLayer){

	hideLayer('OurServices');
	hideLayer('CanExpect');
	hideLayer('Testimonials');

//	nWidth= 
	newLeft = (getBrowserWidth() / 2)-(780/2)+148

	if (newLeft < 148){ newLeft = 148; }
	if (newLeft != 0){ moveTo(nLayer,  newLeft,187 ) }
	

	resetTimer();
	showLayer(nLayer);
}

function showAboutUs(nLayer){

	hideLayer('Peter');
	hideLayer('Jean');
	hideLayer('Simon');	

	showLayer(nLayer);
}


function resetTimer(){
	timer = 0;
}

function startTimer(nLayer,nTime){
	timer += 1;
	if(nTime < timer){
		hideLayer(nLayer);
	}else{
		setTimeout("startTimer('"+nLayer+"','"+nTime+"')", 300);
	}
}

function getBrowserWidth(){
		winW = 0;
		if (parseInt(navigator.appVersion)>3) {
			 if (navigator.appName=="Netscape") {
				  winW = window.innerWidth;
			 }
			 if (navigator.appName.indexOf("Microsoft")!=-1) {
				  winW = document.body.offsetWidth;
			 }
		}

		return winW
}

///////////////////:o) timer code ////////////////////
function resetTimer(){
	timer = 0;
}

function startTimer(nLayer,nTime){
	timer += 1;
	if(nTime < timer){
		hideLayer(nLayer);
	}else{
		setTimeout("startTimer('"+nLayer+"','"+nTime+"')", 300);
	}
}

function getBrowserWidth(){
		winW = 0;
		if (parseInt(navigator.appVersion)>3) {
			 if (navigator.appName=="Netscape") {
				  winW = window.innerWidth;
			 }
			 if (navigator.appName.indexOf("Microsoft")!=-1) {
				  winW = document.body.offsetWidth;
			 }
		}

		return winW
}

//////////////////:o) Array Funcitons code ////////////////////////////
function inArray(nArray,nItem){
		ret = false;
		for(i=0;i<nArray.length;i++){if(nArray[i]==nItem){ret = true;}}
		return ret;
}

function itemFromArray(nArray,nItem){
	ret = new Array();j = 0;
	for(i=0;i<nArray.length;i++){
		if(nArray[i]!=nItem){
			ret[j] = nArray[i];
			j++;
		}
	}
	return ret;
}

//////////////////:o) Menu code ////////////////////////////
menuflag = true;
stillover = false;
menuArray = new Array();

var parentObj = null;
var parLayer = null;

/////////////////:o) Menu Veriables /////////////////////////

menuOverStyle = "Over";
menuStartLeft = -30;
menuStartTop = 18;
menuWidth = 80;
menuItemHeight = 17;
menuTimeOut = (60*15*2);

menuDirectionSwitch = 1;

var stillover = false;

function showMenu(layerName){
	
	// kill Syblings //
	menuKillSyblings(layerName);


/*	if (parentObj == null)
	{
		parentObj = getLayerRef("menu0").offsetParent
	}
*/
	// add into array to hide afterwards //
	if(!inArray(menuArray,layerName)){
		menuArray[menuArray.length] = layerName;
	}

	// count levels for maths
	arr = layerName.split("-");
	levels = arr.length - 1;




////////////////////////////////////////////////////////////////////////////////////////
//////////////////////    only changes for vertical menu	   /////////////////////////
////////////////////////////////////////////////////////////////////////////////////////

	// error Fix for first item in list, not behaving.
	if(parLayer !=null){
		parArr = parLayer.split("-");
		parLevels = parArr.length - 1;
		if((levels==2)&&(parLevels==1))
		{
			parentObj =  getLayerRef(layerName).offsetParent;
		}
	}


	menuStartPoint = 200;
	menuStartPoint += levels*menuWidth;

	if( (menuStartPoint+(menuArray.length*100)) > 700){
		menuDirectionSwitch = -1;
	}else{
		menuDirectionSwitch  = 1;
	}


	if (level==1)
	{
		newLeft = menuStartLeft + (arr[levels]*menuWidth);
		newTop= menuStartTop;
	}else{

		newLeft = parentObj.offsetWidth * menuDirectionSwitch;
		newTop= (menuItemHeight * (arr[levels] ) ) - 1;
	}

////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////end of only changes//////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////

	parentObj = getLayerRef(layerName).offsetParent;
	parLayer = layerName



	// show menu //
	showLayer(layerName);
	moveTo(layerName, newLeft, newTop);
	stillover = true;
}

//change rollover style
function menuOver(obj){
	//Change style
	if (obj!=null){
		str = document.getElementById( obj.id ).className
    	changeStyle(obj.id,str+menuOverStyle);
    }
}

function menuOut(obj){
	if (obj!=null){
		str = document.getElementById( obj.id ).className
		if (str.indexOf(menuOverStyle) != -1){
    		changeStyle(obj.id,str.substring(0,str.indexOf(menuOverStyle)));
		}
    }
}

// ********** hide all on time and over
function menuStillOver(obj){
	stillover = true;
	clearTimeout(0);
}


function menuOutCheck(obj){
	stillover = false;
	nTime = menuTimeOut;
	setTimeout("hideMenu('"+obj.id+"')", nTime);
}

function hideMenu(layerName){
	// start timer //
	if (!stillover){
		len = menuArray.length
		for(i=0;i<len;i++){
			if(!stillover){
				menuItem = menuArray.pop();
				hideLayer(menuItem);
			}
		}
	}

}

function menuKillSyblings(layerName){
	arr = layerName.split("-");
	level = arr.length - 1;

	tA = new Array();
	

	menuArray.sort();
	len = menuArray.length
	for(i=0;i<len;i++){
			nLevel = menuArray[i].split("-").length - 1;
			if (level <= nLevel){
				menuItem = menuArray.pop();
				hideLayer(menuItem);
			}
	}

}


///////////////////////// debug code
///////////////////////// out to put onscreen textarea called area1
function debug(str){
	var d = new Date();
	var now = d.getHours() + ":" + d.getMinutes() + ":" + d.getSeconds();
	nStr = getLayerRef("area1").value;
	getLayerRef("area1").value =nStr+"\n"+ now +" : " + str;

}

//////////// images to swap;

imageArray = new Array();
function setImages(){
	imageArray[0] = "images/1.jpg";
	imageArray[1] = "images/2.jpg";
	imageArray[2] = "images/3.jpg";
	imageArray[3] = "images/4.jpg";
	imageArray[4] = "images/5.jpg";
	imageArray[5] = "images/6.jpg";
	imageArray[6] = "images/7.jpg";
	imageArray[7] = "images/8.jpg";
	imageArray[8] = "images/9.jpg";

	pickImages();
}

function pickImages(){
	tNum = Math.round( Math.random() * imageArray.length);
	swapImage("image1", imageArray(tNum));

	tNum = Math.round( Math.random() * imageArray.length);
	swapImage("image2", imageArray(tNum));

	tNum = Math.round( Math.random() * imageArray.length);
	swapImage("image3", imageArray(tNum));
}


function swapImage(iName,iSrc) {
	alert(iName);
	document.images[iName].src = iSrc;	
}

function ShowDateTime()
{
	var months = new Array("Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec");
	
	var span = document.getElementById("Date");
	var display;
	var d = new Date();
	
	display = months[d.getMonth()];
	display = display + " " + PadOut(d.getDate());
	display = display + " " + d.getFullYear();
	display = display + " " + PadOut(d.getHours()) + ":" + PadOut(d.getMinutes()) + ":" + PadOut(d.getSeconds());
	
	span.innerText = display;
	
	setTimeout("ShowDateTime()", 1000);
}

function PadOut(number)
{
	if (number < 10)
		return "0" + number;
	else
		return number;
}

//-->