﻿
//当前主场景id
var sceneId=$().getSceneId();
//alert(sceneId);
//var sceneId=443;
//要请求的数据页
var dataPage="sceneXml.aspx";
//最后外则的面板
var ScenePanel="ScenePanel_0";
//当前场景的父id
var parentId=0;
//
$(
	function()
	{
		//背景
		$("#Panel").css("background-image","url(images/"+sceneId+".jpg)");
		//加载顶部与底部
		$().setIndexTop();
		$().setIndexFoot();
		//$("#SceneStart").hide();
		$("#SceneStart").after("<div id='"+ScenePanel+"'></div>");
		loadXML(sceneId,BuildMenu);			
	}
);
//加载XML数据的方法
//加载完成后，要执行的方法
function loadXML(sId,func)
{
	var urlPath=dataPage;
	urlPath+="?sceneId="+sId+"&time="+new Date().getTime();
	//clipboardData.setData("TEXT", urlPath); 
	$.ajax({
              type: "GET",
              url: urlPath,
              dataType: "xml",
			  //开始，进行预载
			  beforeSend: function(XMLHttpRequest, textStatus){
			  	loading();			
				},
			  error: function(){
				alert("数据加载错误！请与管理人员联系！");				
				},
				//加载成功！
              success: function(xml) {
			  		//去除预载
			  		unloading();
			  		//加载成功后的方法，传递XML参数进去
			  		func($(xml));										
				}

          }); 
}
//预载框
function loading()
{
	var html="<div id='loading'></div>"
    var img="<img src=\"/manage/images/loading/load_003.gif\" width=\"10\" height=\"10\" />";	
	$("#"+ScenePanel).append(html);	
	$("#loading").html("<p>&nbsp;</p><p>"+img+"&nbsp;正在加信息...</p>"); 	
	//alert($("#"+ScenePanel).html());
}
//消除预载
function unloading()
{
	var html="<div class='nav'>∨</div>"
    //var img="<img src=\"/manage/images/loading/load_003.gif\" width=\"10\" height=\"10\" />";	
	if(parentId!=0)
	{
		$("#"+ScenePanel).append(html);	
	}
	$("#loading").remove(); 	
	//alert($("#"+ScenePanel).html());
}
//加载成功，生成菜单
function BuildMenu(obj)
{
	$("#"+ScenePanel).append(BuildPanel(obj)); 		
	$("input[@type='radio']").unbind("click");
	$("input[@type='radio']").click(
		function()
		{
			//当前id
			var id=$(this).attr("value");
			//父id
			parentId=Number($(this).attr("name"));
			//加入下级面板
			$("#"+ScenePanel).append("<div id='ScenePanel_"+parentId+"'></div>");
			//定义新面板
			ScenePanel="ScenePanel_"+parentId;
			//如果新面板已经存在，清空其内容
			$("#"+ScenePanel).html("");
			//加载新数据
			//loadXML(id,BuildMenu);
		}
	);
}
//生成每个子级的面板，抱括标题与选择项
function BuildPanel(obj)
{
	var parent=obj.find("parent");
	var childs=obj.find("childs");
	var html="";
	html+="<div class='panel'>";
	html+=BuildTitle(parent);
	html+=BuildItem(childs);
	html+="</div>";
	return html;
}
//生成标题
function BuildTitle(parent)
{
	var title=parent.find("title").text();
	var id=parent.find("id").text();
	var caption=parent.find("caption").text();
	
	var html="";
	html+="<div id='title_"+id+"'>";
		html+="<div class='title'>";
		html+=title;
		html+="</div>";
		if(caption!="")
		{
			html+="<div class='caption'>";
			html+=caption!="" ? caption : "这里是介绍，抱歉，还没有";
			html+="</div>";
		}
	html+="</div>";
	return html;
}
//当前级别的选择项
function BuildItem(child)
{	
	//父id
	var parentId=child.attr("patId");
	var html="";
	html+="<div id='item_"+parentId+"' class='childs'>";
	html+="<dl>";
	if(child.find("node").children().size()<1)
	{
		//alert("不存在子级，即，已经到了最底层");
	}
	child.find("node").each(
		function()
		{
			var title=$(this).find("title").text();
			var id=$(this).find("id").text();
			var caption=$(this).find("caption").text();
			//
			html+="<dd>";
			//html+="<input type=\"radio\" name=\""+parentId+"\" value=\""+id+"\" />";
			html+="<img src='images/ico_1.gif' />";
			html+="<a href='scene.htm?sceneId="+id+"&root="+sceneId+"' target='_blank'>";
			html+=title+"</a></dd>";
		}
	);
	html+="</dl>";
	html+="</div>";
	return html;
}