var globalActiveMain = '';
var globalActiveSub = '';

function changeImage(img) {
	if (!(img == globalActiveMain || img == globalActiveSub)) {
		var nameArr = new Array();
		source = document.getElementById(img).src;
		nameArr = source.split('/');
		fileName = nameArr[nameArr.length-1];
		extension = fileName.substr(fileName.length-4,fileName.length);
		prefix = fileName.substr(0,fileName.length-4);
		onName = prefix + "_on" + extension;
		newSource = source.substr(0,source.lastIndexOf('/')+1) + onName;
		return newSource;
	} else {
		newSource = document.getElementById(img).src;
		return newSource;
	}
}

function originalImage(img) {
	if (!(img == globalActiveMain || img == globalActiveSub)) {
		var nameArr = new Array();
		source = document.getElementById(img).src;
		if(source.indexOf('_on') > 0) {
			nameArr = source.split('/');
			fileName = nameArr[nameArr.length-1];
			extension = fileName.substr(fileName.length-4,fileName.length);
			prefix = fileName.substr(0,fileName.length-4);
			newPrefix = fileName.substr(0,fileName.indexOf('_on'));
			onName = newPrefix + extension;
			newSource = source.substr(0,source.lastIndexOf('/')+1) + onName;
			return newSource;
		}  else {
			newSource = document.getElementById(img).src;
			return newSource;
		}
	} else {
		newSource = document.getElementById(img).src;
		return newSource;
	}
} 

function hideMenu() {
	if(!globalActiveSub == '') {
		oldActiveSub = globalActiveSub;
		var fireOnThis = document.getElementById(globalActiveSub);
		if( document.createEvent ) {
			var evObj = document.createEvent('MouseEvents');
			evObj.initEvent( 'click', true, true );
			fireOnThis.dispatchEvent(evObj);
		} else {
			fireOnThis.fireEvent('onclick');
		}	
		globalActiveSub = '';
		document.getElementById(oldActiveSub).src = originalImage(oldActiveSub);
	}
	if(!globalActiveMain == '') {
		oldActiveMain = globalActiveMain;
		var fireOnThis = document.getElementById(globalActiveMain);
		if( document.createEvent ) {
			var evObj = document.createEvent('MouseEvents');
			evObj.initEvent( 'click', true, true );
			fireOnThis.dispatchEvent(evObj);
		} else {
			fireOnThis.fireEvent('onclick');
		}	
		globalActiveMain = '';
		document.getElementById(oldActiveMain).src = originalImage(oldActiveMain);
	}
}

function showMenu(menuName, active, formsBool, evt) {
	if(window.event) {
		window.event.cancelBubble = true; 
	} else {
		evt.stopPropagation();
	}
	oldActive = globalActiveMain;
	globalActiveMain = active;
	subs = document.getElementById('subMenus').childNodes;
	ters = document.getElementById('terMenus').childNodes;
	openMenu = document.getElementById(menuName);
	if(oldActive == active) {
		globalActiveMain = '';
		openMenu.style.display = 'none';
		for(i=0;i<ters.length;i++) {
			if(ters[i].style && ters[i].style.display == 'block') {
				ters[i].style.display = 'none';
			}
		}
		if(!formsBool == 0) { showForms(); }
	} else {
		if(!oldActive == '') {
			document.getElementById(oldActive).src = originalImage(oldActive);
		}
		document.getElementById(active).src = changeImage(active);
		for(i=0;i<subs.length;i++) {
			if(subs[i].style && subs[i].style.display == 'block') {
				subs[i].style.display = 'none';
			}
		}
		for(i=0;i<ters.length;i++) {
			if(ters[i].style && ters[i].style.display == 'block') {
				ters[i].style.display = 'none';
			}
		}
		if(!formsBool == 0) { hideForms(); }
		openMenu.style.display = 'block';
	}
	if(!globalActiveSub == '') {
		oldActive = globalActiveSub;
		globalActiveSub = '';
		document.getElementById(oldActive).src = originalImage(oldActive);
	}
}