function addstyles(){

	//** Build js rendered stylesheet that css validators fail on **
	var jstyle = document.getElementsByTagName("head")[0];
	var lk = document.createElement("link");
	jstyle.appendChild(lk);
	lk.setAttribute("rel", "stylesheet");
	lk.setAttribute("type", "text/css");
	lk.setAttribute("href", "/js-vl.css");
}

 /* ====================================================
 Image Slide Show
==================================================== */

//*** Fader script ***
// http://brainerror.net/scripts/javascript/blendtrans/ for the fade transition

function opacityin(id, opacStart, opacEnd, millisec) { 
//speed for each frame 
var speed = Math.round(millisec / 100); 
var timer = 10; 

//determine the direction for the blending, if start and end are the same nothing happens 
if(opacStart > opacEnd) { 
 for(i = opacStart; i >= opacEnd; i--) { 
     setTimeout("changeOpacin(" + i + ",'" + id + "')",(timer * speed)); 
     timer++; 
 } 
} else if(opacStart < opacEnd) { 
 for(i = opacStart; i <= opacEnd; i++) 
 { 
     setTimeout("changeOpacin(" + i + ",'" + id + "')",(timer * speed)); 
     timer++; 
 } 
} 
} 

//change the opacity for different browsers 
function changeOpacin(opacity, id) { 
var object = document.getElementById(id).style; 
	object.filter = "alpha(opacity=" + opacity + ")"; 
	object.opacity = (opacity / 100); 
	object.MozOpacity = (opacity / 100); 
	object.KhtmlOpacity = (opacity / 100); 
}

function opacityinbk(id, opacStart, opacEnd, millisec) { 
//speed for each frame 
var speed = Math.round(millisec / 100); 
var timer = 10; 

//determine the direction for the blending, if start and end are the same nothing happens 
if(opacStart > opacEnd) { 
 for(i = opacStart; i >= opacEnd; i--) { 
     setTimeout("changeOpacinbk(" + i + ",'" + id + "')",(timer * speed)); 
     timer++; 
 } 
} else if(opacStart < opacEnd) { 
 for(i = opacStart; i <= opacEnd; i++) 
 { 
     setTimeout("changeOpacinbk(" + i + ",'" + id + "')",(timer * speed)); 
     timer++; 
 } 
} 
} 

//change the opacity for different browsers 
function changeOpacinbk(opacity, id) { 
var object = document.getElementById(id).style; 
	object.filter = "alpha(opacity=" + opacity + ")"; 
	object.opacity = (opacity / 100); 
	object.MozOpacity = (opacity / 100); 
	object.KhtmlOpacity = (opacity / 100); 
} 



//*** Image swaper ***
function imagehide() {

	//this hides the initial fade-in image to make way for the full slide-show 	
	document.getElementById("imageslide").style.display = "none";

}

var tgalfade;
var tgalchg;
function imagegallery(nimg) {

	if(document.getElementById("homegallery"))
	{
		window.clearTimeout(tgalfade);
		window.clearTimeout(tgalchg);
		
		phslidet = parseInt(opimages.length)-1;
		
		if (nimg<phslidet)
		{
			nimg=parseInt(nimg)+1;
		}
		else if (nimg>=phslidet)
		{
			nimg = "0";
		}
		
		nimgb=parseInt(nimg)+1;
		if(nimgb>phslidet){nimgb="0";}

		document.getElementById("homegallery").style.background = 'url('+opimages[nimgb]+') no-repeat center center';
		document.getElementById("homegallery").innerHTML = '<div id="slidecontainer" class="imagefade"><img src="'+opimages[nimg]+'" width="452" height="301" alt="'+opimgtitle[nimg]+'" id="imageslidest" /><span id="hgaltitle">'+opimgtitle[nimg]+'</span></div>';
		document.getElementById("imageslidest").style.display = "block";
		
		opacityin('hgaltitle', 0, 100, 500);

		tgalfade = setTimeout("opacityin('slidecontainer', 100, 0, 500)",4400);  
		tgalchg = setTimeout("imagegallery('"+nimg+"')",5000);
	}
}


var stTimeFade;
var timeFade;
var fsTimeFade;
var clientFadeS;
function clientInfo(mf,ct){
	
	if(document.getElementById("clientdetails"))
	{
		changeOpacin('0', 'clientdetails');
		window.clearTimeout(stTimeFade);
		window.clearTimeout(timeFade);
		window.clearTimeout(fsTimeFade);
		window.clearTimeout(clientFadeS);

		mi=parseInt(mf);
		if(ct == "c"){mi=parseInt(mf)-1;}

		if(mi<"5")
		{
			mi=parseInt(mi)+1;
		}
		else if(mi >= "5")
		{
			mi="0";
		}

		if(mi<"0"){mi="5";}

		newdiv = "CI"+parseInt(mi);
		
		document.getElementById("clientdetails").innerHTML = document.getElementById(newdiv).innerHTML;

		stTimeFade = setTimeout("opacityin('clientdetails', 0, 100, 500)",200);

		for(i=0;i<6;i++)
		{
			clitem = "cl"+i;
			document.getElementById(clitem).className = '';
		}

		nclitem = "cl"+parseInt(mi);
		document.getElementById(nclitem).className = 'current';
		
	
		for(g=0;g<6;g++)
		{	
			divid = "nrlink"+g;
			if((bName == "Explorer") && (bVer == "6" || bVer == "7"))
			{
				chgdiv = document.getElementById(divid);
				chgdiv.onclick = function(){stpClientInfo(mi,'a');}
			}
			else
			{
				document.getElementById(divid).setAttribute("onclick","stpClientInfo('"+mi+"','a')");
			}
			document.getElementById(divid).innerHTML = "Pause";
		}
		timeFade = setTimeout("opacityin('clientdetails', 100, 0, 500)",4400);
		clientFadeS = setTimeout("clientInfo('"+mi+"','a')",5100);
	}
}

function stpClientInfo(mi,ct){

	window.clearTimeout(stTimeFade);
	window.clearTimeout(clientFadeS);
	window.clearTimeout(timeFade);
	window.clearTimeout(fsTimeFade);
	
	for(i=0;i<6;i++)
	{	
		divid = "nrlink"+i;
		if((bName == "Explorer") && (bVer == "6" || bVer == "7"))
		{
			chgdiv = document.getElementById(divid);
			chgdiv.onclick = function(){clientInfo(mi,'a');}
		}
		else
		{
			document.getElementById(divid).setAttribute("onclick","clientInfo('"+mi+"','a')");
		}
		document.getElementById(divid).innerHTML = "Resume";
	}
}




function pageHeight() {

//# This script is designed to alter your main content div min-height

var contentdiv = "maincontent"; //enter your content div ID here

//# The figure require to minus from the height of the window == the height of the 'Chrome' of a window 
//# plus any header/footer heights, and margin/paddings! In this case the header/footer total px height
//# is 220.

var headfoot = "275"; //enter your page header footer pixels total here (including padding and margin totals)


//# Each browser type has its own chrome height:
//# IE      = 176 (ish)
//# Firefox = 156 (ish)
//# Opera   = 127 (ish)
//# Safari  = 95  (ish)
//# Chrome  = 63  (ish)

	if (bName == "Explorer")
	{
		var brChrome = 176;
	}
	else if (bName == "Firefox")
	{
		var brChrome = 156;
	}
	else if (bName == "Opera")
	{
		var brChrome = 127;
	}
	else if (bName == "Safari")
	{
		var brChrome = 95;
	}
	else if (bName == "Chrome")
	{
		var brChrome = 63;
	}
	else
	{
		var brChrome = 156;
	}
	
	if (self.pageYOffset) 
	{
		var scrolling = self.pageYOffset;
	} 
	else
	{
		var scrolling = document.documentElement.scrollTop;
	}


	var wheight = screen.availHeight;
	var heighttemp = parseInt(brChrome)+parseInt(headfoot);
	var nheight = wheight-heighttemp;
	
	document.getElementById(contentdiv).style.minHeight=nheight+"px";
	
	var contentheight = document.getElementById(contentdiv).offsetHeight;
	
	var bdheight = parseInt(contentheight)+166;
	
	document.getElementById("mainbody").style.minHeight=bdheight+"px";
	
}

function showTeam(wteam){

	if(wteam == 0)
	{
		for(i=1;i<6;i++)
		{
			tdiv = "t"+i;
			document.getElementById(tdiv).style.backgroundColor = 'transparent';
			document.getElementById(tdiv).style.color = '#343434';
		}
	}
	else
	{
		for(b=1;b<6;b++)
		{
			tdiv = "t"+b;
			document.getElementById(tdiv).style.backgroundColor = 'transparent';
			document.getElementById(tdiv).style.color = '#343434';
		}

		ntdiv = "t"+wteam;
		document.getElementById(ntdiv).style.backgroundColor = '#901A36';
		document.getElementById(ntdiv).style.color = '#ffffff';
	}

}

var newslidea;
var newslideb;
var newslidec;
var newslided;
var newslidee;

function rotateNews(ni){

	window.clearTimeout(newslidea);
	window.clearTimeout(newslideb);
	window.clearTimeout(newslidec);
	window.clearTimeout(newslided);
	window.clearTimeout(newslidee);

	if(document.getElementById("homenews"))
	{
		if(ni >= "4"){ni="0";}

		diva = "hn"+parseInt(ni);
		divb = "hn"+(parseInt(ni)+1);
		
		todiva = "hn0";
		todivb = "hn1";
		if(ni == "0"){todiva = "hn2";todivb = "hn3";}
		
		document.getElementById(todiva).style.display = "none";
		document.getElementById(todivb).style.display = "none";
		changeOpacinbk('0', todiva);
		changeOpacinbk('0', todivb);

		ndiva = "nhnav0";
		ndivb = "nhnav1";

		//alert(divb);

		if(ni == "2")
		{
			ndiva = "nhnav1";
			ndivb = "nhnav0";
		}

		document.getElementById(ndiva).className = "hnon";
		document.getElementById(ndivb).className = "hnoff";

		document.getElementById(diva).style.display = "block";
		document.getElementById(divb).style.display = "block";

		opacityin(diva, 0, 100, 500);
		opacityin(divb, 0, 100, 500);
		newslidea = setTimeout("opacityinbk('"+diva+"', 100, 0, 500)",6400);
		newslideb = setTimeout("opacityinbk('"+divb+"', 100, 0, 500)",6400);
		newslidec = setTimeout("document.getElementById('"+diva+"').style.display = 'none'",7000);
		newslided = setTimeout("document.getElementById('"+divb+"').style.display = 'none'",7000);

		tni=parseInt(ni)+2;
		newslidee = setTimeout("rotateNews('"+tni+"')",7100);
	}
}


/** Added from quirksmode to replace old detect method **/
/** http://www.quirksmode.org/js/detect.html           **/

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: "Chrome",
			identity: "Chrome"
		},
		{ 	string: navigator.userAgent,
			subString: "OmniWeb",
			versionSearch: "OmniWeb/",
			identity: "OmniWeb"
		},
		{
			string: navigator.vendor,
			subString: "Apple",
			identity: "Safari",
			versionSearch: "Version"
		},
		{
			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();

var bName = BrowserDetect.browser;
var bVer = BrowserDetect.version;



window.onload = function (){imagegallery('-1');rotateNews('0');clientInfo('-1','a');}