// JavaScript Document
function mlover(e)
{
	if(!e){
		var the_e = window.event;
	}
	else{
		var the_e = e;
	}
	the_e.cancelBubble = true;
	if(the_e.stopPropagation){
		the_e.stopPropagation();
	}

    this.className+=" sfhover";

    var a_level1 = document.getElementById('a_level1');
    var a_level2 = document.getElementById('a_level2');
    var b_level1 = document.getElementById('b_level1');
    var b_level2 = document.getElementById('b_level2');
    var mi1_1 = document.getElementById('mi1_1');
    var mi1_2 = document.getElementById('mi1_2');
    var mi1_3 = document.getElementById('mi1_3');
    var mi1_4 = document.getElementById('mi1_4');
    var mi2_1 = document.getElementById('mi2_1');
    var mi2_2 = document.getElementById('mi2_2');
    var mi2_3 = document.getElementById('mi2_3');
    var mi2_4 = document.getElementById('mi2_4');

    if (this == a_level1 || 
        this == a_level2 || 
        this == mi1_1 ||
        this == mi1_2 ||
        this == mi1_3 ||
        this == mi1_4 )
    {
        if (a_level2) a_level2.style.display = 'block';
        if (mi1_1) mi1_1.style.display = 'block';
        if (mi1_2) mi1_2.style.display = 'block';
        if (mi1_3) mi1_3.style.display = 'block';
        if (mi1_4) mi1_4.style.display = 'block';
        if (b_level2) b_level2.style.display = 'none';
    }
    else if (this == b_level1 || 
             this == b_level2 || 
             this == mi2_1 ||
             this == mi2_2 ||
             this == mi2_3 ||
             this == mi2_4 )
    {
        if (b_level2) b_level2.style.display = 'block';
        if (mi2_1) mi2_1.style.display = 'block';
        if (mi2_2) mi2_2.style.display = 'block';
        if (mi2_3) mi2_3.style.display = 'block';
        if (mi2_4) mi2_4.style.display = 'block';
        if (a_level2) a_level2.style.display = 'none';
    }
    else
    {
        //alert("a_level2" + document.getElementById('a_level2'));
        if (b_level2) b_level2.style.display = 'none';
        if (a_level2) a_level2.style.display = 'none';
    }
}

function closeSubMenus()
{
    var a_level2 = document.getElementById('a_level2');
    var b_level2 = document.getElementById('b_level2');
    var mi1_1 = document.getElementById('mi1_1');
    var mi1_2 = document.getElementById('mi1_2');
    var mi1_3 = document.getElementById('mi1_3');
    var mi1_4 = document.getElementById('mi1_4');
    var mi2_1 = document.getElementById('mi2_1');
    var mi2_2 = document.getElementById('mi2_2');
    var mi2_3 = document.getElementById('mi2_3');
    var mi2_4 = document.getElementById('mi2_4');

    if (mi1_1) mi1_1.style.display = 'none';
    if (mi1_2) mi1_2.style.display = 'none';
    if (mi1_3) mi1_3.style.display = 'none';
    if (mi1_4) mi1_4.style.display = 'none';
    if (mi2_1) mi2_1.style.display = 'none';
    if (mi2_2) mi2_2.style.display = 'none';
    if (mi2_3) mi2_3.style.display = 'none';
    if (mi2_4) mi2_4.style.display = 'none';
    if (a_level2) a_level2.style.display = 'none';
    if (b_level2) b_level2.style.display = 'none';
}

function sfHover() {
	var lis = document.getElementById('nav').getElementsByTagName("li");
	for (var i=0; i<lis.length; i++) {
	    lis[i].onmouseover=mlover;
	    lis[i].onmouseout=function(){
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
	closeSubMenus();
}

window.onload = sfHover;