// JavaScript Document
//preload hp bg images
var preloaded = new Array();
function preload_images() {
    for (var i = 0; i < arguments.length; i++){
        preloaded[i] = document.createElement('img');
        preloaded[i].setAttribute('src',arguments[i]);
    };
};
preload_images(
    '/images/bg_fpage_wavebox1.jpg',
    '/images/bg_fpage_wavebox2.jpg',
    '/images/bg_fpage_wavebox3.jpg',
    '/images/bg_fpage_wavebox4.jpg'
);



function swapBox(whichBox) {
	
	//need to modify this function to not do anything if I click on the active tab...

	
	if(document.getElementById("fpage_onlinetour").style.visibility=="visible" && whichBox=="events"){

	    //if tour currently visible, hide it
	    document.getElementById("fpage_onlinetour").style.visibility="hidden";
	    document.getElementById("fpage_onlinetour").style.display="none";
	    //show tour off button state
	    document.getElementById("btn0_swapbox").style.backgroundImage = "url(images/btn_onlinetour.gif)";
	    
	    //show events
	    document.getElementById("fpage_events").style.visibility="visible";
	    document.getElementById("fpage_events").style.display="";
	    //show events on button state
	    document.getElementById("btn1_swapbox").style.backgroundImage = "url(images/btn_events-over.gif)";
	    
	    //swap link classes
	    document.getElementById("btnTour").setAttribute("class", "swapBoxOff");
	    document.getElementById("btnTour").setAttribute("className", "swapBoxOff");
	    document.getElementById("btnEvents").setAttribute("class", "swapBoxOn");
	    document.getElementById("btnEvents").setAttribute("className", "swapBoxOn");
	    //alert( document.getElementById("btnTour").style.className);
	    
	} else {
	
	    if(document.getElementById("fpage_events").style.visibility=="visible" && whichBox=="tour"){
	        // show tour
	        document.getElementById("fpage_onlinetour").style.visibility="visible";
	        document.getElementById("fpage_onlinetour").style.display="";
	        //show tour on button state
	        document.getElementById("btn0_swapbox").style.backgroundImage = "url(images/btn_onlinetour-over.gif)";

    	    
	        //hide events
	        document.getElementById("fpage_events").style.visibility="hidden";
	        document.getElementById("fpage_events").style.display="none";
	        //show events off button state
	        document.getElementById("btn1_swapbox").style.backgroundImage = "url(images/btn_events.gif)";
    	    
	        //swap link classes
	        document.getElementById("btnTour").setAttribute("class", "swapBoxOn");
	        document.getElementById("btnTour").setAttribute("className", "swapBoxOn");
	        document.getElementById("btnEvents").setAttribute("class", "swapBoxOff");
	        document.getElementById("btnEvents").setAttribute("className", "swapBoxOff");
	    }
	}
	
}

function swapImage(imgName, sFilename, mouseEvent) {
	if (imgName.indexOf("wavebox")!=-1) {
		numDiv = imgName.charAt(3);
		theDiv =  document.getElementById("text" + numDiv + "_wavebox");
		for (i=1;i<5;i++) {
			currentDiv = document.getElementById("text" + i + "_wavebox");
			currentDiv.style.display = "none";
			document.images["btn" + i + "_wavebox"].src = "images/btn" + i + "_wavebox.jpg";
			
			
			
			}
		theDiv.style.display = "block";
		document.images["btn" + numDiv + "_wavebox"].src = "images/btn" + numDiv + "_wavebox-over.jpg";
		
		
		//set bg image
		document.getElementById("homeRight").style.background = "url('/images/bg_fpage_wavebox" + numDiv + ".jpg') right"
		}
	else {	
		thisImgSrc = document.images[imgName].src
		if (thisImgSrc.indexOf(".gif")!=-1) { imgType = ".gif"; } else { imgType = ".jpg"; }
		document.images[imgName].src = "images/" + sFilename + mouseEvent + imgType
	}
}

startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("nav_main");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
  }
  node.onmouseout=function() {
  this.className=this.className.replace
        (" over", "");
   }
   }
  }
 }
}
window.onload=startList;
