/* simple menu system for mikagika ltd. */
/* copyright 2009, mikagika ltd.        */

// build the menu
function mgmenu_build() {
	var ohtml = "";
	var mclass;
	var melem = $('mgmenu_divMenu');
	for (var k=0;k<mgmenu_vars.menu.length;k++) {
		if (k == mgmenu_vars.selected) {
			mclass = 'mgmenu_msel';
		}
		else {
			mclass = 'mgmenu_mopt';
		}
		ohtml += "<span id='mgitem-main-"+k+"' class='mgmenu_menu "+mclass+"' onclick='mgmenu_click(event,"+k+")'>"+mgmenu_vars.menu[k].text+"</span>";
	}	
	$('mgmenu_divMenu').innerHTML = ohtml; 
	mgmenu_select(mgmenu_vars.selected);	 
}

// select one of the menu items  
// i = main item
// s = sub item  (not currently implemented) 
function mgmenu_select(i,s) {
	$('mgitem-main-'+mgmenu_vars.selected).toggleClassName('mgmenu_msel');  // turn off currently selected
	$('mgitem-main-'+mgmenu_vars.selected).toggleClassName('mgmenu_mopt'); 
	mgmenu_vars.selected = i;	// new selection
	$('mgitem-main-'+mgmenu_vars.selected).toggleClassName('mgmenu_msel');  // turn on new selected
	$('mgitem-main-'+mgmenu_vars.selected).toggleClassName('mgmenu_mopt'); 
	$('mgmenu_ifrmContent').src = mgmenu_vars.menu[i].page;					// display the page
}

// handle clicking on a menu item
function mgmenu_click(ev,i,s) {
	mgmenu_select(i,s);
}