//var activatedMainMenuItem;
var buttonCount = 6;
var jsMenuSystem = new Array();

jsMenuSystem.SetupMainMenu = function() {
	for(var i = 1; i <= buttonCount; i++) {
		var img = document.createElement("IMG");
		img.id = i;
		img.src = "images/btn" + i + ".gif";

		img.className = "button";
		img.onmouseover = jsMenuSystem.Enlight;
		img.onmouseout = jsMenuSystem.Darken;
		img.style.width = 141;
		if(i == buttonCount) {
			img.style.width = 148;
		}
		

		var menuOnclick = new jsEvent.EventRouter(img, "onclick");
		menuOnclick.addListener(jsPageLoader.InitLoad);

		document.getElementById("mainMenu").appendChild(img);
	}
}

jsMenuSystem.Enlight = function() {
	if(this.src.indexOf("activated") == -1) {
		this.src = "images/btn" + this.id + lang_str + "_lit.gif";
	}
}

jsMenuSystem.Darken = function() {
	if(this.src.indexOf("activated") == -1) {
		this.src = "images/btn" + this.id + lang_str + ".gif";
	}
}

jsMenuSystem.Activate = function(e) {
	var target = jsResources.getTarget(e);

	if(activatedMainMenuItem != null) {
		activatedMainMenuItem.src = "images/btn" + activatedMainMenuItem.id + lang_str + ".gif";
	}

	target.src = "images/btn" + target.id + lang_str + "_activated.gif";
	document.getElementById("subMenu").className = "part btn" + target.id + "_submenu";

	activatedMainMenuItem = target;
}

jsMenuSystem.EnlightIlink = function(e) {
	this.className = "ilinkhover";
}

jsMenuSystem.DarkenIlink = function(e) {
	this.className = "ilink";
}

jsMenuSystem.EnlightSubMenuItem = function(e) {
	if(this.className == "submenuitem") {
		this.className = "submenuitemhover";
	}
}

jsMenuSystem.DarkenSubMenuItem = function(e) {
	if(this.className == "submenuitemhover") {
		this.className = "submenuitem";
	}
}