// class要素の追加
function setElementClass(elem, value) {
    if(document.getElementById) {
        var layer = document.getElementById(elem);
        if(layer) {
            layer.className = value;
        }
    }
}


function naviOpen(){
	var liTag = document.getElementsByTagName('li');
	var footerArea = '#' + 'bottomFooter';
	for (i=0; i<liTag.length; i++){
		if(liTag[i].className == 'submenu'){
			//マウスオーバー、マウスアウトの処理
			liTag[i].onmouseover = function(){
				$(footerArea).addClass('footerLayout');
				var elementId = "child" + this.id;
				setElementClass(elementId,'on');
			}
			liTag[i].onmouseout = function(){
				$(footerArea).removeClass('footerLayout');
				var elementId = "child" + this.id;
				setElementClass(elementId,'off');
			}
		}
	}
}


$(function(){
	naviOpen();
});