/**
 * jkl
 * 下拉列表
 * <li class="a_menu_pare"><a class="a_menu" href="/about-us/index.html" src="链接文字1|链接1;链接文字2|链接2;链接文字3|链接3;">链接</a></li>
 */
var s1 = 0;
var s2 = 0;
var menu_width = 160;//菜单的默认宽度
var menu_border_color = "#5C86D8";//菜单的边框颜色
var menu_background_color = "#104383";//菜单的背景颜色
var menu_background_color2 = "#5C86D8";//菜单的背景颜色
var menu_top = 33;//菜单下移的距离
$(document).ready(function(){
	if(!$(".a_menu_pare") || $(".a_menu_pare").length <= 0){
		return;
	}
	var h = "min-height";
	if($.browser.version == "6.0"){
		h = "height";	
	}
	var w = menu_width + "px";	
	
	$("body").append("<div id='div_menu_child' style='position: absolute;z-index: 42;width: " + w + ";background-color: red;'></div>");
	$("#div_menu_child").hide();
	$(".a_menu").each(function(i){
		$(this).parent(".a_menu_pare").attr("id", "a_menu_" + i).css("cursor", "pointer");
	});
	$(".a_menu").parent(".a_menu_pare").hover(function(){
//		if($(this).attr("src")){
//			w = $(this).attr("src") + "px";
//		}
		$("#div_menu_child").css("width", w);
		var str = "";
		var aSrc = $(this).children(".a_menu").attr("src");
		if(aSrc && aSrc.length > 0){
			var urls = aSrc.split(";");
			if(urls && urls.length > 0){
				str += "<ul class='ul_menu' style='width: " + w + ";list-style-type:none;margin:0px;padding: 0px;'>";
				for(var i = 0; i < urls.length; i++){
					var urls2 = urls[i].split("|");
					if(urls2 && urls2.length == 2){
						str += "<li><a href='" 
								+ urls2[1]
								+ "'>"
								+ urls2[0]
								+ "</a></li>"
					}
				}
				str += "</ul>";
			}
		}
		if(str.length > 0){
			var x = getAbsoluteLeft2($(this).attr("id"));
			var y = getAbsoluteTop2($(this).attr("id"));
			$("#div_menu_child").html(str).css("top", (y - 0 + menu_top) + "px").css("left", x + "px");
			$(".ul_menu li").css("float", "left")					
						.css("width", w)
						.css(h, "22px")
						.css("border-style", "solid")
						.css("border-width", "0px 0px 1px 0px")
						.css("border-color", menu_border_color)
						.css("margin", "0px")
						.css("background-color", menu_background_color)
						.css("cursor", "pointer")
						.css("vertical-align", "middle")
						.css("text-align", "left")
						.css("padding-left", "10px","padding-right", "10px")					
						.click(function(){
							window.location.href = $(this).children("a").attr("href");
						});
			$(".ul_menu li").each(function(i){
					if(i == 0){
						$(this).css("border-width", "1px 0px 1px 0px")
					}
			});
			$(".ul_menu li a")
					.css("font-size", "12px")
					.css("text-decoration", "none")
					.css("font-family", "Arial, Helvetica, sans-serif")
					.css("text-align", "left")
					.css("color", "#ffffff");
			$(".ul_menu li").hover(function(){
				$(this).css("background-color", menu_background_color2);
				$(this).children("a").css("color", "#ffff00");
			}, function(){
				$(this).css("background-color", menu_background_color);
				$(this).children("a").css("color", "#ffffff");
			});
			s1 = 1;
			showMenu();
		}		
	}, function(){
		s1 = 0;
		$("#div_menu_child").hover(function(){
			s2 = 1;
		}, function(){
			s2 = 0;
			setTimeout("showMenu()", 100);
		});
		setTimeout("showMenu()", 100);
	});
});

function showMenu(){
	if((s1 == 0) && (s2 == 0)){
		$("#div_menu_child").hide();
	}else{
		$("#div_menu_child").show();
	}
}

function getAbsoluteTop2(objectId) {
	// Get an object top position from the upper left viewport corner
	o = document.getElementById(objectId)
	oTop = o.offsetTop            // Get top position from the parent object
	while(o.offsetParent!=null) { // Parse the parent hierarchy up to the document element
		oParent = o.offsetParent  // Get parent object reference
		oTop += oParent.offsetTop // Add parent top position
		o = oParent
	}
	return oTop
}

function getAbsoluteLeft2(objectId) {
	// Get an object left position from the upper left viewport corner
	o = document.getElementById(objectId)
	oLeft = o.offsetLeft            // Get left position from the parent object
	while(o.offsetParent!=null) {   // Parse the parent hierarchy up to the document element
		oParent = o.offsetParent    // Get parent object reference
		oLeft += oParent.offsetLeft // Add parent left position
		o = oParent
	}
	return oLeft
}
