$(document).ready(function() {
	initMenu();
});

function initMenu() {
	if (!$('#menu ul._sf_menu_0>li.sf_current').size()) {
		$('#menu ul._sf_menu_0>li').first().addClass('sf_current');
	}
	$('#topmenu li').each(function() {
		var li = $(this);
		li.append('<span></span>');
		var pad = li.children('span');
		if (!li.hasClass('sf_current')) {
			pad.css('opacity', 0);
			var cx = Math.round(li.offset().left + li.width() / 2);
			li.mouseover(function(e) {
				var bx = e.pageX - cx;
				var dx = (bx >= 0)? li.width() : -li.width();
				pad.animate({
					left:		0 + 'px',
					opacity:	1
				}, 250, function() {
				});
			});
			li.mouseout(function(e) {
				pad.stop().clearQueue();
				var bx = e.pageX - cx;
				var dx = (bx >= 0)? li.width() : -li.width();
				pad.animate({
					left:		dx + 'px'
				}, 250, function() {
				});
			});
		} else {
			pad.css('width', '0px');
			var subli = $('#menu ul._sf_menu_0>li.sf_current>ul>li');
			var amt = subli.size();
			var pos = 0;
			var c = 0;
			subli.each(function() {
				if ($(this).hasClass('sf_current') && !pos) {
					pos = c + 1;
				}
				c++;
			});
			setTimeout(function() {
				pad.animate({
					width:		Math.round(pos * 100 / amt) + '%'
				}, 350);
			}, 250);
		}
	});
}