$(document).ready(function(){
	var myIndex, myMenu, position, space=20;
	$("div.sub").each(function(){
		$(this).css('left', $(this).parent().offset().left);
		//$(this).slideUp(0);
		$(this).hide();
	});
	
	$(".main1").hover(function(){
		//$("div.sub",this).slideDown(0);
		$("div.sub",this).show();
		myIndex = $(".main1").index(this);
		myMenu = $(".menu:eq("+myIndex+")");
		myMenu.addClass("menu-hover");
	}, function(){
		myMenu.removeClass("menu-hover");
		//$("div.sub",this).slideUp(0);
		$("div.sub",this).hide();
	});
	
	/*
	var viewportwidth;
	var viewportheight;

	if (typeof window.innerWidth != 'undefined') {
		viewportwidth = window.innerWidth,
		viewportheight = window.innerHeight
	} else if (typeof document.documentElement != 'undefined' && typeof document.documentElement.clientWidth != 'undefined' && document.documentElement.clientWidth != 0) {
		viewportwidth = document.documentElement.clientWidth,
		viewportheight = document.documentElement.clientHeight
	} else {
		viewportwidth = document.getElementsByTagName('body')[0].clientWidth,
		viewportheight = document.getElementsByTagName('body')[0].clientHeight
	}
	*/

	$.getDocHeight = function(){
		return Math.max(
			$(document).height(),
			$(window).height(),
			document.documentElement.clientHeight
		);
	};
	
	//document.getElementById('wrapper').style.height = viewportheight + "px";
	document.getElementById('wrapper').style.height = $.getDocHeight() + "px";
});