/*
* Jquery AccordionImageMenu Plugin 0.4.
* Examples and documentation at: http://web-argument.com/jquery-accordion-image-menu-plugin
* By Alain Gonzalez (http://web-argument.com)
* Copyright (c) 2011 Alain Gonzalez 
* Licensed under the MIT License: http://www.opensource.org/licenses/mit-license.php
*/

(function($) {

    function accordionMenuSetting(obj, settings) {

        this.menuSettings = settings;
        this.menuAnimate = animate;
        var _this = this;

        function animate(obj, i) {

            $.each(obj, function(j) {
                var otherDim = Math.round(((_this.menuSettings.closeDim * obj.length) - (_this.menuSettings.openDim)) / (obj.length - 1));
                var itemDim = otherDim;
                if (j == i) {
                    itemDim = _this.menuSettings.openDim;
                }
                if (typeof i == 'undefined') {
                    if (_this.menuSettings.openItem == null) itemDim = _this.menuSettings.closeDim;
                    else if (_this.menuSettings.openItem == j) itemDim = _this.menuSettings.openDim;
                    else itemDim = otherDim;
                }

                if (_this.menuSettings.position == 'vertical')
                    $(this).animate({ 'height': itemDim }, _this.menuSettings.duration, _this.menuSettings.effect);
                else
                    $(this).animate({ 'width': itemDim }, _this.menuSettings.duration, _this.menuSettings.effect);

                var title = $('span', this);

                title.stop(true, false);

                if (_this.menuSettings.fadeInTitle != null && title.length > 0) {
                    if (itemDim == _this.menuSettings.openDim) {
                        if (_this.menuSettings.fadeInTitle) title.animate({ 'opacity': 0.8 });
                        else title.animate({ 'opacity': 0 });
                    } else {
                        if (_this.menuSettings.fadeInTitle) title.animate({ 'opacity': 0 });
                        else title.animate({ 'opacity': 0.8 });
                    }
                }
            });

        }

        var $this = $('a', obj);

        _this.menuAnimate($this);

        var maxDim = _this.menuSettings.closeDim * $this.length + _this.menuSettings.border * $this.length + 10;

        if (_this.menuSettings.position == 'vertical')
            $(obj).css({ 'width': _this.menuSettings.width + 'px', 'height': maxDim + 'px' });
        else
            $(obj).css({ 'height': _this.menuSettings.height + 'px', 'width': maxDim + 'px' });


        $.each($this, function(i) {

            ImgSrc = $('img', this).attr('src');
            $('img', this).hide();

            var borderBottomValue = 0;
            var borderRightValue = 'solid ' + _this.menuSettings.border + 'px ' + _this.menuSettings.color;
            var aWidth = 'auto';
            var aHeight = _this.menuSettings.height + 'px';

            if (_this.menuSettings.position == 'vertical') {

                borderBottomValue = 'solid ' + _this.menuSettings.border + 'px ' + _this.menuSettings.color;
                borderRightValue = 0;
                aWidth = _this.menuSettings.width + 'px';
                aHeight = 'auto';
            }


            if (i == ($this.length - 1)) {
                borderBottomValue = 0;
                borderRightValue = 0;
            }

            $(this).css({
                'width': aWidth,
                'height': aHeight,
                'background-image': 'url(' + ImgSrc + ')',
                'background-color': _this.menuSettings.color,
                'background-repeat': 'no-repeat',
                'border-bottom': borderBottomValue,
                'border-right': borderRightValue
            }).mouseenter(function() {
                $this.stop(true, false);
                _this.menuAnimate($this, i);
            });

        });

        $(obj).mouseleave(function() {
            _this.menuAnimate($this);
        });


    }

    $.fn.AccordionImageMenu = function(options) {

        var settings = {
            'closeDim': 100,
            'openDim': 200,
            'width': 200,
            'height': 200,
            'effect': 'swing',
            'duration': 400,
            'openItem': null,
            'border': 2,
            'color': '#000000',
            'position': 'horizontal',
            'fadeInTitle': true
        };

        return this.each(function() {
            $(this).addClass("aim");
            $('br', this).remove();
            if (options) $.extend(settings, options);
            var menu = new accordionMenuSetting(this, settings);
        });
    };

})(jQuery);