/* jQuery Gooey Menu
* Created: April 7th, 2011 by DynamicDrive.com. This notice must stay intact for usage 
* Author: Dynamic Drive at http://www.dynamicdrive.com/
* Visit http://www.dynamicdrive.com/ for full source code
*/

jQuery.noConflict()

jQuery.extend(jQuery.easing, {easeOutBack:function(x, t, b, c, d, s){ //see http://gsgd.co.uk/sandbox/jquery/easing/
		if (s == undefined) s = 1.70158;
		return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;
	}
})


var gooeymenu={
	effectmarkup: '<li class="fancy"></li>',

	setup:function(usersetting){
		jQuery(function($){ //on document.ready
			//alert( $selectedlink.offset().left);
			function snapback(dur){
				if ($selectedlink.length>0)
					$effectref.dequeue().animate({left: $selectedlink.offset().left - ($selectedlink.parents('.navi').offset().left  ), width:($selectedlink.outerWidth()  )}, dur, setting.fx, function(){
						
					})
			}
			
			var setting = jQuery.extend({fx:'easeOutBack', fxtime:500, snapdelay:300}, usersetting)
			var $menu = $('#'+setting.id).find('li:eq(0)').parents('ul:eq(0)') //select main menu UL
			var $menulinks = $menu.find('li.level1 ')
			var $effectref = $(gooeymenu.effectmarkup).css({top:$menulinks.eq(0).position().top, height:$menulinks.eq(0).outerHeight(), zIndex:-1}).appendTo($menu) //add trailing effect LI to the menu UL
			var $selectedlink = $menulinks.filter('.active') //find item with class="selected" manually defined
			
			
			$effectref.css({left: - $menu.offset().left- $effectref.outerWidth()-5}) //position effect LI behind the left edge of the window
			setting.defaultselectedBool=$selectedlink.length
			//alert( $selectedlink.offset().left);
			
			$menulinks.mouseover(function(){
				clearTimeout(setting.snapbacktimer)
				//snapback(setting.fxtime)
				var $target=$(this)
				//alert($target.position().left)
				
				$target.removeClass('hover');
				$effectref.dequeue().animate({left: $target.position().left, width:$target.outerWidth()}, setting.fxtime, setting.fx)
				if (setting.defaultselectedBool==0) //if there is no default selected menu item
					$selectedlink=$target //set current mouseover element to selected element
			})
			
			if ($selectedlink.length>0){
				snapback(0)
				$menu.mouseleave(function(){
					setting.snapbacktimer=setTimeout(function(){
						snapback(setting.fxtime)
					}, setting.snapdelay)
				})
			}
			
			$(window).bind('resize', function(){
				snapback(setting.fxtime)
			})
			
		})
	}
}