/*
 * Bubbleup - Spicing up menu jQuery plugin
 *
 * Tranform the images inside the list items like Mac Dock effect
 *
 * Homepage: http://aext.net/2010/04/bubbleup-jquery-plugin/
 *
 * Copryright? I don't have any!
 *
 * First written by Lam Nguyen (yah, it's me)
 * Written again by Jonathan Uhlmann http://jonnitto.ch
 * Thanks to Icehawg (Hey, I don't know anything from him, just a name http://aext.net/2010/02/learn-jquery-first-jquery-plugin-bubbleup/#comment-6777)
 *
 */


(function($) {
    $.fn.bubbleup = function(options) {
        //Extend the default options of plugin
        var opt = $.extend({}, $.fn.bubbleup.defaults, options), tip = null;

        return this.each(function() {
            var w = 89;
            $(this).mouseover(function() {
                if (opt.tooltip) {
                    tip = $('<div>' + $(this).attr('alt') + '</div>').css({
                        fontFamily: opt.fontFamily,
                        color: opt.color,
                        fontSize: opt.fontSize,
                        fontWeight: opt.fontWeight,
                        position: 'absolute',
                        zIndex: 100000
                    }).remove().css({ top: 0, left: 0, visibility: 'hidden', display: 'block' }).appendTo(document.body);
                    var position = $.extend({}, $(this).offset(), { width: this.offsetWidth, height: this.offsetHeight }), tipWidth = tip[0].offsetWidth, tipHeight = tip[0].offsetHeight;

                    tip.stop().css({
                        top: position.top - tipHeight,
                        left: position.left + position.width / 2 - tipWidth / 2,
                        visibility: 'visible'
                    }).animate({ top: '-=' + (opt.scale / 2 - w / 2) }, opt.inSpeed);
                }

                $(this).closest('li').css({ 'z-index': 100000 });

                $(this).stop().css({ 'z-index': 100000, 'top': 0, 'left': 0, 'width': w }).animate({
                    left: -opt.scale / 2 + w / 2,
                    top: -opt.scale / 2 + w / 2,
                    width: opt.scale
                }, opt.inSpeed);
            }).mouseout(function() {

                $(this).closest('li').css({ 'z-index': 100 });
                $(this).closest('li').next().css({ 'z-index': 0 });
                $(this).closest('li').next().css({ 'z-index': 0 });
                $(this).closest('li').next().children('img').css({ 'z-index': 0 });

                if (opt.tooltip) { tip.remove() }
                $(this).stop().animate({ left: 0, top: 0, width: 89 }, opt.outSpeed, function() {
                    $(this).css({ 'z-index': 0 });

                });
            })
        })
    }
    $.fn.bubbleup.defaults = {
        tooltip: false,
        scale: 100,
        fontFamily: 'Helvetica, Arial, sans-serif',
        color: '#333333',
        fontSize: 12,
        fontWeight: 'bold',
        inSpeed: 'fast',
        outSpeed: 'fast'
    }
})(jQuery);