// ********************************
// application-specific functions *
// ********************************
winLeft = (screen.width-400)/2; 
winTop = (screen.height-(200+110))/2; 

function popUp(URL) {
newpage = window.open(URL, 'popup', 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=400,height=200,left='+winLeft+',top='+winTop);
}

var leftside=0;
function setMiddle() {
if(window.innerWidth){ //if browser supports window.innerWidth
leftside=parseInt(window.innerWidth/2)-8;
}else if(document.all){ //else if browser supports document.all (IE 4+)
leftside=parseInt(document.body.clientWidth/2);
}
if(leftside<391){
leftside=391;
}
}
setMiddle();
function showMenu(menuNumber, eventObj) {
    hideAllMenus();
    var menuId = 'menu' + menuNumber;
    if(changeObjectVisibility(menuId, 'visible')) {
	var menuTitle = getStyleObject('menuTitle' + menuNumber);
	menuTitle.backgroundColor = '#ff9900';
	eventObj.cancelBubble = true;
	return true;
    } else {
	return false;
    }
} 

var numMenus = 7;

function hideAllMenus() {
    for(counter = 1; counter <= numMenus; counter++) {
	changeObjectVisibility('menu' + counter, 'hidden');
	var menuTitle = getStyleObject('menuTitle' + counter);
	menuTitle.backgroundColor = '#000000';
    }
}

document.onmouseover = hideAllMenus;

function getStyleObject(objectId) {
    // cross-browser function to get an object's style object given its id
    if(document.getElementById && document.getElementById(objectId)) {
	// W3C DOM
	return document.getElementById(objectId).style;
    } else if (document.all && document.all(objectId)) {
	// MSIE 4 DOM
	return document.all(objectId).style;
    } else if (document.layers && document.layers[objectId]) {
	// NN 4 DOM.. note: this won't find nested layers
	return document.layers[objectId];
    } else {
	return false;
    }
} 
// getStyleObject

function changeObjectVisibility(objectId, newVisibility) {
    // get a reference to the cross-browser style object and make sure the object exists
    var styleObject = getStyleObject(objectId);
    if(styleObject){
	styleObject.visibility = newVisibility;
	return true;
    } else {
	// we couldn't find the object, so we can't change its visibility
	return false;
    }
}  
// changeObjectVisibility

function moveObject(objectId, newXCoordinate) {
    // get a reference to the cross-browser style object and make sure the object exists
    var styleObject = getStyleObject(objectId);
    if(styleObject) {
	styleObject.left = leftside+newXCoordinate;
	return true;
    } else {
	return false;
    }
} 
// moveObject