var class_menu_on = "menu_on"
var class_menu_off  = "menu_off"
var class_submenu_on = "submenu_on"


function Menu(name,xPos, yPos, width, linkArr, url) {
	this.name = name
	this.xPos = xPos
	this.yPos = yPos
	this.width = width
	this.linkArr = linkArr
	this.url = url
	
	this.init = function() {
		var html = ""
		if (this.linkArr) {
			html = "<DIV ID='"+ this.name +"' STYLE='display: none; z-index: 2; position: absolute; left: " + this.xPos + "px; top: " + this.yPos + "px;'>"
				 + "<TABLE WIDTH='" + this.width +  "' BORDER='0' CELLSPACING='0' CELLPADDING='3'>"
			for (var i = 0 ; i < this.linkArr.length ; i++) {
				html += "<TR HEIGHT='24'><TD ID='" + this.name + i + "' CLASS=menu_on "
				if (this.linkArr[i].url.indexOf("javascript:") != -1) {
					html += "onMouseover='" + this.linkArr[i].url.substring(11) + "'"
				} else {
					html += "onClick='location.href=\""+ this.linkArr[i].url + "\"' onMouseover='toggleMenu(\"\",\"" + this.name + "\");this.className=\"" + class_submenu_on + "\"' onMouseout='this.className=\"" + class_menu_on + "\"'"
				}
				html += ">" + this.linkArr[i].text
				if (this.linkArr[i].subMenu) {
					html += "<IMG SRC='images/bullet1.gif' WIDTH='7' HEIGHT='7' ALT='' BORDER='0' STYLE='position:absolute;right:9px;top:"+ (i*24 + 9)+"px'>"
				}
				html += "</TD></TR>"
			}
			html += "</TABLE>"
			html += "</DIV>"
			for (var i = 0 ; i < this.linkArr.length ; i++) {
				if (this.linkArr[i].subMenu) {
					if (this.linkArr[i].subMenu.linkArr) {
					
						html += "<DIV ID='"+ this.linkArr[i].subMenu.name +"' STYLE='display: none; z-index: 2; position: absolute; left: " + this.linkArr[i].subMenu.xPos + "px; top: " + this.linkArr[i].subMenu.yPos + "px;'>"
							 +  "<TABLE WIDTH='" + this.linkArr[i].subMenu.width +  "' BORDER='0' CELLSPACING='0' CELLPADDING='3'>"
						for (var j = 0 ; j < this.linkArr[i].subMenu.linkArr.length ; j++) {
							html += "<TR HEIGHT='24'><TD NOWRAP CLASS='" + class_menu_on + "' onClick='"
							if (this.linkArr[i].subMenu.linkArr[j].url.indexOf("javascript:") != -1) {
								html += this.linkArr[i].subMenu.linkArr[j].url
							} else {
								html += "location.href=\""+ this.linkArr[i].subMenu.linkArr[j].url + "\""
							}
							html += "' onMouseover='this.className=\"" + class_submenu_on + "\"' onMouseout='this.className=\"" + class_menu_on + "\"'>"
								 +  this.linkArr[i].subMenu.linkArr[j].text
								 +  "</TD></TR>"
						}
						html += "</TABLE></DIV>"						
					}
				}
			}
			//alert(html)
		} else {
			html = "<DIV ID='"+ this.name +"' STYLE='display: none; position: absolute; left: " + this.xPos + "px; top: " + this.yPos + "px;'></DIV>"
		}
		document.write(html)
	}
}

function Link(text,url,subMenu) {
	this.text = text
	this.url = url
	this.subMenu = subMenu
}

function toggleMenu(divName, parentMenu) {

// this line added by michal to make the layer that calles this function (and is above the flash) active.  the layer itself is in includes/topbar.inc 
//alert(divName)
if (divName) toggleLayer.style.display = "block";


//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
// this is for the MOVIE in film.shtml
if (divName|| parentMenu) {
	try {
		document.getElementById("player").style.visibility="hidden";
		}
	catch(e) {
		}
	}
else {
	try {
		document.getElementById("player").style.visibility="visible";
		}
	catch(e) {
		}
}
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~


	var turn_on = false
	if (!parentMenu) {
		for (var i=0  ; i < myMenus.length ; i++) {
			if (myMenus[i].name == divName && document.all[divName].style.display == "none") {
				document.all[divName].style.display = ""
				document.all[divName+"Cell"].className= class_menu_on
				if (myMenus[i].linkArr.length > 0 ) turn_on = true
			} else {
				document.all[myMenus[i].name].style.display = "none"
				if (document.all[myMenus[i].name+"Cell"]) {
					document.all[myMenus[i].name+"Cell"].className = (myMenus[i].name == "time")? "menu_off_time" : class_menu_off
				}

				if (myMenus[i].linkArr) {
					for (var j=0 ; j < myMenus[i].linkArr.length ; j++) {
						if (myMenus[i].linkArr[j].subMenu) {
								document.all[myMenus[i].linkArr[j].subMenu.name].style.display = "none"
						}
					}
				}
			}
		}
	} else {
		for (var i=0  ; i < myMenus.length ; i++) {
			if (myMenus[i].name == parentMenu && myMenus[i].linkArr) {
				for (var j=0 ; j < myMenus[i].linkArr.length ; j++) {
					if (myMenus[i].linkArr[j].subMenu) {
						if (myMenus[i].linkArr[j].subMenu.name == divName && document.all[divName].style.display == "none" ) {
							document.all[divName].style.display = ""
							document.all[myMenus[i].name+j].className = class_submenu_on
						} else {
							document.all[myMenus[i].linkArr[j].subMenu.name].style.display = "none"
							if (document.all[myMenus[i].name+j]) document.all[myMenus[i].name+j].className = class_menu_on
						}
					}
				}
			}
		}
		turn_on = true
	}
	
	// deleted by michal cause the flash doesn't have to be on top anymore 
	//if (document.all["flash"]) {
	//	document.all["flash"].style.display = (turn_on) ? "none" : ""
	//}
}

function goUrl(divName) {
	for (var i=0  ; i < myMenus.length ; i++) {
		if (myMenus[i].name == divName && myMenus[i].url && myMenus[i].url.length > 0) {
				location.href = myMenus[i].url
		}
	}
}