/**
 * LavaLamp - A menu plugin for jQuery with cool hover effects.
 * http://gmarwaha.com/blog/?p=7
 * Copyright (c) 2007 Ganeshji Marwaha (gmarwaha.com)
 * Dual licensed under the MIT and GPL licenses
 */
 
(function($) {
$.fn.lavaLamp = function(o) {
    o = $.extend({ fx: "linear", speed: 500, click: function(){} }, o || {});

    return this.each(function() {
        var me = $(this), noop = function(){},
            $back = $('<li class="back"><div class="ll-left"><img id="arrow" src="/images/nav/fleche.gif" /></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);
        });

        $li.click(function(e) {
            setCurr(this);
            $(location).attr('href',$("a", this).attr('href'));
        });

        setCurr(curr);

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

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

    });
};
})(jQuery);