jQuery(document).ready(function($) {

	// if mobile, to not use dropdown
	if (xwk_ismobile) return;
	// submenu control on mouseover
	$('#mainmenu li').hover(function() {
		
		$('#mainmenu li').each(function() {
			if ($(this).data('delay')) clearInterval($(this).data('delay'));
		});
		$(this).parent().find('li').removeClass('ahover');
		$(this).find('> a').addClass('current');
		$(this).find('> span.after').addClass('current');
		$(this).find('a.current').each(function() {
			$(this).parent().removeClass('ahover');
		});
		if ($(this).parent().hasClass('subnav')) {
			$(this).children('a').addClass('current');
			$(this).children('.arrow').addClass('current');
		}
		$(this).addClass('ahover');
		
	}, function() {
		var $this = $(this);
		if ($(this).data('delay')) clearInterval($(this).data('delay'));
		if ($this.parent().hasClass('subnav')) {
				$this.children('a').removeClass('current');
				$this.children('.arrow').removeClass('current');
		} else if (!$this.hasClass('static')) {
			$this.children().removeClass('current');
		}
		$(this).data('delay', setInterval(function() {
			$this.removeClass('ahover');
		}, 600));
	});

	// fix width to <li> elements
	var createList = function(ul) {
		
		var maxWidth = 0;
		var hasSub = false;
		ul.width(10000);
		ul.find('> li').each(function() {	
			maxWidth = Math.max(maxWidth, $(this).find('> a').outerWidth(true));
			var sub = $(this).find('> ul');
			if (sub.length > 0) {
				hasSub = true;
				createList(sub);
			}
			$(this).css({cursor: 'pointer'});
		});
		ul.width((hasSub == true) ? maxWidth + 20 : maxWidth);
	}
	
	$('#mainmenu > li').each(function(){
		createList($(this).find('> ul'));
	});
	
	// positions of submenus
	$('#mainmenu ul').each(function() {
		var prev = $(this).width();
		$(this).find('ul').css('left', prev + 'px');
	});

});