/* --------------------------------------------------------------------------detect browser & version, then apply appropriate css */

var browser=navigator.appName;
var publisher=navigator.appCodeName;
var Vendor=navigator.vendor;
var os=navigator.platform;
var b_version=navigator.appVersion;
var version=parseFloat (b_version);

if (browser == "Microsoft Internet Explorer") {
	document.write ('<link ' + 'href="css/tda_ie.css" link rel="stylesheet" type="text/css" media="screen, tv, tty, aural, braille" />' +
			'<link ' + 'href="css/tda_iePrint.css" rel="stylesheet" type="text/css" media="print, projector" />');
	} else {
		if (browser == "Opera") {
			document.write ('<link ' + 'href="css/tda_opera.css" link rel="stylesheet" type="text/css" media="screen, tv, tty, aural, braille" />' +
					'<link ' + 'href="css/tda_print.css" rel="stylesheet" type="text/css" media="print, projector" />');
			} else {
				if (Vendor == "Apple Computer, Inc.") {
					document.write ('<link ' + 'href="css/tda_opera.css" link rel="stylesheet" type="text/css" media="screen, tv, tty, aural, braille" />' +
							'<link ' + 'href="css/tda_print.css" rel="stylesheet" type="text/css" media="print, projector" />');
					} else {
					document.write ('<link ' + 'href="css/tda_main.css" link rel="stylesheet" type="text/css" media="screen, tv, tty, aural, braille" />' +
							'<link ' + 'href="css/tda_print.css" rel="stylesheet" type="text/css" media="print, projector" />');
					}
				}
			}

/* document.write ("Browser name: " + browser);
document.write ("<br />");
document.write ("publisher: " + publisher);
document.write ("<br />");
document.write ("vendor: " + Vendor);
document.write ("<br />");
document.write ("OS: " + os);
document.write ("<br />");
document.write ("Browser version: " + b_version); */

/* -------------------------------------------------------------------------------------------preload main navigation link images */

if (document.images) {
	var linksOver = new Array();
	linksOver[0] = new Image();
	linksOver[1] = new Image();
	linksOver[2] = new Image();
	linksOver[3] = new Image();
	linksOver[4] = new Image();
	linksOver[5] = new Image();
	linksOver[6] = new Image();

	linksOver[0].src = "images/main_nav/linkhomeact.gif";
	linksOver[1].src = "images/main_nav/linkaboutusact.gif";
	linksOver[2].src = "images/main_nav/linkcapabilitiesact.gif";
	linksOver[3].src = "images/main_nav/linkportfolioact.gif";
	linksOver[4].src = "images/main_nav/linkcontactact.gif";
	linksOver[5].src = "images/main_nav/linkemploymentact.gif";
	linksOver[6].src = "images/main_nav/refl_linkemploymentact.gif";

	var linksOut = new Array();
	linksOut[0] = new Image();
	linksOut[1] = new Image();
	linksOut[2] = new Image();
	linksOut[3] = new Image();
	linksOut[4] = new Image();
	linksOut[5] = new Image();
	linksOut[6] = new Image();

	linksOut[0].src = "images/main_nav/linkhome.gif";
	linksOut[1].src = "images/main_nav/linkaboutus.gif";
	linksOut[2].src = "images/main_nav/linkcapabilities.gif";
	linksOut[3].src = "images/main_nav/linkportfolio.gif";
	linksOut[4].src = "images/main_nav/linkcontact.gif";
	linksOut[5].src = "images/main_nav/linkemployment.gif";
	linksOut[6].src = "images/main_nav/refl_linkemployment.gif";
	}

function rollOver(id,j) {
	if (document.images) document.getElementById(id).src = linksOver[j].src;
	if (j == 5) document.getElementById('refllink').src = linksOver[j+1].src;
	}	

function rollOut(id,j) {
	if (document.images) document.getElementById(id).src = linksOut[j].src;
	if (j == 5) document.getElementById('refllink').src = linksOut[j+1].src;
	}

/* ---------------------------------------------------------------------------------------------load client image & image numbers */

var client = new Array();
var clientRefl = new Array();

function loadClient(type,c,n) {

	if (type == 'featured') {
		imagesFolder = 'news_images';
		} else {
			imagesFolder = 'portfolio_images';
			}
	iNumbers = document.getElementById('imgNos');
	nos = "<strong>"
	for (i=0; i<n; i++) {
		serviceType = type;
		clientNum = c;
		client[i] = new Image();
		client[i].src = "images/" + imagesFolder + "/" + serviceType + "/client" + clientNum + "/img" + (i+1) + ".jpg";
		clientRefl[i] = new Image();
		clientRefl[i].src = "images/" + imagesFolder + "/" + serviceType + "/client" + clientNum + "/refl" + (i+1) + ".jpg";
		if (n > 1) {
			nos = nos + "<a href='#' onclick='swapImg(" + (i+1) + ")'>" + (i+1) + "</a>&nbsp;&nbsp;";
			}	
		}
	nos = nos + "</strong>";
	iNumbers.innerHTML = nos;
	}

/* ------------------------------------------------------------------------------------------------------------swap client images */

var x = 0;

function swapImg(x) {

	document.getElementById("img01").src = client[x-1].src;
	document.getElementById("reflimg01").src = clientRefl[x-1].src;
	for (i=0; i <= client.length; i++) {
		document.getElementsByTagName("a")[i+5].style.color = "#999999";
		}
	document.getElementsByTagName("a")[x+5].style.color = "#f71721";	
  	}

/* -----------------------------------------------------------------------------------------loads & handles roll overs for arrows */

var arrows = new Array();
var arrowsOn = new Array();

function loadArrows() {

	for (i=0; i<2; i++) {
		arrows[i] = new Image();
		arrowsOn[i] = new Image();
		}

	arrows[0].src = "images/portfolio_nav/main/port_arrow_pre.gif";
	arrows[1].src = "images/portfolio_nav/main/port_arrow_nex.gif";

	arrowsOn[0].src = "images/portfolio_nav/main/port_arrow_pre_on.gif";
	arrowsOn[1].src = "images/portfolio_nav/main/port_arrow_nex_on.gif";

	}

function arrowOn(id,x) {
	if (document.images) document.getElementById(id).src = arrowsOn[x].src;
	}

function arrowOff(id,x) {
	if (document.images) document.getElementById(id).src = arrows[x].src;
	}