var time = 150;
var timeout;
var timeout1;

function hider(){
    timeout = setTimeout('hider1()',time);
}

function hider1(){
    document.getElementById('menidrop1').style.display = 'none';
    document.getElementById('menitab1').style.display = 'none';
    document.getElementById('menidrop2').style.display = 'none';
    document.getElementById('menitab2').style.display = 'none';
}

function showSub1(){
    clearTimeout(timeout);
    document.getElementById('menidrop1').style.display = 'block';
    document.getElementById('menitab1').style.display = 'block';
    document.getElementById('menidrop2').style.display = 'none';
    document.getElementById('menitab2').style.display = 'none';
    document.getElementById('menidrop1').onmouseover = function(){
        clearTimeout(timeout);
    }
    document.getElementById('menidrop1').onmouseout = function(){
        timeout = setTimeout('hider1()',time);
    }
}

function showSub2(){
    clearTimeout(timeout);
    document.getElementById('menidrop1').style.display = 'none';
    document.getElementById('menitab1').style.display = 'none';
    document.getElementById('menidrop2').style.display = 'block';
    document.getElementById('menitab2').style.display = 'block';
    document.getElementById('menidrop2').onmouseover = function(){
        clearTimeout(timeout);
    }
    document.getElementById('menidrop2').onmouseout = function(){
        timeout = setTimeout('hider1()',time);
    }
}