if (window.addEventListener)
	window.addEventListener("load", pageLoad, false);
else if (window.attachEvent)
	window.attachEvent("onload", pageLoad);
else
	window.onload = pageLoad;

function pageLoad() {
	menuEffect2("topmenu");
}

//transverse
function menuEffect1(fid) {
	var menudd = document.getElementById(fid).getElementsByTagName("LI");
	if (fid == "topmenu") {
		var widthSubMenu = 864;
		var widthMenuDd = 96;
		var widthLeftSpace = 100;
		for (var i=0; i<menudd.length; i++) {
			if (!menudd[i].children[1]) continue;
			with(menudd[i].children[1])
			{
				style.left = ""+ parseInt(widthMenuDd / 2 - offsetWidth / 2, 10) +"px";
				if ( 0 - offsetLeft > menudd[i].offsetLeft - widthLeftSpace )
					style.left = ""+ (widthLeftSpace - menudd[i].offsetLeft) +"px";
				if ( menudd[i].offsetLeft + offsetLeft - widthLeftSpace + offsetWidth > widthSubMenu)
					style.left = ""+ (widthSubMenu + widthLeftSpace - menudd[i].offsetLeft - offsetWidth) +"px";
			}
		}
	}

	for (var i=0; i<menudd.length; i++) {
		menudd[i].onmouseover = function() {
			for (var j=0; j<menudd.length; j++) {
				if (menudd[j].className.indexOf("menuover") != -1) classAddReduce(menudd[j], "-", "menuover");
			}
			classAddReduce(this, "+", "menuover");
		}
	}
	//menudd[0].className = "menuover";
}

//vertical
function menuEffect2(fid) {
	var menudd = document.getElementById(fid).getElementsByTagName("LI");
	for (var i=0; i<menudd.length; i++) {
		menudd[i].onmouseover = function() {
			classAddReduce(this, "+", "menuover");
		}
		menudd[i].onmouseout = function() {
			for (var j=0; j<menudd.length; j++) { if (menudd[j].className.indexOf("menuover") != -1) classAddReduce(menudd[j], "-", "menuover"); }
		}
	}
}

function classAddReduce(obj, act, clsnm)
{
	if (act == "+") obj.className += (obj.className == "") ? clsnm : " "+ clsnm;
	//menudd[j].className = menudd[j].className.replace(/ ?actover/g, "");

	if (act == "-")
	{
		var re = new RegExp(" ?"+ clsnm, "i");
		obj.className = obj.className.replace(re, "");
		//this.className += (this.className == "") ? "actover" : " actover";
	}
}

function optionsCard(theId) {
	var objTtl = document.getElementById(theId).getElementsByTagName("UL")[0].getElementsByTagName("LI");
	var objDiv = document.getElementById(theId).getElementsByTagName("DIV");
	for (var i=0; i<objTtl.length; i++) {
		objTtl[i].onmouseover = function() {
			for (var j=0; j<objTtl.length; j++) {
				if (objTtl[j].className.indexOf("actover") != -1) classAddReduce(objTtl[j], "-", "actover");
				if (objTtl[j] == this) var theI=j;
			}
			for (var j=0; j<objDiv.length; j++) { objDiv[j].style.display = "none"; }
			this.className = "actover";
			if (objDiv[theI]) objDiv[theI].style.display = "block";
		}
	}
	objTtl[0].className = "actover";
	objDiv[0].style.display = "block";
}

function changeTextSize(s) {
	with (document.getElementById("thecharact").style) {
		if (""+fontSize == "") fontSize = "14px";
		if (s == "middle") fontSize = "14px";
		if (s == "small") {
			if ( parseInt(fontSize, 10) <= 12 )
				fontSize = (parseInt(fontSize, 10) - 1) +"px";
			else
				fontSize = "12px";
		}
		if (s == "big") {
			if ( parseInt(fontSize, 10) >= 16 )
				fontSize = (parseInt(fontSize, 10) + 2) +"px";
			else
				fontSize = "16px";
		}
		lineHeight = "150%";
	}
}
