(function($) {
    $.fn.lavaLamp = function(o) {
        o = $.extend({
            fx: "linear",
            speed: 400,
            click: function(){}
        }, o || {});


        return this.each(function() {
            var me = $(this), noop = function(){},
            $back = $('<li class="back"><div class="left"></div></li>').appendTo(me),
            $li = $(">li", this), curr = $("li.current", this)[0] || $($li[0]).addClass("current")[0];

            $li.not(".back").hover(function() {
                move(this);
            }, noop);

            $(this).hover(noop, function() {
                move(curr);
            });

            setCurr(curr);

            function setCurr(el) {
                $back.css({
                    "left": el.offsetLeft+"px",
                    "width": el.offsetWidth+"px"
                });
                curr = el;
            };

            function move(el) {
                $back.each(function() {
                    $.dequeue(this, "fx");
                }
                ).animate({
                    width: el.offsetWidth,
                    left: el.offsetLeft
                }, o.speed, o.fx);

            };

        });
    };
})(jQuery);

jQuery.easing={
    easein:function(x,t,b,c,d){
        return c*(t/=d)*t+b
    },

    easeinout:function(x,t,b,c,d){
        if(t<d/2)
            return 2*c*t*t/(d*d)+b;
        var a=t-d/2;
        return-2*c*a*a/(d*d)+2*c*a/d+c/2+b
    },

    easeout:function(x,t,b,c,d){
        return-c*t*t/(d*d)+2*c*t/d+b
    },

    expoin:function(x,t,b,c,d){
        var a=1;
        if(c<0){
            a*=-1;
            c*=-1
        }

        return a*(Math.exp(Math.log(c)/d*t))+b
    },

    expoout:function(x,t,b,c,d){
        var a=1;
        if(c<0){
            a*=-1;
            c*=-1
        }

        return a*(-Math.exp(-Math.log(c)/d*(t-d))+c+1)+b
    },

    expoinout:function(x,t,b,c,d){
        var a=1;
        if(c<0){
            a*=-1;
            c*=-1
        }

        if(t<d/2)
            return a*(Math.exp(Math.log(c/2)/(d/2)*t))+b;

        return a*(-Math.exp(-2*Math.log(c/2)/d*(t-d))+c+1)+b
    },

    bouncein:function(x,t,b,c,d){
        return c-jQuery.easing['bounceout'](x,d-t,0,c,d)+b
    },

    bounceout:function(x,t,b,c,d){
        if((t/=d)<(1/2.75)){
            return c*(7.5625*t*t)+b
        } else if(t<(2/2.75)){
            return c*(7.5625*(t-=(1.5/2.75))*t+.75)+b
        } else if(t<(2.5/2.75)) {
            return c*(7.5625*(t-=(2.25/2.75))*t+.9375)+b
        } else {
            return c*(7.5625*(t-=(2.625/2.75))*t+.984375)+b
        }
    },

    bounceinout:function(x,t,b,c,d){
        if(t<d/2)
            return jQuery.easing['bouncein'](x,t*2,0,c,d)*.5+b;

        return jQuery.easing['bounceout'](x,t*2-d,0,c,d)*.5+c*.5+b
    },

    elasin:function(x,t,b,c,d){
        var s=1.70158;
        var p=0;
        var a=c;

        if(t==0)
            return b;

        if((t/=d)==1)
            return b+c;

        if(!p)
            p=d*.3;

        if(a<Math.abs(c)){
            a=c;
            var s=p/4
        } else
            var s=p/(2*Math.PI)*Math.asin(c/a);

        return-(a*Math.pow(2,10*(t-=1))*Math.sin((t*d-s)*(2*Math.PI)/p))+b
    },


    elasout:function(x,t,b,c,d){
        var s=1.70158;
        var p=0;
        var a=c;

        if(t==0) return b;

        if((t/=d)==1) return b+c;

        if(!p) p=d*.3;

        if(a<Math.abs(c)){
            a=c;
            var s=p/4
        } else
            var s=p/(2*Math.PI)*Math.asin(c/a);

        return a*Math.pow(2,-10*t)*Math.sin((t*d-s)*(2*Math.PI)/p)+c+b
    },

    elasinout:function(x,t,b,c,d){
        var s=1.70158;
        var p=0;
        var a=c;

        if(t==0)
            return b;

        if((t/=d/2)==2)
            return b+c;

        if(!p)	p=d*(.3*1.5);


        if(a<Math.abs(c)){
            a=c;
            var s=p/4
        } else
            var s=p/(2*Math.PI)*Math.asin(c/a);

        if(t<1) return-.5*(a*Math.pow(2,10*(t-=1))*Math.sin((t*d-s)*(2*Math.PI)/p))+b;

        return a*Math.pow(2,-10*(t-=1))*Math.sin((t*d-s)*(2*Math.PI)/p)*.5+c+b
    },

    backin:function(x,t,b,c,d){
        var s=1.70158;
        return c*(t/=d)*t*((s+1)*t-s)+b
    },

    backout:function(x,t,b,c,d){
        var s=1.70158;
        return c*((t=t/d-1)*t*((s+1)*t+s)+1)+b
    },

    backinout:function(x,t,b,c,d){
        var s=1.70158;
        if((t/=d/2)<1) return c/2*(t*t*(((s*=(1.525))+1)*t-s))+b;

        return c/2*((t-=2)*t*(((s*=(1.525))+1)*t+s)+2)+b
    },

    linear:function(x,t,b,c,d){
        return c*t/d+b
    }
};


var currX88Menu=undefined;
var userAgent = navigator.userAgent.toLowerCase();

// Figure out what browser is being used
$.browser = {
    version: (userAgent.match( /.+(?:rv|it|ra|ie|me)[\/: ]([\d.]+)/ ) || [])[1],
    chrome: /chrome/.test( userAgent ),
    safari: /webkit/.test( userAgent ) && !/chrome/.test( userAgent ),
    opera: /opera/.test( userAgent ),
    msie: /msie/.test( userAgent ) && !/opera/.test( userAgent ),
    mozilla: /mozilla/.test( userAgent ) && !/(compatible|webkit)/.test( userAgent )
};


$(window).load(function() {
    function currentId() {
        var path=location.pathname.split("/");
        for(i=1; i < path.length; i++) {
            p=path[i].toUpperCase();
            if(p!="") {
                break;
            }
        }
        if(p === "INDEX.SHTML" || p==="") {
            return "#HOME";
        }
        var elem="#"+p;
        if(elem.indexOf(".") >= 0) {
            return "#BLOG";
        } else {
            return elem;
        }
    }
    var currId=currentId();
    if(currId=="#")	currId="#BLOG";
    $(currId).addClass('current');

    try {
        $.fn.retarder = function(delay, method){
            var node = this;
            if (node.length){
                if (node[0]._timer_) clearTimeout(node[0]._timer_);
                node[0]._timer_ = setTimeout(function(){
                    method(node);
                }, delay);
            }
            return this;
        };
    } catch(err) {
    }

    // base rules
    $('#menu').addClass('js-active');
    $('ul div', '#menu').css('visibility', 'hidden');

    var retardation=($.browser.msie && $.browser.version < 7) ? 500 : 500;
    $('.menu>li', '#menu').bind('mouseenter click',
        function(e){
            var ul     = $('div:first', this);
            if (ul.length){
                if (currX88Menu != undefined && currX88Menu == ul){
                    var css = {
                        visibility: 'hidden',
                        cursor: "default",
                        height: currX88Menu[0].hei
                    };
                    currX88Menu.stop().retarder(0, function(i){
                        i.css(css);
                        $(currX88Menu).parent().find('img').attr("src","/header/images/up.png");
                    });
                }
                currX88Menu=ul;
                if(ul.css('visibility') == 'hidden') {
                    if (!ul[0].hei) ul[0].hei = ul.height();
                    ul.css({
                        height: 30,
                        cursor: "pointer",
                        overflow: 'hidden'
                    }).retarder(e.type!='mouseenter' ? 0 : retardation, function(i){
                        i.css('visibility', 'visible').animate({
                            height: ul[0].hei
                        }, {
                            duration: 0,
                            complete : function(){
                                ul.css('overflow', 'visible');
                            }
                        });
                        $(currX88Menu).parent().find('img').attr("src","/header/images/down.png");
                    });
                }
            } else if (currX88Menu != undefined && currX88Menu == ul){
                var css = {
                    visibility: 'hidden',
                    cursor: "default",
                    height: currX88Menu[0].hei
                };
                currX88Menu.stop().retarder(0, function(i){
                    i.css(css);
                    $(currX88Menu).parent().find('img').attr("src","/header/images/up.png");
                    currX88Menu=undefined;
                });
            }
        }
        )

    $('.menu>li', '#menu').mouseleave(
        function(){
            var ul  = $('div:first', this);
            if (ul.length){
                currX88Menu=undefined;
                var css = {
                    visibility: 'hidden',
                    height: ul[0].hei,
                    cursor: "default"
                };
                ul.stop().retarder(0, function(i){
                    i.css(css);
                    $(ul).parent().find('img').attr("src","/header/images/up.png");
                });
            }
        }
        );
    $('ul ul li', '#menu').click(
        function(){
            if (currX88Menu != undefined){
                var css = {
                    visibility: 'hidden',
                    height: currX88Menu[0].hei,
                    cursor: "default"
                };
                currX88Menu.stop().retarder(0, function(i){
                    i.css(css);
                    $(currX88Menu).parent().find('img').attr("src","/header/images/up.png");
                });
            }
        }
        );

    // lava lamp
    $('#menu ul.menu').lavaLamp({
        fx: 'easeout',
        speed: ($.browser.msie && $.browser.version < 7) ? 300 : 400
    });
    // color animation

    var speed=($.browser.msie ) ? 10 : 50;
    if (!($.browser.msie && $.browser.version >= 8)){

        if (!($.browser.msie && $.browser.version < 6)){

            $('ul ul a', '#menu').css({
                background: 'none'
            }).hover(
                function(){
                    $(this).css({
                        backgroundColor: 'rgb(238,238,238)'
                    }).animate({
                        backgroundColor: 'rgb(245,162,120)'
                    }, speed);
                },
                function(){
                    $(this).animate({
                        backgroundColor: 'rgb(238,238,238)'
                    }, {
                        duration : speed,
                        complete : function(){
                            $(this).css({
                                background: 'none'
                            });
                        }
                    });
                }
                );
            $('ul ul a', '#menu').click(
                function() {
                    $(this).css({
                        background: 'none'
                    });
                });
        }

    }
});