function getElementsByClassName(oElm, strTagName, strClassName){
    var arrElements = (strTagName == "*" && oElm.all)? oElm.all : oElm.getElementsByTagName(strTagName);
    var arrReturnElements = new Array();
    strClassName = strClassName.replace(/\-/g, "\\-");
    var oRegExp = new RegExp("(^|\\s)" + strClassName + "(\\s|$)");
    var oElement;
    for(var i=0; i<arrElements.length; i++){
        oElement = arrElements[i];      
        if(oRegExp.test(oElement.className)){
            arrReturnElements.push(oElement);
        }   
    }
    return (arrReturnElements)
}

function setOpacity(elm, Opacity) {
	var e;
	for (var i=0; i<elm.childNodes.length; i++) {
		e = elm.childNodes[i];
		
		if (e.style && e.className != 'home_submenu') {
			e.style.opacity = Opacity/100;
			e.style.filter = 'alpha(opacity='+Opacity+')';
		}
		if (e.className == 'home_submenu') {
			e.style.visibility = 'hidden';
		}
	}
}

var CurMenuItem=0;

function toBackground() {
	var MenuItem='';
	var Opacity=20;
	var Done = true;
	
	elms = document.getElementsByTagName('div');
	for (var i=0; i<elms.length; i++) {
		if (elms[i].className == "home_menuitem" && elms[i].id != CurMenuItem) {
			elm = elms[i].getElementsByTagName('img')[0];
			var curOpacity = Math.round(elm.style.opacity*100);
			if (curOpacity > Opacity) {
				Done = false;
				j = curOpacity-2;
				setOpacity(elms[i], j);
			}
		}
	}
	if (!Done) {
		setTimeout('toBackground()',5);
	}
}

function onMouseOverMenuItem(elm) {
	MenuItem = elm.id;
	CurMenuItem = MenuItem;
	setOpacity(elm,100);
	var elms = getElementsByClassName(document.getElementById(MenuItem), 'div', 'home_submenu');
	elms[0].style.visibility = 'visible';
	toBackground();
}