// Delay
$.fn.delay = function(time, callback){
    // Empty function:
    jQuery.fx.step.delay = function(){};
    // Return meaningless animation, (will be added to queue)
    return this.animate({delay:1}, time, callback);
}

/*
$(function hov() {
	$(".menu li").bind('mouseenter', function() {
		$(".menu li").removeClass("z");
		var self = $(this);
		self.addClass('hovered');
		var w = self.width();
		self.find('.text').width(w-30);
		self.find('i').css("left",w+"px");
		self.find('.overlay').animate( { left:"0"}, { duration: 300 });
		self.find('.text').delay(300).animate( { left:"0"}, { duration: 800, easing: 'easeOutBounce' });
	});
	
	$(".menu li").bind('mouseleave', function() {
		var self = $(this);
		self.addClass("z");
		var w = self.width();
		self.find('.text').animate( { left:w}, { duration: 800 });
		self.find('.overlay').delay(300).animate( { left:w}, { duration: 300 });
		var time = setTimeout(
		function() {
			self.removeClass('hovered');
		}, 800)
	});
});
	
*/

/*
	$(function hov() {
		$(".menu li").bind('mouseenter', function() {
			$(".menu li").removeClass("z");
			var self = $(this);
			self.addClass('hovered');
			var w = self.width();
			self.find('.text').width(w-30);
			self.find('i').css("left",w+"px");
			self.find('.overlay').animate( { left:"0"}, { duration: 300 });
			self.find('.text').delay(300).animate( { left:"0"}, { duration: 800, easing: 'easeOutBounce' });
		});

		$(".menu li").bind('mouseleave', function() {
			var self = $(this);
			self.addClass("z");
			self.removeClass('hovered');
		});
	});
*/

$(function hov() {
	$(".menu li").bind('mouseenter', function() {
		var self = $(this);
		self.addClass('hovered');
		var w = self.width();
		self.find('.text').width(w-30);
		self.find('i').css("left",w+"px");
		self.find('.overlay, .text').animate( { left:"0"}, { duration: 200 });
	});
	
	$(".menu li").bind('mouseleave', function() {
		var self = $(this);
		self.addClass("z");
		var w = self.width();
		self.find('.text, .overlay').animate( { left:w}, { duration: 200 });
		var time = setTimeout(
		function() {
			self.removeClass('hovered');
			self.removeClass('z');
		}, 200)
	});
});