function showDropDown(id){
	var theDropDown = get_element(id);
	theDropDown.style.display = "block";
	//theDropDown.style.zIndex = 5;
	get_element('backdrop').style.visibility = "visible";		
	//get_element('flash').style.zIndex = 5;
}

function hideDropDown(id){
	var theDropDown = get_element(id);
	theDropDown.style.display = "none";
	get_element('backdrop').style.visibility = "hidden";
}

get_element = document.all ?
function (s_id) { return document.all[s_id] } :
function (s_id) { return document.getElementById(s_id) };

function getHeight(name) {    
	var tmpElem = get_element(name);
	if(tmpElem.currentStyle) return tmpElem.offsetHeight;       
	else return parseInt(document.defaultView.getComputedStyle(tmpElem, "").getPropertyValue("height"));   
}

function setHeight(name,name2) {
	var tmpElem = get_element(name);
	var tmpElem2 = get_element(name2);
	var height1 = getHeight(name);
	var height2 = getHeight(name2);
	
	//alert("height1 : "+height1);
	//alert("height2 : "+height2);
	if( height2 >= height1+70)
		tmpElem.style.height = getHeight(name2)-70+"px";
	else tmpElem2.style.height = getHeight(name)+70+"px";
}

function newImage(arg) {				
	if (document.images) {
		rslt = new Image();
		rslt.src = arg;
		return rslt;
	}
}

function changeImages() {
	if (document.images && (preloadFlag == true)) {
		for (var i=0; i<changeImages.arguments.length; i+=2) {
			document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
		}
	}
}

var preloadFlag = false;
function preloadImages() {
	if (document.images) {	
		nav01_home_over = newImage("../images/topNav_nav1On.gif");
		nav02_over = newImage("../images/topNav_nav2On.gif");
		nav03_over = newImage("../images/topNav_nav3On.gif");
		nav04_over = newImage("../images/topNav_nav4On.gif");
		nav05_over = newImage("../images/topNav_nav5On.gif");
		nav06_over = newImage("../images/topNav_nav6On.gif");
		nav06_over = newImage("../images/topNav_nav7On.gif");
		nav06_over = newImage("../images/topNav_nav8On.gif");
		
		drop1_over = newImage("../images/dropDown1Over.gif");
		drop2_over = newImage("../images/dropDown2Over.gif");
		drop3_over = newImage("../images/dropDown3Over.gif");
		drop4_over = newImage("../images/dropDown4Over.gif");
		drop5_over = newImage("../images/dropDown5Over.gif");
		drop6_over = newImage("../images/dropDown6Over.gif");

		preloadFlag = true;
	}
}


//function to display or hide a given element
var currentOpentAnswer = 1;
var timeInterval;
function showHideItems(myItem){
//this is the ID of the hidden item
	if(currentOpentAnswer != myItem){
        //items are currently displayed, so hide them
		var workingItem = get_element("item"+myItem);
		var currentItem = get_element("item"+currentOpentAnswer);
        workingItem.style.display = "block";
		currentItem.style.display = "none";
		currentOpentAnswer = myItem;
		timeInterval = setInterval(changeHeight,1000);
	}

   

}

function changeHeight(){
	setHeight('rightTop','leftContent2');
	clearInterval(timeInterval); 
}

/*
function rollImage(out, over) {

	if (document.images) {
		//create a new image and give it the value specified
		this.out = new Image();
		this.out.src = out;
		//create a new mouse over image and give file name passed
		this.over = new Image();
		this.over.src = over;
	}
}

var nav = []; //set the length of the array to hold the navagational emlements.
	var preloadFlag = false; // the preloadFlage is set to true when all the images are loaded.
	function myPreloadImages() {
	if (document.images) {//alert("L O A D I N G"); //Is the call being made to this method?	
		nav[0] = new rollImage("images/mouseOverDemo.gif", "images/mouseOverDemo_over.gif");
		nav[1] = new rollImage("images/flashDetect.gif", "images/flashDetect_over.gif");
		nav[2] = new rollImage("images/active_X.gif", "images/active_X_over.gif");
		preloadFlag = true;//turn flag on after images have been loaded
	}
}
*/