/**
 * 
 */

(function($) {
    $.fn.extend({
        menuRoller: function(options) {
			
			var defaults = {
    			defaultImgPos : 58,
    			duration: 500,
    			defButtonHeight: 81,
    			maxButtonHeight : 139
    		};

			
			var options = $.extend(defaults, options);
			
			return this.each(function() { 
				obj = $(this);
				op  = options;
				
				$('#innermenu').find('li a').mouseover(function() {
					obj.animateImage(this);
					obj.extendButton(this);
				});
				
				$('#innermenu').find('li a').mouseout(function() {
					obj.resetImage(this);
					obj.resetButton(this);
				});
			});
        }
    });
    
    $.fn.extendButton = function(trigger)
    {
    	var target = $(trigger).parent().find('div');
    	var buttonClass = $(trigger).parent().find('div').attr('class');
    	
    	target.addClass(buttonClass + '_2');
    	
    	target.animate({
    		'height' : op.maxButtonHeight + 'px'
    	}, op.duration);
    },
    
    $.fn.resetButton = function(trigger)
    {
    	var target = $(trigger).parent().find('div');
    	var buttonClass = $(trigger).parent().find('div').attr('class').split(' ');
    	target.removeClass(buttonClass[1]);
    	
    	target.animate({
    		'height' : op.defButtonHeight + 'px'
    	}, op.duration);
    },
    
    $.fn.animateImage = function(trigger)
    {
    	var target = $(trigger).parent().find('img');
    	target.animate({
    		'top' : '0px'
    	}, op.duration);
    },
    
    $.fn.resetImage = function(trigger)
    {
    	var target = $(trigger).parent().find('img');
    	target.animate({
    		'top' : op.defaultImgPos + 'px'
    	}, op.duration);
    };
    
})(jQuery);