// 获取菜单的 Json 数据
$(function() {
	$.get (
		"/ashx/SubjectData.ashx",
		function(data) {
			create_menu(eval('(' + data + ')'));
			add_event();
			add_class();
		});
});	

// 根据传入和 JSON 创建菜单
function create_menu(json) {
	var str = "";
	
	$(json.items).each(function(i) {
		if (json.items[i].ParentID == "0") {
			var id = json.items[i].ID;
			var url;
			
			
			if (id == 8)  // 协理员窗口
				url = "<a class='main_a' href='" + json.items[i].Url + "' target='_self' style='width:90px'>";
			else
				url = "<a class='main_a' href='" + json.items[i].Url + "' target='_self'>";
				
			str += "<li class='main_item'>" + url + "<span>" + json.items[i].Title + "</span></a>";

			var str2 = "";
			
			$(json.items).each(function(j) {
				if (json.items[j].ParentID == id) {
					if (json.items[j].ID == 48) {
						str2 += "<li class='sub_item'><a href='" + json.items[j].Url + "?sid=" + json.items[j].ID + "' target='_blank'>" + json.items[j].Title + "</a></li>";
					}
					else {
						str2 += "<li class='sub_item'><a href='" + json.items[j].Url + "?sid=" + json.items[j].ID + "'>" + json.items[j].Title + "</a></li>";
					}
				}
			});

			if (str2 != "")
				str += "<ul class='sub_nav'>" + str2 + "</ul>";

			str += "</li>";
		}
	});

	$('ul.main_nav').append(str);
}

// 为菜单项添加事件
function add_event() {		
	$('li.main_item').mouseover(function(){
		$(this).parent().find('ul').hide();
		$(this).find('ul').show();		
	});
}

// 为菜单项添加样式
function add_class() {
	$('ul.sub_nav').each(function() {
		// 子菜单的最后一项添加背景图片样式
		$(this).find('li').last().addClass('sub_last');
		
		// 相对上级菜单的元素进行定位
		$(this).css('left', $(this).parent().position().left - 80);
	});
	
	// <气象科普> 定位
	//$('ul.sub_nav').last().css('left', $('ul.main_nav').position().left + 300);
	$('ul.sub_nav').last().css('left', $('ul.main_nav').width() - $('ul.sub_nav').last().width());
}