// JScript 文件

 $.ajaxSetup(
{
	cache:false
});
//禁用jquery緩存
$.get('xmldata/cxen_menu.xml',function (d)

{
	
	$('#div1').append('<h1> xml菜单载入实例：</h1>');	
	html='<table border=0 cellpadding=0 cellspacing=0>';	
	subhtml='';	
	j=y=0;	
	$(d).find('topic').each(
	function (i)
	
	{
		
		var $topic=$(this);		
		var title=$topic.attr("title");		
		var link=$topic.attr("link");		
		html+='<tr><td bgcolor=#168585><div class="font2" onclick="disp_no(\'#tmenu'+i+'\',this,\''+ link +'\')">'+title+'</div><img src=pic/menu/mid_line.jpg width=160px></td></tr>';		
		// 将一级菜单加上
		if($topic.find('item').length)// 二级菜单不为空，才开始追加
		
		{
			
			if(i>j)
			j=i;			
			html+='<tr><td id=tmenu'+i+' style="display:none;" bgcolor=#ffffff>';			
			$topic.find('item').each(function (x)// 二级菜单追加循环开始
			
			{
				
				var $item=$(this);				
				var title1=$item.attr("title");				
				var pic1=$item.attr("imageurl");				
				var link1=$item.attr("link");				
				if($item.find('subitem').length)// 三级菜单不为空，才开始追加
				
				{
					
					if(x>y)
					y=x;					
					$item.find('subitem').each(function (z)// 三级菜单追加循环开始
					
					{
						
						//alert('dsd');
						var $subitem=$(this);						
						var title2=$subitem.attr("title");						
						var pic2=$subitem.attr("imageurl");						
						var link2=$subitem.attr("link");						
						subhtml+='<div class="font3" onclick="OpenPage(\''+link2+'\')" id="submenu'+i+x+z+'" style="top:'+30*z+'px;background-image:url('+pic2+');"><span style="position:relative;">'+title2+'</span></div>';						
						
					})
					html+='<div class="font1" id="titem'+i+x+'" style="position:relative;background-image:url('+pic1+');"><div onclick="OpenPage(\''+link1+'\')">'+title1+"</div>"+subhtml+'</div>';
					// 将二级菜单加上    
					
				}
				else 
				html+='<div class="font1" onclick="OpenPage(\''+link1+'\')" id="titem'+i+x+'" style="position:relative;background-image:url('+pic1+');">'+title1+'</div>';
				// 将二级菜单加上       
				
			}
			)
			html+='</td></tr>';			
			
		}
		
	}
	)
	html+='</table>'
	$('#MenuDiv').append($(html));	
	$('.font1').hover(function ()
	{
		this.style.backgroundPosition="160px 30px";
		this.style.color="#009999";
		$('#'+this.id).find('.font3').show();
		
	},function ()
	{
		this.style.backgroundPosition="160px 0px";
		this.style.color="#808080";
		$('#'+this.id).find('.font3').hide();
		
	});	
	$('.font3').hover(function ()
	{
		this.style.backgroundPosition="120px 30px";
		this.style.color="#FF9933";
		
	},function ()
	{
		this.style.backgroundPosition="120px 0px";
		this.style.color="#009999";
		
	});	
	
}
)

function disp_no(tid,obj,url)

{
	OpenPage(url);
	// alert($(tid).css('display'));
	$('.font2').css("color","#FFFFFF");	
	obj.style.color='#FF9933';	
	for(x=0;x<=j;x++)
	
	{
		
		var tempid='#tmenu'+x;		
		if($(tempid)!=null)
		
		{
			
			if($(tempid).css('display')!="none")
			$(tempid).fadeOut(500);			
			
		}
		
	}
	if($(tid).css('display')=="none")
	$(tid).fadeIn(500);	
	else 
	$(tid).fadeOut(500);	
	
}
function OpenPage(pageurl)

{
	
	window.open(pageurl,'_self');	
	
}