$.fn.edicraMenu = function() {
    var menu = $('#edicraMenu > ul', this);
    var clicked = false;
    
    //adding arrows...
    $('li:has(ul)', menu).addClass('expanding');
    $(menu).addClass('level1');
    $('> li > ul', menu).addClass('level2 panel');
    $('> li > ul > li > ul', menu).addClass('level3 panel');
    
    //wraping table around each menu...
    var table   = '<table class="shadowBox" border="0"><tr class="middle"><td class="center"></td></tr></table>';
    var left    = '<td class="left shadow"></td>';
    var right   = '<td class="right shadow"></td>';
    var top     = '<tr class="top"><td class="left shadow"></td><td class="right shadow" colspan="2"></td></tr>';
    var bottom  = '<tr class="bottom"><td class="left shadow" colspan="2"></td><td class="right shadow"></td></tr>';
    $('ul', menu).wrap(table).parent().before(left).after(right).parent().before(top).after(bottom);
    $('a', menu).wrapInner('<nobr/>');
    $('a', menu).wrapInner('<span class="inner" />');
    $('a', menu).wrapInner('<span class="icon" />');
    $('a', menu).wrapInner('<span class="outer" />');
    
    $('.shadowBox', menu).each(function(){
        var w = $('td.center > ul', this).width();
        $(this).width(w+10);
    });
     
    $('ul.level2 .shadowBox', menu).each(function() {
        $(this).css({'left': $(this).parents('.shadowBox').width()-10});
    });
    
    //this have to be separated due to ie7 bug...
    $('ul.level2 .shadowBox', menu).hide();
    $('.shadowBox', menu).hide();
    
    //hovering lvl 1...
    $('> li', menu).mouseenter(function() {
        $(this).parent().find('>li>.shadowBox').hide();
        $('.selected', menu).removeClass('selected');
        if (clicked) {
            if ($(this).hasClass('expanding')) {
                $(this).addClass('selected');
                $('> .shadowBox', this).show();
            } else {
                $(this).addClass('hover');
            }
        } else {
            $(this).addClass('hover');
        }
    }).mouseleave(function() {
        $(this).removeClass('hover');
    }).mousedown(function(){
        clicked = true;
        $(this).addClass('selected');
        $('> .shadowBox', this).show();
        return false;
    }).mouseup(function(){
        if (!$(this).hasClass('expanding')) {
            $(this).removeClass('hover selected');
            clicked = false;
        }
    });
    
    $('> li > a', menu).mouseenter(function() {
        $('.hover', menu).removeClass('hover');
        $('ul.level2 .shadowBox', menu).hide();
    });
    
    //hovering panel...
    $('ul.level2 > li', menu).mouseenter(function() {
        if (!$(this).hasClass('hover')) {
            $(this).parent().find('>.hover').removeClass('hover');
            $(this).addClass('hover');
            $('.panel .shadowBox', menu).hide();
            $('.shadowBox', this).show();
        }
    });
    
    $('ul.level2 .shadowBox li', menu).mouseenter(function() {
        $(this).addClass('hover');
    }).mouseleave(function() {
        $(this).removeClass('hover');
    });
    
    $('ul.level2 > li', menu).mouseleave(function() {
        if (!$(this).hasClass('expanding')) {
            $(this).removeClass('hover');
        }
    });
    
    $('a', menu).click(function() {
        if ($(this).attr('href') != '#') {
            $('.shadowBox', menu).hide();
            $('> li', menu).removeClass('selected');
            clicked = false;
        } else {
            return false;
        }
    });
   
    //clicking somwhere...
    $(this).mousedown(function(){
        //this have to be separated due to ie7 bug...
        $('ul.level2 .shadowBox', menu).hide();
        $('.shadowBox', menu).hide();
        $('.selected', menu).removeClass('selected');
        $('.hover', menu).removeClass('hover');
        clicked = false;
    });
    
    //clicking somwhere...
    $('li a', menu).mousedown(function(){
        if (clicked && $(this).parent().hasClass('selected')) {
            $('ul.level2 .shadowBox', menu).hide();
            $('.shadowBox', menu).hide();
            $('.selected', menu).removeClass('selected');
            $(this).parent().addClass('hover');
            clicked = false;
            return false;
        }
        
    });
    $('#edicraMenu').css({visibility: 'visible'});
}

$(function() {
    $('html').edicraMenu();
});

//popup open function...
function popup(href, width, height) 
{
    if (width == null) width = 640;
    if (height == null) height = 480;
    if (typeof(edcAdminPanel) != 'undefined') edcAdminPanel.close();
    lft  = screen.width/2 - width/2;
    tp   = screen.height/2 - height/2;
    edcAdminPanel = window.open(href, 'edcAdminPanel','width='+width+', height='+height+', left='+lft+', top='+tp+'');
    edcAdminPanel.focus();
}