window.addEvent('load', function(){
    showSubMenu();
//    console.log();
});
function showSubMenu()
{
    $$('.overtab_menu').each(function(el){
        var rel=el.getAttribute('rel');
        el.addEvent('mouseover', function(e){
            var showFunction=function()
            {
            	$$('.popup_sub_menu').each(function(el2){
            		el2.setStyle('display', 'none');
            	});
            	
                var sMnu=$('submenu_'+rel);
                if(sMnu!=null)
                {
                    if(window.intervalP==false || sMnu.getStyle('display')=='block')
                    {
                        return;
                    }

                    var posEl=getPosFast(el);
                    var posSMnu=getPosFast(sMnu);
                    sMnu.setStyle('top', parseInt(posEl.y)+el.getStyle('paddingBottom').toInt() + el.getStyle('height').toInt() +
                    el.getStyle('paddingTop').toInt() + el.getStyle('borderBottom').toInt());
                    sMnu.setStyle('display', 'block');
                    sMnu.setStyle('opacity', 0);
                    var myFx = new Fx.Morph('submenu_'+rel);
                    myFx.start({'opacity':[0,1]});
                    sMnu.setStyle('left', parseInt(posEl.x)-el.getStyle('marginLeft').toInt());
                    el.addClass('overtab_menu_hover');
                    var sEl=el.getNext();
                    if(sEl!=null)
                    {
                    	sEl.removeClass('mbb');
                    }
                }
            }
            window.intervalP=true;
            showFunction.delay(700);
        });
        
        el.addEvent('mouseleave', function(e){
            var hideFunction=function()
            {    
                if(window.intervalP==true)
                {
                    return;
                }
                var sMnu=$('submenu_'+rel);
                if(sMnu!=null)
                {
                    sMnu.setStyle('display', 'none');
                    el.removeClass('overtab_menu_hover');
                    var sEl=el.getNext();
                    if(sEl!=null)
                    {
                    	sEl.removeClass('mbb');
                    }
                }
            }
            window.intervalP=false;
            hideFunction.delay(200);
        });
        var subMenuG=$('submenu_'+rel);
        if(subMenuG!=null)
        {
            subMenuG.addEvent('mouseover', function(e){
        
                window.intervalP=true;
                var sMnu=$('submenu_'+rel);
                var posEl=getPosFast(el);
                var posSMnu=getPosFast(sMnu);
                sMnu.setStyle('top', parseInt(posEl.y)+el.getStyle('paddingBottom').toInt() + el.getStyle('height').toInt() + el.getStyle('paddingTop').toInt() + el.getStyle('borderBottom').toInt());
                sMnu.setStyle('display', 'block');
                sMnu.setStyle('left', parseInt(posEl.x)-el.getStyle('marginLeft').toInt());
                el.addClass('overtab_menu_hover');
                var sEl=el.getNext();
                if(sEl!=null) {
                    sEl.addClass('mbb');
                }

            });
            $('submenu_'+rel).addEvent('mouseleave', function(e){
                var hideFunction=function()
                {    
                    if(window.intervalP==true)
                    {
                        return;
                    }

                    var sMnu=$('submenu_'+rel);
                    if(sMnu!=null)
                    {
                        sMnu.setStyle('display', 'none');
                        el.removeClass('overtab_menu_hover');
                        var sEl=el.getNext();
                        if(sEl!=null)
                        {
                        	sEl.removeClass('mbb');
                        }
                    }
                }
                window.intervalP=false;
                hideFunction.delay(200);
            });
        }
  
    });

}

function getPosFast(obj)
{
    var x = obj.offsetLeft;
    var y = obj.offsetTop;
    obj=obj.offsetParent;
    if(obj!=null)
    {
    while(obj.offsetParent)
    {
        x+=obj.offsetLeft;
        y+=obj.offsetTop;
        obj=obj.offsetParent;
    }
    }
    return {'x': x, 'y': y};
}