$(function(){
	
	$("body").append("<div class='overlay'></div>");
	$(".overlay").hide("");
	
	var height = $(document).height();
	var width = $(document).width();
	var overlayCss = {
		"height": height,
		"width": width,
		"position":"absolute",
		"top":"0",
		"left":"0",
		"z-index":"100",
		"opacity": "0.6",
		"background":"#828181"
	}
	$(".overlay").css(overlayCss);
	
	var offset = $(".partners").offset();
	var offsetLeft = offset.left - 450;
	$(".menuPopUp").css("left",offsetLeft);
	
	$(".menuPopUp li").each(function(i){
		$(this).attr("id","li"+i);
	});
	
	$(".popUpContentContainer div.popUpContent").each(function(i){
		$(this).attr("id","div"+i);
	});
	
	$(".menuPopUp li").mouseover(function() {
		var id = $(this).attr("id").replace("li","div");

		$(".popUpContent").fadeOut("fast");
		
		$("#" + id).fadeIn("slow");
	});
		
	$(".menuPopUp").attr("over",false);
	
	$(".partners").mouseover(function(){
		$(".overlay").fadeIn("fast",function(){
			 $(".menuPopUp").slideDown("slow");
		})
		/* setTimeout(function(){
			var isOver = $(".menuPopUp").attr("over");
			if(isOver == "false"){
				$('.menuPopUp').slideUp("slow",function(){
					 $(".overlay").fadeOut("fast");
				});
			}
		},2000); */
	});
	
	$(".menuPopUp").mouseenter(function(){
		$(this).attr("over",true);
	});
	
	$(".menuPopUp").mouseleave(function(){	
		$('.menuPopUp').slideUp("slow",function(){
			 $(".overlay").fadeOut("fast");
		})	
		$(this).attr("over",false);		
	});
	
});