var Spry;
if(!Spry)
{
	Spry = {};
}
if(!Spry.Widget)
{
	Spry.Widget = {};
}

// Constructor for Menu Bar
// element should be an ID of an unordered list (<ul> tag)
// preloadImage1 and preloadImage2 are images for the rollover state of a menu
Spry.Widget.MenuBar = function(element, opts)
{
	this.init(element, opts);
};

Spry.Widget.MenuBar.prototype.init = function(element, opts)
{
	this.element = this.getElement(element);

	// represents the current (sub)menu we are operating on
	this.currMenu = null;

	var isie = (typeof document.all != 'undefined' && typeof window.opera == 'undefined' && navigator.vendor != 'KDE');
	if(typeof document.getElementById == 'undefined' || (navigator.vendor == 'Apple Computer, Inc.' && typeof window.XMLHttpRequest == 'undefined') || (isie && typeof document.uniqueID == 'undefined'))
	{
		// bail on older unsupported browsers
		return;
	}

	// load hover images now
	if(opts)
	{
		for(var k in opts)
		{
			var rollover = new Image;
			rollover.src = opts[k];
		}
	}

	if(this.element)
	{
		this.currMenu = this.element;
		var items = this.element.getElementsByTagName('li');
		for(var i=0; i<items.length; i++)
		{
			this.initialize(items[i], element, isie);
			if(isie)
			{
				this.addClassName(items[i], "MenuBarItemIE");
				items[i].style.position = "static";
			}
		}
		if(isie)
		{
			if(this.hasClassName(this.element, "MenuBarVertical"))
			{
				this.element.style.position = "relative";
			}
			var linkitems = this.element.getElementsByTagName('a');
			for(var i=0; i<linkitems.length; i++)
			{
				linkitems[i].style.position = "relative";
			}
		}
	}
};

Spry.Widget.MenuBar.prototype.getElement = function(ele)
{
	if (ele && typeof ele == "string")
		return document.getElementById(ele);
	return ele;
};

Spry.Widget.MenuBar.prototype.hasClassName = function(ele, className)
{
	if (!ele || !className || !ele.className || ele.className.search(new RegExp("\\b" + className + "\\b")) == -1)
	{
		return false;
	}
	return true;
};

Spry.Widget.MenuBar.prototype.addClassName = function(ele, className)
{
	if (!ele || !className || this.hasClassName(ele, className))
		return;
	ele.className += (ele.className ? " " : "") + className;
};

Spry.Widget.MenuBar.prototype.removeClassName = function(ele, className)
{
	if (!ele || !className || !this.hasClassName(ele, className))
		return;
	ele.className = ele.className.replace(new RegExp("\\s*\\b" + className + "\\b", "g"), "");
};

// addEventListener for Menu Bar
// attach an event to a tag without creating obtrusive HTML code
Spry.Widget.MenuBar.prototype.addEventListener = function(element, eventType, handler, capture)
{
	try
	{
		if (element.addEventListener)
		{
			element.addEventListener(eventType, handler, capture);
		}
		else if (element.attachEvent)
		{
			element.attachEvent('on' + eventType, handler);
		}
	}
	catch (e) {}
};

// createIframeLayer for Menu Bar
// creates an IFRAME underneath a menu so that it will show above form controls and ActiveX
Spry.Widget.MenuBar.prototype.createIframeLayer = function(menu)
{
	var layer = document.createElement('iframe');
	layer.tabIndex = '-1';
	layer.src = 'javascript:false;';
	menu.parentNode.appendChild(layer);
	
	layer.style.left = menu.offsetLeft + 'px';
	layer.style.top = menu.offsetTop + 'px';
	layer.style.width = menu.offsetWidth + 'px';
	layer.style.height = menu.offsetHeight + 'px';
};

// removeIframeLayer for Menu Bar
// removes an IFRAME underneath a menu to reveal any form controls and ActiveX
Spry.Widget.MenuBar.prototype.removeIframeLayer =  function(menu)
{
	var layers = menu.parentNode.getElementsByTagName('iframe');
	while(layers.length > 0)
	{
		layers[0].parentNode.removeChild(layers[0]);
	}
};

// clearMenus for Menu Bar
// root is the top level unordered list (<ul> tag)
Spry.Widget.MenuBar.prototype.clearMenus = function(root)
{
	var menus = root.getElementsByTagName('ul');
	for(var i=0; i<menus.length; i++)
	{
		this.hideSubmenu(menus[i]);
	}
	this.removeClassName(this.element, "MenuBarActive");
};

// bubbledTextEvent for Menu Bar
// identify bubbled up text events in Safari so we can ignore them
Spry.Widget.MenuBar.prototype.bubbledTextEvent = function()
{
	return (navigator.vendor == 'Apple Computer, Inc.' && (event.target == event.relatedTarget.parentNode || (event.eventPhase == 3 && event.target.parentNode == event.relatedTarget)));
};

// showSubmenu for Menu Bar
// set the proper CSS class on this menu to show it
Spry.Widget.MenuBar.prototype.showSubmenu = function(menu)
{
	if(this.currMenu)
	{
		this.clearMenus(this.currMenu);
		this.currMenu = null;
	}
	
	if(menu)
	{
		this.addClassName(menu, "MenuBarSubmenuVisible");
		if(typeof document.all != 'undefined' && typeof window.opera == 'undefined' && navigator.vendor != 'KDE')
		{
			if(!this.hasClassName(this.element, "MenuBarHorizontal") || menu.parentNode.parentNode != this.element)
			{
				menu.style.top = menu.parentNode.offsetTop + 'px';
			}
		}
		if(typeof document.uniqueID != "undefined")
		{
			this.createIframeLayer(menu);
		}
	}
	this.addClassName(this.element, "MenuBarActive");
};

// hideSubmenu for Menu Bar
// remove the proper CSS class on this menu to hide it
Spry.Widget.MenuBar.prototype.hideSubmenu = function(menu)
{
	if(menu)
	{
		this.removeClassName(menu, "MenuBarSubmenuVisible");
		if(typeof document.all != 'undefined' && typeof window.opera == 'undefined' && navigator.vendor != 'KDE')
		{
			menu.style.top = '';
			menu.style.left = '';
		}
		this.removeIframeLayer(menu);
	}
};

// initialize for Menu Bar
// create event listeners for the Menu Bar widget so we can properly
// show and hide submenus
Spry.Widget.MenuBar.prototype.initialize = function(listitem, element, isie)
{
	var opentime, closetime;
	var link = listitem.getElementsByTagName('a')[0];
	var submenus = listitem.getElementsByTagName('ul');
	var menu = (submenus.length > 0 ? submenus[0] : null);

	var hasSubMenu = false;
	if(menu)
	{
		this.addClassName(link, "MenuBarItemSubmenu");
		hasSubMenu = true;
	}

	if(!isie)
	{
		// define a simple function that comes standard in IE to determine
		// if a node is within another node
		listitem.contains = function(testNode)
		{
			// this refers to the list item
			if(testNode == null)
			{
				return false;
			}
			if(testNode == this)
			{
				return true;
			}
			else
			{
				return this.contains(testNode.parentNode);
			}
		};
	}
	
	// need to save this for scope further down
	var self = this;

	this.addEventListener(listitem, 'mouseover', function(e)
	{
		if(self.bubbledTextEvent())
		{
			// ignore bubbled text events
			return;
		}
		clearTimeout(closetime);
		if(self.currMenu == listitem)
		{
			self.currMenu = null;
		}
		// show menu highlighting
		self.addClassName(link, hasSubMenu ? "MenuBarItemSubmenuHover" : "MenuBarItemHover");
		if(menu && !self.hasClassName(menu, "MenuBarSubmenuVisible"))
		{
			opentime = window.setTimeout(function(){self.showSubmenu(menu);}, 250);
		}
	}, false);

	this.addEventListener(listitem, 'mouseout', function(e)
	{
		if(self.bubbledTextEvent())
		{
			// ignore bubbled text events
			return;
		}

		var related = (typeof e.relatedTarget != 'undefined' ? e.relatedTarget : e.toElement);
		if(!listitem.contains(related))
		{
			clearTimeout(opentime);
			self.currMenu = listitem;

			// remove menu highlighting
			self.removeClassName(link, hasSubMenu ? "MenuBarItemSubmenuHover" : "MenuBarItemHover");
			if(menu)
			{
				closetime = window.setTimeout(function(){self.hideSubmenu(menu);}, 600);
			}
		}
	}, false);
};

function _getElementById(div_id, target_tagame, target_id){
 var div_node = document.getElementById(div_id);
 var ret_node = null;
 function travel(node, target_tagame, target_id){
  if(node == null || target_tagame == null || target_id == null)
   return null;
  
  for(var i=0; i<node.childNodes.length; i++){
   var child = node.childNodes[i];
   if(child.tagName == null || child.tagName == "undefined")
    continue;
   var tagname = child.tagName.toLowerCase();
   target_tagame = target_tagame.toLowerCase();
   if(target_tagame == tagname && target_id == child.id){
    ret_node = child;
    break;
   }

   travel(child, target_tagame, target_id);
  }
 }
 travel(div_node, target_tagame, target_id);
 return ret_node;
}
function attachXMenu(){	
	var tds=document.getElementById('xmenu0').getElementsByTagName('td');
	for(var i=0;i<tds.length;i++){	
		with(tds[i]){
			onmouseover=function(){		
				with(this){
					filters[0].apply();
					style.background='#66CCFF'; //�����������ȥʱ�ı�����ɫ
					style.border='1px solid #ffffff'; //�߿�	
					style.color='#ffffff'; //������ɫ
					filters[0].play();
				}				

			}
			onmouseout=function(){
				with(this){
					filters[0].apply();
					style.background='#336699'; //��������뿪ʱ�ı�����ɫ
					style.border='1px solid #336699'; //�߿�
					style.color='#ffffff'; //������ɫ
					filters[0].play();
				}
			}
		}		
		
	}
}


function switchTab(tabpage,tabid){
	
	var oItem = document.getElementById(tabpage).getElementsByTagName("li"); 
	
    for(var i=0; i<oItem.length; i++){
        var x = oItem[i];    
        x.className = "";
	}	

	
	document.getElementById(tabid).className = "Selected";
	var dvs=document.getElementById("cnt").getElementsByTagName("div");
	for (var i=0;i<dvs.length;i++){
		 target=document.getElementById(dvs[i].id);
	  if (dvs[i].id==('d'+tabid))
		{		
		  
	      target.style.display='block';

		}
	  else
  	     target.style.display='none';

	}
}
function mouseOut(tabpage,tabid)
{
   var oItem = document.getElementById(tabpage).getElementsByTagName("li"); 
	
    for(var i=0; i<oItem.length; i++){
        var x = oItem[i]; 
		if(x.id==tabid)
		{
		}
		else
        x.className = "";
	}	
	var dvs=document.getElementById("cnt").getElementsByTagName("div");
	for (var i=0;i<dvs.length;i++)
	{
		 target=document.getElementById(dvs[i].id);
	   if (dvs[i].id==('d'+tabid))
		{		
		  
	    

		}
	  else
  	     target.style.display='none';
	      	

	}
}

function mouseOutWithout(tabpage,tabid)
{

}
function  loadNavigation()
{

}

//用于三级导航展示
var FrontNavigation_show ={
// JavaScript Document
navigation:function(){
var timeObj;
//----------------
$(function(){
//初始化
//$(".secondCount").hide();
//$(".thirdCount").hide();
//$(".second").hide();
//$(".third").hide();
$(".middle").hide();

//一级菜单项的操作
$(".first li a").each(function(i){
	$(this).mouseover(function(){
	  $(".active1").removeClass("active1"); //一级切换时移除所有二级高亮
	  $(".middle").hide();//一级切换时隐藏居中层
	  $(".third:visible").hide(); //移到一级，隐藏三级
	  $(".thirdCount").hide();
	  $(".first .active").removeClass("active");  //添加当前高亮效果
	  $(this).addClass("active");					   
	  if(document.getElementById($(this).attr("rel"))){  //判断是否有rel属性，如果有则显示下级
		  $(".second:visible").hide();								 	
		  a = $(this).attr("rel");  //获取到该href的rel属性值
		  $(".secondCount").show(); //显示二级容器
		  $("#"+a).show();  //显示id为对应rel值的二级内容
		  
		  //以下通过一级菜单个数来决定其下级菜单左对齐还是右对齐
		  len = ($(".first li a").length)/3;  
		  if(i<len){
			  $(".second").css("float","left"); //左对齐
			  $(".third").css("float","left"); //左对齐
		  } else if(i>(2*len)) {
			  $(".second").css("float","right"); //左对齐
			  $(".third").css("float","right"); //右对齐
		  } else {
			  $("#"+a).css("float","none");
		  	  $("#"+a).attr("class","middle");
			  b=$(".middle li a").attr("rel");
			  
			  $("#"+b).attr("class","thirdMiddle");
			  $(".thirdMiddle").css("float","none");
		  }
	  }else{ //如果该一级菜单没有rel属性则隐藏二级容器和内容
		  $(".secondCount").hide(); 
		  $(".thirdCount").hide(); 
	  }								
	})
})

//------------二级容器的鼠标移出---------------------
$(".secondCount").hover(function(){
	window.clearTimeout(timeObj);
	},function(){ 
	if($(".thirdCount").css("display")=="none"){ //如果三级菜单容器已显示则二级容器也显示
		$(this).hide();
	}else{  //否则隐藏二级容器
		$(this).show();
		timeObj=window.setTimeout(function(){
			$(".secondCount").hide();
			$(".thirdCount").hide();
			},20);
	}
	
})

//-------------二级菜单项操作---------------------
$(".second li a,.middle li a").hover(function(){ //鼠标移入
	$(".second .active1,.middle .active1").removeClass("active1"); //添加当前高亮
	$(this).addClass("active1");							 
	if(document.getElementById($(this).attr("rel"))){ //判断是否有rel属性，并决定是否显示三级菜单
		$(".third:visible,.thirdMiddle:visible").hide();
		b = $(this).attr("rel");
		$(".thirdCount").show();
		$("#"+b).show();
	}else{
		$(".thirdCount").hide();
	}
},function(){ //鼠标移出
	if($(".thirdCount").css("display")=="none"){ //如果无三级菜单则隐藏二级菜单
		$(".third:visible,.thirdMiddle:visible").hide();
		$(".thirdCount").hide();
	}else{} //如果有三级菜单则保持二级菜单显示
})
//----------------------------------------------------
$(".thirdCount").hover(function(){
	window.clearTimeout(timeObj);
	},function() {
	$(this).hide();
	timeObj=window.setTimeout(function(){
			$(".secondCount").hide();
			},20);
})
})
}
}