// Code borrowed from K10K.net



// CHECK CLIENT BROWSER & PLATFORM

// Works: IE4+, NS4+, Opera



	var its;

	var browserName = '';

	var browserNameLong = '';

	var browserNew = '';

	var preloadFlag = false;

	var Macintosh = navigator.userAgent.indexOf('Mac')>0;



	function its() {

		var n = navigator;

		var ua = ' ' + n.userAgent.toLowerCase();

		var pl = n.platform.toLowerCase();

		var an = n.appName.toLowerCase();



		// browser version

		this.version = n.appVersion;

		this.nn = ua.indexOf('mozilla') > 0;



		// 'compatible' versions of mozilla aren't navigator

		if(ua.indexOf('compatible') > 0) {

			this.nn = false;

		}

		

		this.opera = ua.indexOf('opera') > 0;

		this.ie = ua.indexOf('msie') > 0;

		this.major = parseInt( this.version );

		this.minor = parseFloat( this.version );



		// platform

		this.mac = ua.indexOf('mac') > 0;

		this.win = ua.indexOf('win') > 0;



		// workaround for IE5 which reports itself as version 4.0

		if(this.ie) {

			if(ua.indexOf("msie 5") > 1) {

			var msieIndex = navigator.appVersion.indexOf("MSIE") + 5;

			this.major = parseFloat(navigator.appVersion.substr(msieIndex,3));

			}

		}



		return this;

	}



	function browserNaming() {

		its = new its();

		

		// is it a DOM-enabled browser?

		if (!document.getElementById) {

			browserNew = false;

		}

		else {

			browserNew = true;

		}



		// need the name, too

		if (its.opera) {

			browserName = "Opera";

		}

		else if (its.ie) {

			browserName = "IE";

		}

		else {

			browserName = "NS";

		}



		// and the number

		browserNameLong = browserName + its.major;

	}

	



// PRELOADING THE MOUSEOVER IMAGES

// Works: IE4+, NS4+, Opera



	function createObject(imgName,imgSrc) {

		if (loadingFlag) {

			eval(imgName + ' = new Image()');

			eval(imgName + '.src = "' + imgSrc + '"');

			return imgName;

		}

	}





// MOUSEOVER IMAGE SWITCHING

// Works: IE4+, NS4+, Opera

// Notes: NS4 needs the DIV-name in there if image is in a DIV



	function changeImage(layer,imgName,imgObj) {

		if (preloadFlag) {

			if (browserNew) {

				document.getElementById(imgName).src = eval(imgObj+'.src');

			}

			if ((!browserNew) && (browserName == "NS") && (layer!=null)) {

				eval('document.'+layer+'.document.images["'+imgName+'"].src = '+imgObj+'.src');

			}

			else {

				document.images[imgName].src = eval(imgObj+'.src');

			}

		}

	}





// POPUP WINDOW

// Works: IE4+, NS4+, Opera

// Notes: IE4/IE4.5 for the mac spawns windows 17px too short



	function spawn(theURL,windowName,width,height) {

		if (width != null && height != null) {

			if ((Macintosh) && ((browserNameLong == "IE4") || (browserNameLong == "IE4.5"))) {

		 		var newheight = parseInt(height + 17);

			} else {

				var newheight = height;

			}

			return window.open(theURL,windowName,'toolbar=0,location=0,directories=0,status=1,menubar=0,scrollbars=1,width='+width+',height='+newheight+',resizable=0');

		} else {

			return window.open(theURL);

		}

	}

	

	function opWin(theURL) {

		window.open(theURL);

	}



	function spawnEvil(theURL,windowName,width,height) {

 		window.open(theURL,windowName,'toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,width='+width+',height='+height+',resizable=0');

	}





// REMOVES THE LINK BORDER IN IE4+, NS6

// Works: IE4+, NS6+

// Notes: In NS6 the select tags are not blurred



	function unblur() {

		this.blur();

	}





	function getLinksToBlur() {

		if ((browserNew) || (browserName == "IE")) {

			if (browserNew) {

				links = document.getElementsByTagName("a");

			}

			else {

				links = document.all.tags("a");

			}

			for(i=0; i<links.length; i++) {

				links[i].onfocus = unblur

			}

		}

		if (browserName == "IE") {

			if (browserNew) {

				drops = document.getElementsByTagName("select");

			}

			else {

				drops = document.all.tags("select");

			}

			for(i=0; i<drops.length; i++) {

				drops[i].onfocus = unblur

			}

		}

	}





// DOM / GET PROPERTY

// Works: IE5+, NS6+, Opera



	function getIdProperty(id,property) {

		var styleObject = document.getElementById( id );

		if (styleObject != null) {

			styleObject = styleObject.style;

				if (styleObject[property]) {

					return styleObject[ property ];

				}

			}

		return (styleObject != null) ?

		styleObject[property] :

		null;

	}





// DOM / SET PROPERTY

// Works: IE5+, NS6+, Opera



	function setIdProperty(id,property,value) {

		var styleObject = document.getElementById( id );

		if (styleObject != null) {

			styleObject = styleObject.style;

			styleObject[ property ] = value;

		}

	}



function movr (i,o) {

	changeImage(null,i+'B',i+'On');

	self.status=o.title;

}



function mout (i) {

	changeImage(null,i+'B',i+'Off');

	self.status='';

}

function movrli (i,o,b) {
	setIdProperty(i, "listStyleImage", "url(images/"+b+"_bullet_w.gif)");
//	setIdProperty(i, "paddingLeft", "8px");
	self.status=o.title;
}



function moutli (i) {
	setIdProperty(i, "listStyleImage", "url(transparent.gif)");
//	setIdProperty(i, "paddingLeft", "0");
	self.status='';
}

function initPage (pre, post) {
	// preloads the normal images
	loadingFlag = true;

	// buttons
	createObject('profileOn','/images/'+pre+'_profile_c.gif');
	createObject('profileOff','/images/'+pre+'_profile_'+post+'.gif');

	createObject('projectsOn','/images/'+pre+'_projects_c.gif');
	createObject('projectsOff','/images/'+pre+'_projects_'+post+'.gif');

	createObject('clientsOn','/images/'+pre+'_clients_c.gif');
	createObject('clientsOff','/images/'+pre+'_clients_'+post+'.gif');

	createObject('awardsOn','/images/'+pre+'_awards_c.gif');
	createObject('awardsOff','/images/'+pre+'_awards_'+post+'.gif');

	createObject('contactOn','/images/'+pre+'_contact_c.gif');
	createObject('contactOff','/images/'+pre+'_contact_'+post+'.gif');

	// sets the preload flag
	loadingFlag = false;
	preloadFlag = true;

	// removes the link boxes in IE
	getLinksToBlur();
}