$(function(){
	var str = '<div class="bgl"></div><div class="bgr"></div><div class="bgt"></div><div class="bgb"></div>';
	var body = document.getElementsByTagName("body")[0];
	var bodyheight = body.offsetHeight;
	var bodyWidth = body.offsetWidth;
	$("body").prepend(str);
	$(".bgl").height(bodyheight);
	$(".bgr").height(bodyheight);
	$(".bgt").width(bodyWidth);
	$(".bgb").width(bodyWidth);
	
	if($(".mainNav").length){
		var lis = $(".mainNav>ul>li");
		lis.each(function(){
			var _self = $(this);
			var timerId;
			if(_self.children("ul").length){
				var ul = _self.children("ul");
				_self.addClass("hasChild");
				_self.mouseenter(function(){
					clearTimeout(timerId);
					timerId = setTimeout(function(){ul.slideDown()},200);
				});
				_self.mouseleave(function(){
					clearTimeout(timerId);
					timerId = setTimeout(function(){ul.slideUp()},400);
				});
			}
		});
	}
});