$(document).ready(function() {
	
	InitTopMenu();
	InitPopups();
	
});

var menu_hide_timer	= null;

function InitTopMenu() {
	$("#head .top-menu A").hover(
		function() {
			CancelHideTimer();
			HideSubmenu();
			active_submenu = $(this).parent().prevAll('DIV').length + 1;
			$("#sub-menu-"+active_submenu).show();
			$(this).addClass('active');
			$(this).parent().addClass('active');
		},
		function() {
			menu_hide_timer = setTimeout(HideSubmenu, 300);
		}
	).click(function() { return false; });
	
	$("#head .sub-menu").hover(
		function() {
			CancelHideTimer();
		},
		function() {
			menu_hide_timer = setTimeout(HideSubmenu, 300);
		}
	
	);
	
	$("#head .sub-menu A").attr('target', '_blank');
	
	
}

function CancelHideTimer() {
	if( menu_hide_timer ) {
		clearTimeout(menu_hide_timer);
	}
}

function HideSubmenu() {
	$("#head .sub-menu").hide();
	$("#head .top-menu A").removeClass('active');
	$("#head .top-menu A").parent().removeClass('active');
}


function InitPopups() {
	$("#head .btn").click(function() {
		$('#head .btn').removeClass('active');
		$(this).addClass('active');
		$('#head .popup').hide();
		var popup_number = $(this).attr('id').substring(3);
		$('#head>DIV').removeClass('bg-skyer');
		$("#popup-"+popup_number).show();
	});
	
	$('.popup .close').click(function() {
		$('#head .popup').hide();
		$('#head .btn').removeClass('active');
		$('#head>DIV').addClass('bg-skyer');
	});
}