// ** Browser/Version/System? ** : Detects browser ID...

var detect = navigator.userAgent.toLowerCase();
var system,browser,version,thestring;

if (check('konqueror')) {
	browser = "Konqueror";
	system = "Linux";
}
else if (check('safari')) browser = "Safari";
else if (check('omniweb')) browser = "OmniWeb";
else if (check('opera')) browser = "Opera";
else if (check('webtv')) browser = "WebTV";
else if (check('icab')) browser = "iCab";
else if (check('msie')) browser = "Internet Explorer";
else if (!check('compatible')) {
	browser = "Netscape Navigator";
	version = detect.charAt(8);
}
else browser = "[unknown]";

if (!version) version = detect.charAt(place + thestring.length);

if (!system) {
	if (check('linux')) system = "Linux";
	else if (check('x11')) system = "Unix";
	else if (check('mac')) system = "Mac";
	else if (check('win')) system = "Windows";
	else system = "[an unknown operating system]";
}

function check(string) {
	place = detect.indexOf(string) + 1;
	thestring = string;
	return place;
}

var	d = document;
var doc = document.getElementById;  // * Used for shortcuts throughtout site...


// ** Changes table-corner SRCs for browsers that do not support filters [non-IE]...

function tablefix() {
	if (browser != "Internet Explorer") {
		doc('green2').src = 'table-corner2-green.gif';
		doc('green3').src = 'table-corner3-green.gif';
		doc('green4').src = 'table-corner4-green.gif';

		doc('red2').src = 'table-corner2-red.gif';
		doc('red3').src = 'table-corner3-red.gif';
		doc('red4').src = 'table-corner4-red.gif';

		doc('blue2').src = 'table-corner2-blue.gif';
		doc('blue3').src = 'table-corner3-blue.gif';
		doc('blue4').src = 'table-corner4-blue.gif';

		doc('white2a').src = 'table-corner2-white.gif';
		doc('white3a').src = 'table-corner3-white.gif';
		doc('white4a').src = 'table-corner4-white.gif';

		doc('white2b').src = 'table-corner2-white.gif';
		doc('white3b').src = 'table-corner3-white.gif';
		doc('white4b').src = 'table-corner4-white.gif';

		doc('white2c').src = 'table-corner2-white.gif';
		doc('white3c').src = 'table-corner3-white.gif';
		doc('white4c').src = 'table-corner4-white.gif';

		doc('line1a').src = 'line-silver-black.gif';
		doc('line2a').src = 'line-silver-black.gif';
	}
	if (screen.width == 640) {			// * Resolution specific fix...
		doc('car').style.bottom = '138px';
	}
}


// ** Opens a page in the current window...

function openpage(page) {
	window.location.href = page;
}


// ** Opens a page in the content iframe ...

function refreshframe(page) {
	frames['prodcat'].window.location.href = page;
}


// ** Changes the class of link colors...

function linkcolor(obj,color) {
	doc(obj).className = color;

}


// ** Changes 'display' property of the object to opposite...

function display(obj) {
	if (doc(obj).style.display != 'block')
		doc(obj).style.display = 'block';
	else if (doc(obj).style.display != 'none')
		doc(obj).style.display = 'none';
}


// ** Enables/disables the greyscale filter [IE only]...

function gray(obj) {
	if (browser = "Internet Explorer") {
		if (doc(obj).filters.gray.enabled != 1)
			doc(obj).filters.gray.enabled = 1;
		else if (doc(obj).filters.gray.enabled != 0)
			doc(obj).filters.gray.enabled = 0;
	}
}


// ** Reveals an object using specific transition [IE only]...

function reveal(obj,num) {
	if (browser = "Internet Explorer") {
		if (doc(obj).style.visibility != 'visible') {
			doc(obj).filters.revealTrans.Apply();
			doc(obj).style.visibility = 'visible';
			doc(obj).filters.revealTrans.transition = num;
			doc(obj).filters.revealTrans.Play();
		}
	}
	else doc(obj).style.visibility = 'visible';
}


// ** Tabs ** : Dynamically changes the section title and content areas on-page...

function changetab(obj1,obj2,obj3) {

var obj1a = obj1 + '1';					// * Assigns variables corresponding to object IDs...
var obj1b = obj1 + '2';
var obj1c = obj1 + '3';
var obj1d = obj1 + '4';

var obj2a = obj2 + '1';
var obj2b = obj2 + '2';
var obj2c = obj2 + '3';
var obj2d = obj2 + '4';

var obj3a = obj3 + '1';
var obj3b = obj3 + '2';
var obj3c = obj3 + '3';
var obj3d = obj3 + '4';

	doc(obj1).onclick = '';				// * Resets mouse events...
	doc(obj1).onmouseover = '';
	doc(obj1).onmouseout = '';

	doc(obj2).onclick = eval('click' + obj2);
	doc(obj2).onmouseover = eval('on' + obj2);
	doc(obj2).onmouseout = eval('off' + obj2);

	doc(obj3).onclick = eval('click' + obj3);
	doc(obj3).onmouseover = eval('on' + obj3);
	doc(obj3).onmouseout = eval('off' + obj3);

	doc(obj1d).onclick = '';
	doc(obj1d).onmouseover = '';
	doc(obj1d).onmouseout = '';

	doc(obj2d).onclick = eval('click' + obj2);
	doc(obj2d).onmouseover = eval('on' + obj2);
	doc(obj2d).onmouseout = eval('off' + obj2);

	doc(obj3d).onclick = eval('click' + obj3);
	doc(obj3d).onmouseover = eval('on' + obj3);
	doc(obj3d).onmouseout = eval('off' + obj3);

	linkcolor(obj1d,'charcoal');		// * Resets link colors...
	linkcolor(obj2d,'silver');
	linkcolor(obj3d,'silver');
	rolloff(obj2);
	rolloff(obj3);

	display(obj1a);						// * Changes title and content...
	display(obj1b);
	display(obj1c);
	if (doc(obj2c).style.display == 'block') {
		display(obj2a);
		display(obj2b);
		display(obj2c);
	}
	if (doc(obj3c).style.display == 'block') {
		display(obj3a);
		display(obj3b);
		display(obj3c);
	}
}


// ** Map ** : Dynamically changes the 'street map' images on-page...

// * Changes the text link colors when hovering specific link...

function hovermap(obj) {
	if (doc(obj).className == 'silver') {
		linkcolor(obj,'green');
	}
	else if (doc(obj).className == 'green') {
		linkcolor(obj,'silver');
	}
}

// * Selects specific map images when clicking the text links...

var maps=new Array(6);
maps[1]="map-level2.jpg";
maps[2]="map-level3.jpg";
maps[3]="map-level4.jpg";
maps[4]="map-level5.jpg";
maps[5]="map-level1.jpg";

var index = 1;

function selectmap(num) {
	index = num;
	revealmap();
}

// * Transitions map images in sequence when clicking the map [IE only]...

function revealmap() {
	linkcolor('level1','silver');		// * Resets text links...
	linkcolor('level2','silver');
	linkcolor('level3','silver');
	linkcolor('level4','silver');
	linkcolor('level5','silver');

	if (index == 1) linkcolor('level2','charcoal');
	if (index == 2) linkcolor('level3','charcoal');
	if (index == 3) linkcolor('level4','charcoal');
	if (index == 4) linkcolor('level5','charcoal');
	if (index == 5) linkcolor('level1','charcoal');

	if (browser = "Internet Explorer") {
		if (doc('maplevel').filters[0].status != 2) {
    	    doc('maplevel').filters[0].Apply();
       		doc('maplevel').src = maps[index];
	        doc('maplevel').filters[0].Play();
			index += 1;
			if (index > 5) index = 1;
		}
	}
	else {
		doc('maplevel').src = maps[index];
		index += 1;
		if (index > 5) index = 1;
	}
}