var time1 = null;
var opened_menu = 0;

$(document).ready(function() {
	var aid = null;
	$('#menu a').hover(function () {
		$('#submenu div').hide();
		SubStopHide();
		var arel = $(this).attr('rel');
		var aid = $(this).attr('id');
		
		$('#submenu div').hide();
		$('#submenu div.sm-' + arel).css({
			'display' : 'inline-block'
		});
		
		$('#submenu div.sm-' + arel).hover(function () {
			$('#' + aid).addClass('on');
			SubStopHide();
		},
		function () {
			SubHide(aid);
		});
	},
	function () {
		SubHide(aid);
	});
	$('#submenu div.' + $('#smenu-opened').val()).css({
		'display' : 'inline-block'
	});
});

function SubHide(aid)
{
	time1 = setTimeout(function () {
		$('#submenu div').hide();
		if (aid != $('#menu-aid-opened').val()) {
			$('#' + aid).removeClass('on');
		}
		$('#submenu div.' + $('#smenu-opened').val()).css({
			'display' : 'inline-block'
		});
	}, 500);
}

function SubStopHide()
{
	clearTimeout(time1);
}