// System 1 - 2 State Image Buttons
// preload navbar graphics
if (document.images) {
	img1on = new Image(); img1on.src = "images/nav_1-on.gif"
	img2on = new Image(); img2on.src = "images/nav_2-on.gif"
	img3on = new Image(); img3on.src = "images/nav_3-on.gif"
	img4on = new Image(); img4on.src = "images/nav_4-on.gif"
	img5on = new Image(); img5on.src = "images/nav_5-on.gif"
	img6on = new Image(); img6on.src = "images/nav_6-on.gif"
	img7on = new Image(); img7on.src = "images/nav_7-on.gif"
	img8on = new Image(); img8on.src = "images/nav_8-on-2.gif"
	img9on = new Image(); img9on.src = "images/nav_9-on.gif"
	img10on = new Image(); img10on.src = "images/nav_10-on-2.gif"
	img11on = new Image(); img11on.src = "images/nav_11-on.gif"
	img12on = new Image(); img12on.src = "images/nav_12-on.gif"

	img1off = new Image(); img1off.src = "images/nav_1.gif"
	img2off = new Image(); img2off.src = "images/nav_2.gif"
	img3off = new Image(); img3off.src = "images/nav_3.gif"
	img4off = new Image(); img4off.src = "images/nav_4.gif"
	img5off = new Image(); img5off.src = "images/nav_5.gif"
	img6off = new Image(); img6off.src = "images/nav_6.gif"
	img7off = new Image(); img7off.src = "images/nav_7.gif"
	img8off = new Image(); img8off.src = "images/nav_8-2.gif"
	img9off = new Image(); img9off.src = "images/nav_9.gif"
	img10off = new Image(); img10off.src = "images/nav_10-2.gif"
	img11off = new Image(); img11off.src = "images/nav_11.gif"
	img12off = new Image(); img12off.src = "images/nav_12.gif"


}

currentStepText="";
currentImageName="";
currentImageID="";

// Function to 'activate' mouse rollover images
// Usage: onMouseOver="imgOn('img1');
function imgOn(imgName) {
	if (document.images) {
		//alert(imgName)
		document[imgName].src = eval(imgName + "on.src");
	}
}

// Function to 'deactivate' mouse rollover images
// Usage: onMouseOut="imgOff('img1');
function imgOff(imgName) {
	if (document.images) {
		//alert(imgName)
		document[imgName].src = eval(imgName + "off.src");
	}
}

// Update left nav frame on main page load
function loadNav(navPage) {
	alert("loadNav = " + navPage);
	parent.frames.nav2.location.replace(navPage);
}


// System 2 - 3 State Image Buttons
// preload navbar graphics
if (document.images) {
	/*
	navhome=new Image(); navhome.src="images/nav_home.gif"
	navhomeOver=new Image(); navhomeOver.src="images/nav_home-on.gif"
	navhomeStep=new Image(); navhomeStep.src="images/nav_home_step.gif"
	*/
}

// RollOver Function
// Usage: onMouseOver=mIn('navhome','navhomeOver');
function mIn(imageID,imageName) {
	document.images[imageID].src = eval(imageName + ".src");
}
// RollOut Function
// Usage: onMouseOut=mOut('navhome','navhome');
function mOut(imageID,imageName) {
	if  ((currentImageID != "") && (currentImageName != "") && (currentImageID == imageID)){
		document.images[currentImageID].src = eval(currentImageName + ".src");
		//document.images[imageID].src = eval(imageName + ".src");
	} else {
		document.images[imageID].src = eval(imageName + ".src");
	}
}

// Nav Description Rollover
// Usage: change('Return to Home');
function change(which){
	if(which==0){
		document.all.navDescription.innerHTML = ""
		if (currentStepText != ""){
			document.all.navDescription.innerHTML = currentStepText
		}
	} else {
		document.all.navDescription.innerHTML = which
	}
}

// Show User Progress
// Usage: userProgress('navhome', 'navhomeOver', 'Current Step: Select Topic');
function userProgress(imageID,imageName,stepText){
	currentStepText = stepText
	currentImageName = imageName
	currentImageID = imageID
	document.images[imageID].src = eval(imageName + ".src");
	document.all.navDescription.innerHTML = currentStepText;
}

function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_showHideLayers() { //v6.0
  var i,p,v,obj,args=MM_showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
    obj.visibility=v; }
}

function MM_goToURL() { //v3.0
  var i, args=MM_goToURL.arguments; document.MM_returnValue = false;
  for (i=0; i<(args.length-1); i+=2)
		eval(args[i]+".location='"+args[i+1]+"'");
}

function MM_openBrWindow(theURL,winName,features) { //v2.0
  window.open(theURL,winName,features);
}

function MM_changeProp(objName,x,theProp,theValue) { //v6.0
  var obj = MM_findObj(objName);
  if (obj && (theProp.indexOf("style.")==-1 || obj.style)){
    if (theValue == true || theValue == false)
      eval("obj."+theProp+"="+theValue);
    else eval("obj."+theProp+"='"+theValue+"'");
  }
}

function displayFloatingDiv(divId, title, width, height, left, top) 
{
    DivID = divId;

    document.getElementById('dimmer').style.visibility = "visible";

    document.getElementById(divId).style.width = width + 'px';
    document.getElementById(divId).style.height = height + 'px';
    document.getElementById(divId).style.left = left + 'px';
    document.getElementById(divId).style.top = top + 'px';
    
    var addHeader;
    
    if (originalDivHTML == "")
        originalDivHTML = document.getElementById(divId).innerHTML;
    
    addHeader = '<table style="width:' + width + 'px" class="floatingHeader">' +
                '<tr><td ondblclick="void(0);" onmouseover="over=true;" onmouseout="over=false;" style="cursor:move;height:18px">' + title + '</td>' + 
                '<td style="width:18px" align="right">' + 
                'Close...</td></tr></table>';
    

    // add to your div an header    
    document.getElementById(divId).innerHTML = addHeader + originalDivHTML;
    
    
    document.getElementById(divId).className = 'dimming';
    document.getElementById(divId).style.visibility = "visible";


}