// JavaScript Document

//--browser detection for crappy microsoft
var isIE = null;
if (navigator.appName.indexOf('Microsoft Internet Explorer') != -1) {
isIE=1;
}

//-- rollovers
if (document.images) {
     roll_1 = new Image;
     roll_2 = new Image;
     roll_3 = new Image;
     roll_4 = new Image;
     roll_5 = new Image;
     roll_6 = new Image;
     roll_7 = new Image;
	 roll_8 = new Image;
	 roll_1_over = new Image;
	 roll_2_over = new Image;
	 roll_3_over = new Image;
	 roll_4_over = new Image;
	 roll_5_over = new Image;
	 roll_6_over = new Image;
	 roll_7_over = new Image;
	 roll_8_over = new Image;
	 
     roll_1.src = '../images/nav1.jpg';
     roll_1_over.src = '../images/nav1_over.jpg';
	 roll_2.src = '../images/nav2.jpg';
     roll_2_over.src = '../images/nav2_over.jpg';
	 roll_3.src = '../images/nav3.jpg';
     roll_3_over.src = '../images/nav3_over.jpg';
	 roll_4.src = '../images/nav4.jpg';
     roll_4_over.src = '../images/nav4_over.jpg';
	 roll_5.src = '../images/nav5.jpg';
     roll_5_over.src = '../images/nav5_over.jpg';
	 roll_6.src = '../images/nav6.jpg';
     roll_6_over.src = '../images/nav6_over.jpg';
	 roll_7.src = '../images/nav7.jpg';
     roll_7_over.src = '../images/nav7_over.jpg';
	 roll_8.src = '../images/nav8.jpg';
     roll_8_over.src = '../images/nav8_over.jpg';
	 }

//--navigation menus
function shownav(layerID, evt){
var layer = 'navbox' + layerID;
var container = document.getElementById(layer);
container.style.visibility = 'visible';
var whichImg = (evt.target) ? evt.target.id : ((evt.srcElement) ? evt.srcElement.id : null);
var currentImg = document.getElementById(whichImg);
var xPos = currentImg.offsetLeft;
if(isIE==1){
var pagepos = document.getElementById('page');
var xoffset = pagepos.offsetLeft;
container.style.left = xPos + xoffset + 4 + 'px';
}
else{container.style.left = xPos + 4 + 'px';
}
}

function hidenav(layerID){
var layer = 'navbox' + layerID;
var container = document.getElementById(layer);
container.style.visibility = 'hidden';
}


//-- content divider
function setdivider() {
var a = document.getElementById('content1');
var b = document.getElementById('content2');
if (a.offsetHeight >= b.offsetHeight){
a.style.backgroundImage = 'url(../images/1px-block.gif)';
b.style.backgroundImage = 'none';
}
else{
b.style.backgroundImage = 'url(../images/1px-block.gif)';
a.style.backgroundImage = 'none';
}
}