function tabswap(imgFile,imageId) {
	if (document.getElementById(imageId+"D").style.display == "none") {
        	document.getElementById(imageId+"I").src=imgFile;
	}
}

function makeVisible(divID) {
	var divArray = new Array();
	divArray[0] = "productions";
	divArray[1] = "scenes";
	divArray[2] = "chars";

	var imgArray = new Array();
	imgArray[0] = 'prod';
	imgArray[1] = 'scenes';
	imgArray[2] = 'chars';

	for(var i=0; i<divArray.length; i++) {
		if (divArray[i] == (divID)) {
			document.getElementById(divID+"D").style.display = "block";
			document.getElementById(divID+"I").src='/bunraku/img/'+imgArray[i]+'_on.gif';
                      	document.getElementById(divID+"A").onMouseOver = "javascript:tabswap('/bunraku/img/" + imgArray[i] + "_on.gif','" + divArray[i] + "')";
                      document.getElementById(divID+"A").onMouseOut="javascript:tabswap('/bunraku/img/" + imgArray[i] + "_on.gif','" + divArray[i] + "')";
			//alert('active onMouseOver is now: ' + document.getElementById(divID+"A").onMouseOver);
			//alert('active onMouseOut is now: ' + document.getElementById(divID+"A").onMouseOut);
		}
		else {
			document.getElementById(divArray[i] + "D").style.display = "none";
			document.getElementById(divArray[i]+"I").src='/bunraku/img/'+imgArray[i]+'_off.gif';
			//alert('image is now: ' + document.getElementById(divArray[i]+"I").src);
			document.getElementById(divArray[i]+"A").onMouseOver = "javascript:tabswap('/bunraku/img/" + imgArray[i] + "_on.gif','" + divArray[i] + "')";
			document.getElementById(divArray[i]+"A").onMouseOut="javascript:tabswap('/bunraku/img/" + imgArray[i] + "_off.gif','" + divArray[i] + "')";
			//alert('onMouseOver is now: ' + document.getElementById(divArray[i]+"A").onMouseOver);
			//alert('onMouseOut is now: ' + document.getElementById(divArray[i]+"A").onMouseOut);
			// on mouseover and on mouseout img directives need to swap
		}
	}
} // end FUNCTION makeVisible

// hover over menus
// http://tutorials.alsacreations.com/deroulant/
// hard-coded '10' -- should replace this

window.onload=show;
var intMillisecondsToDelay = 500;
var intTimerId = null;
var strMenuId = null;

function show(id) {
  	if (intTimerId != null) {
		clearTimeout(intTimerId);
		MenuNavbarMouseOut();
  	}
	var d = document.getElementById(id);
	for (var i = 1; i<=10; i++) {
		if (document.getElementById('smenu'+i)) {
			document.getElementById('smenu'+i).style.display='none';
		}
	}
	if (d) { d.style.display='block'; strMenuId = id;}
	//intTimerID = setTimeout('MenuNavbarMouseOut()', intMillisecondsToDelay);

} // end FUNCTION show(id)

/////////////////////////////////////
function MenuNavbarMouseOut()
{
  	intTimerID = setTimeout('MenuNavbarMouseOutTasks()', intMillisecondsToDelay);
}
function MenuNavbarMouseOutTasks() {
	 if (strMenuId)
                document.getElementById(strMenuId).style.display = "none";
}

/////////////////////////////////////
function switchVisuals() {
	var d = document.getElementsByTagName("tr");
	var idValue; 
	var noVisuals = "";

	if (document.getElementById('visualCheck').checked == true) {
		noVisuals = "none";
	}
	else {
		document.getElementById('visualCheck').checked = false; 
	}
	for (var i = 0; i < d.length; i++) {
		idValue = d[i].getAttribute('id');	
		if( (idValue != null) && (idValue.search('novisuals') > -1)) {
			document.getElementById(idValue).style.display=noVisuals;
		}
	}
}


/***************************************************************
 * function toggle(id, msgOff, msgOn)
 *
 * Takes the id of a <div> and sets the style display
 * equal to "block" or "none"
 *
 * If L does not exist, display should be set to "none;"
 * some browsers may issue a warning.
 ***************************************************************/

function toggle(id, msgOff, msgOn) {
        var L = document.getElementById("L"+id);
        var I = document.getElementById("I"+id);
        if (L.style.display == "" || L.style.display == "none") {
                L.style.display = "block";
                I.src = "/bunraku/img/left-on.gif";
                document.getElementById("spanblurb"+id).innerHTML = msgOn;
        } // end IF
        else {
                L.style.display = "none";
                I.src = "/bunraku/img/left-off.gif";
                document.getElementById("spanblurb"+id).innerHTML = msgOff;
        } // end ELSE
} // end FUNCTION toggle(id)