/********************************************************************************
 * common.js
 * Author:		Shawn Driscoll | lispwriter@gmail.com
 * For:				sinclairaia.com
 *******************************************************************************/

//
// global array of menu item names
var ar_items = [ "home", "portfolio", "publications", "recognition", "contacts" ];

/********************************************************************************
// printMenu
// Prints the HTML for the site menu
 *******************************************************************************/
function printMenu() {
	var i = 0;
	// print images
	for(i=0; i<ar_items.length; i++) {
		document.writeln("<img src=\"images/m-" + ar_items[i] + ".jpg\" id=\"" + ar_items[i] + "\" border=\"0\" />");
	}
}

/********************************************************************************
// setMenuMouseEffects
// Applies functions to the mouse events for menu items.
 *******************************************************************************/
function setMenuMouseEffects() {
	var i=0;
	// loop through menu items and apply mouse over and out functions
	for(i=0; i<ar_items.length; i++) {
		e_img = document.getElementById(ar_items[i]);
		e_img.onmouseover = menuMouseEffect;
		e_img.onmouseout = menuMouseEffect;
		//e_img.onclick = menuLinkHandler;
	}
}

/********************************************************************************
// menuMouseEffect
// Handles over and out events. Swaps over and out images.
 *******************************************************************************/
function menuMouseEffect(event) {	
	// vars
	var e = event || window.event;
	var e_img = e.target || e.srcElement;
	var currentState = e_img.src.indexOf("over");
	var sz_pre = "images/m-" + e_img.id;
	var sz_over = "-over";
	var sz_ext = ".jpg";

	// perform effect
	if(currentState > 0) {
		e_img.src = sz_pre + sz_ext;
		e_img.style.cursor = "default";
	}
	else {
		e_img.src = sz_pre + sz_over + sz_ext;
		e_img.style.cursor = "pointer";
	}		
}

/********************************************************************************
// menuLinkHandler
// Mouse click event handler for menu images.
 *******************************************************************************/
function menuLinkHandler(event) {
	// vars
	var e = event || window.event;
	var e_img = e.target || e.srcElement;
	
	window.location = "index.php?m=" + e_img.id;
}