﻿
jQuery.fn.GieMenu = function (Css, CssOver, ChildCss, ChildCssOver) {
    $(this).addClass('GieMenu');
    $("ul[Horiz='1'] > li", this).addClass('Horiz');
    var MyItem = $("li", this);
    MyItem.hover(MenuOver, MenuOut);

    if (ChildCss != null && ChildCssOver != null) {
        $("> ul > li", this).addClass(Css).attr('css1', Css).attr('css2', CssOver);
        $("li li", this).addClass(ChildCss).attr('css1', ChildCss).attr('css2', ChildCssOver);
    }
    else {
        $("li", this).addClass(Css).attr('css1', Css).attr('css2', CssOver);
    }
}
function MenuOver() {
    var e = $(this);
    var MyUL = $('> UL', e);
    e.removeClass(e.attr('css1')).addClass(e.attr('css2'));
    if (MyUL != null) {
        if (e.css('float') == 'none') MyUL.css({ 'top': e.position().top + 'px', 'left': e.width() + e.position().left + 'px' });
        else MyUL.css({ 'top': e.position().top + e.height() + 'px', 'left': e.position().left + 'px' });
        MyUL.show(50);
    }
    var img2 = $(this).attr('img2');
    if (img2 != null) $('img', e).attr('src', img2);
}
function MenuOut() {
    var e = $(this);
    e.removeClass(e.attr('css2')).addClass(e.attr('css1'));
    var MyUL = $('> UL', e);
    if (MyUL != null) {
        MyUL.hide(30);
    }
    var img1 = $(this).attr('img1');
    if (img1 != null) $('img', e).attr('src', img1);
}
