/**
 * @author tmaroschik
 */
jQuery(function() {

	var sliderAmount = 3;
	
	var sliderAniEasingIn = 'easeOutCubic';
	var sliderAniEasingOut = 'easeOutCubic';
	
	var sliderDurationIn = 600;
	var sliderDurationOut = 500;
	
	var sliderDurationStepIn = 300;
	var sliderDurationStepOut = 100;

	for(var i=0; i<sliderAmount; i++) {
		jQuery('#innernavigation').prepend('<div id="slider-right-' + i + '" class="slider-right"></div>');
		jQuery('#innernavigation').prepend('<div id="slider-left-' + i + '" class="slider-left"></div>');		
	}

	jQuery('#innernavigation ul li').hover(function(){
		sliderIn(this);
	},function(){
		sliderOut(this);
	});
	
	jQuery('#innernavigation h3').hover(function(){
		sliderIn(this);
	},function(){
		sliderOut(this);
	});

	function sliderIn(element) {	
		var menuOffset = jQuery(element).parent().offset();
		var menuWidth = jQuery(element).parent().width();
		
		var menuItemOffset = jQuery(element).offset();
		var menuItemWidth = jQuery(element).width();
		var menuItemLeft = menuItemOffset.left - menuOffset.left;
		var menuItemRight = menuWidth-(menuItemLeft + menuItemWidth);
		
		for(var i=0; i<sliderAmount; i++) {
			jQuery('#slider-left-'	+ i).animate( { width: menuItemLeft }, sliderDurationIn + (sliderDurationStepIn*i), sliderAniEasingIn);
			jQuery('#slider-right-'	+ i).animate( { width: menuItemRight }, sliderDurationIn + (sliderDurationStepIn*i), sliderAniEasingIn);
		}
	}

	function sliderOut(element) {		
		for(var i=0; i<sliderAmount; i++) {
			jQuery('#slider-left-'	+ i).animate( { width: 0 }, sliderDurationOut + (sliderDurationStepOut*i), sliderAniEasingOut);
			jQuery('#slider-right-'	+ i).animate( { width: 0 }, sliderDurationOut + (sliderDurationStepOut*i), sliderAniEasingOut);
		}
	}
});