/**********************************************************
javascripts for gracepok.com

author:  Grace Pok
gracepok_script.js
version 1.0
************************************************************/
var last_cur_submenu;	// for sub-navigation
var lastclicked_item = 0; 	// for project images



function toggle_submenu(obj) {
	if (obj.className == "submenu" || obj.className == "submenu_hover") {
		obj.className = "submenu_cur";
		if (last_cur_submenu) {
			last_cur_submenu.className = "submenu";
		}
		last_cur_submenu = obj;
	}
}

/* Routines for swapping project images
-------------------------------------------------------------*/
function toggle_projimg(clickedID, filepath) {

	var clicked_item = document.getElementById(clickedID);
	var clickedID_str = new String(clickedID);
	var clicked_num = clickedID_str.substr(3); //extract the # portion of the image

	//if user clicks on the current link again, do nothing.
	if (clicked_item.className == "projImage_cur")
		return;
	
	if (lastclicked_item) {
		lastclicked_item.className = "projImage";
	}

//	$(clickedID).toggleClassName('projImage_cur');
	
	clicked_item.className = 'projImage_cur';
	lastclicked_item = clicked_item;
	
	var obj_image = document.getElementById("projimg");
	obj_image.src = filepath;
	$('caption').innerHTML = imgcaption[clicked_num];
}

/* Event Handlers, building on Prototype.js 
-------------------------------------------------------------*/
Event.observe(window, 'load', loadPageBehaviors, false);

/* setup event handlers */
function loadPageBehaviors(evt) {

/* not needed anymore for main menu... use :hover
	var idx;
	var menuitem = $$("div.menuitem");
	for (idx=0; idx < menuitem.length; idx++) {
		Event.observe(menuitem[idx],'mouseover', menu_over, false);
		Event.observe(menuitem[idx],'mouseout', menu_out, false);
	}
 */
	var idx;
	var menuitem = $('body').getElementsByClassName('submenu', 'submenuframe');
	for (idx=0; idx < menuitem.length; idx++) {
		Event.observe(menuitem[idx],'mouseover', submenu_over, false);
		Event.observe(menuitem[idx],'mouseout', submenu_out, false);
	}
 
}

function submenu_over(evt){	
	var item = Event.element(evt);
	if (item.className == "submenu") {
		item.className = "submenu_hover";
	}
	else if (item.parentNode.className == "submenu") {
		item.parentNode.className = "submenu_hover";
	}
	Event.stop(evt);
}
function submenu_out(evt){	
	var item = Event.element(evt);

	if (item.className == "submenu_hover") {
		item.className = "submenu";
	}
	else if (item.parentNode.className == "submenu_hover") {
		item.parentNode.className = "submenu";
	}
	Event.stop(evt);
}
/* IE hover workaround -- obsolete */
function menu_over(evt){
	var item = Event.element(evt);
	if (item.className == "menuitem") {
		item.className = "menuitem_hover";
	}
	else if (item.parentNode.className == "menuitem"){
		item.parentNode.className = "menuitem_hover";
	}
	Event.stop(evt); //avoid another call related to 'parent_node' itself
}
function menu_out(evt){
	var item = Event.element(evt);
	if (item.className == "menuitem_hover") {
		item.className = "menuitem";
	}
	else if (item.parentNode.className == "menuitem_hover"){
		item.parentNode.className = "menuitem";
	}
	Event.stop(evt); //avoid another call related to 'parent_node' itself
}