var _d1 = 1000; // duration animation1
var _d2 = 400; // duration animation2

function initMenu()
{
	var arr = "reverse,pop,push,join,shift".split(",");
	for(var i=0; i<arr.length; i++) {
	    jQuery.fn[arr[i]] = [][arr[i]];
	}
	var _m = 0;
	var t_m = 0;
	var _w = 0;
	var t_w = 0;
	var _list = [];
	var _bg;
	var _k1 = false;
	var _k2 = true;
	var menu = document.getElementById('menu');
	if(menu)
	{
		menu.innerHTML = menu.innerHTML + '<li class="bg-active"><div></div></li>';
		_list = $('li', $(menu));
		_bg = $('li:last', $(menu));
		_list.pop();
		
		for(var i = 0 ; i < _list.length ; i++)
		{
			if(_list.eq(i).hasClass('active'))
			{
				_k1 = true;
				var position = _list.eq(i).position();
				_m = position.left;
				_w = _list.get(i).offsetWidth;
				_bg.css({
					display: 'block',
					left: _m,
					width: _w
				});
			}
		}
		_list.children('a').bind("mouseenter",function(){
			var position = $(this).parent().position();
			_w = $(this).parent().get(0).offsetWidth;
			_m = position.left;
			if(_k1)
			{
				if(!(_bg.is(':animated'))){
					t_m = _bg.css('left');
					t_w = _bg.css('width');
				}
				_bg.animate({
					left: _m,
					width: _w
				},{queue:false, duration:_d1, easing: 'easeOutBounce'})
			}
			else
			{
				_bg.css({
					display: 'block',
					left: _m + _w/2 - 9,
					width: '18px'
				});
				
				_bg.animate({
					width: _w,
					left: _m
				}, {queue:false, duration:_d2});
			}
		}).bind("mouseleave",function(){
			if(_k1)
			{
				_bg.animate({
					left: t_m,
					width: t_w
				},{queue:false, duration:_d1})
			}
			else
			{
				_bg.animate({
					width: '18px',
					left: _m + _w/2 - 9
				},{ queue:false, duration:_d2});
				var _t = setTimeout(function(){ _bg.css('display','none');},(_d2 + 20));
			}
		});
	}
}
if (window.addEventListener){
	window.addEventListener("load", initMenu, false);
}
else if (window.attachEvent && !window.opera){
	window.attachEvent("onload", initMenu);
}