var to_hide_interval = 250;
var to_hide_timer;



$(document).ready(function() {
    menu_item = $('.main_menu_link');
    child_menu = $('.popup_menu_wrapper');

    menu_item.hover(function(e) {mi_over(e, this)}, function(e) {mi_out(e, this)});
    child_menu.hover(function(e) {cm_over(e, this)}, function(e) {cm_out(e, this)});
});


function mi_over(ev, el) {
    child_menu.hide();
    var rel = $(el).attr('id');
    var sel = '[rel='+rel+']';

    $(sel).attr({left: $(el).attr('left')});
    $(sel).show();
}


function mi_out(ev, el) {
    var rel = $(el).attr('id');
    var sel = '[rel='+rel+']';

    to_hide_timer = setTimeout(function() {
        $(sel).hide();}, to_hide_interval
    );
}


function cm_over(ev, el) {
    clearTimeout(to_hide_timer);
}


function cm_out(ev, el) {
    to_hide_timer = setTimeout(function() {
        $(el).hide();}, to_hide_interval
    );
}