/*
****************************************************************** 
** 名: show widget drag  属于JFC － Jax Foundation Class
** 创建：welsham 2006-7-8  修改: welsham 2006-7-8
** 描述: parser之外观模块，外观的操作，如样式改变 widget--tabPanel popMenu…
** 修改描述: 
******************************************************************
*/

//**************初始化parser对象和show/widget对象************************
if(typeof parser != "object") { var parser={}; }
if(typeof parser.show != "object") { parser.show={}; }
if(typeof parser.widget != "object") { parser.widget={}; }
if(typeof parser.drag != "object") { parser.drag={}; }
if(typeof parser.List != "object") { parser.List={}; }


//**************消息处理****************************************
function doMsg(msg) {	
	if ( $("msgBox") ) {
		document.documentElement.scrollTop = 0;
	
		$("msgBox").innerHTML = msg;
		$("msgBox").style.display = "block";
	} else {
		alert(msg);	
	}
}
function doPubMsg( action, id ) {
	switch( action ) {
		case "save": {
			if ( $("saveBox") ) {
				parser.show.showScreen();
				$("saveBox").style.display = "block";
				parser.show.displayCenter( $("saveBox") );
			} else {
				doMsg("正在保存数据……");
			}
			
			break;
		}
		case "done": {
			if ( $("doneBox") ) {
				if ( id ) $("doneBox").innerHTML = $$("doneBox").replace(new RegExp('\{id\}', 'g'), id);
				$("saveBox").style.display = "none";
				$("doneBox").style.display = "block";
				parser.show.displayCenter( $("doneBox") );
			} else {
				doMsg("完成保存！");
				self.location.reload();
			}
			break;
		}
	}
}
function closePubMsg() {
	parser.show.cleanScreen();
	if ($("saveBox")) $("saveBox").style.display = "none";
	if ($("doneBox")) $("doneBox").style.display = "none";
}
function doLoginMsg( loginOrg ) {
	if ( $("loginBox") ) {
		
	} else {
		alert('您还没有登录！');	
	}
}
function doHandleMsg( msgType ) {
	
}

//**************显示与隐藏****************************************
//参数：state："none","block","inline"
parser.show.display=function(o,state)
{
	o.style.display=state;
};
//**************样式转变****************************************
parser.show.swStyle=function(o,style1,style2)
{
	if(o.className==style1) o.className=style2;
};
//**************选择样式转变*************************************
parser.show.selStyle=function(o,unselStyle,selStyle)
{
	if(o.className==selStyle) o.className=unselStyle;else o.className=selStyle;
};
parser.show.displayCenter = function(o)
{
	var left, top;
	left = document.documentElement.scrollLeft + document.documentElement.offsetWidth/2 - o.offsetWidth/2;
	o.style.left = left + "px";
	top = document.documentElement.scrollTop + document.documentElement.offsetHeight/2 - o.offsetHeight/2;
	o.style.top = top + "px";
};


//**************弹出Div*************************************
parser.show.showDiv=function(oDiv, left, top, width, height, state)
{
	if(oDiv.style.display=="none" || state == "show")
	{
		oDiv.style.left = left+"px";
		oDiv.style.top = top+"px";
		if (width) oDiv.style.width = width+"px";
		if (height) oDiv.style.height = height+"px";
		oDiv.style.display = "block";
	}
	else oDiv.style.display = "none"
};

//**************屏幕屏蔽*************************************
parser.show.showScreen=function()
{
	var objScreen = $("ScreenOver");
	if(!objScreen)
	{
		sHtml = '<iframe style="position:absolute;z-index:9000; background:#cccccc; margin:0; padding:0; filter:alpha(opacity=40); opacity:0.4; MozOpacity:0.4; width:expression(document.getElementById(\'ScreenOver\').offsetWidth);height:expression(document.getElementById(\'ScreenOver\').offsetHeight);top:expression(document.getElementById(\'ScreenOver\').offsetTop);left:expression(document.getElementById(\'ScreenOver\').offsetLeft);" frameborder="0" ></iframe>';
		sHtml += '<div style="position:absolute;z-index:9001; background:#cccccc; left:0; top:0; margin:0; padding:0; filter:alpha(opacity=40); opacity:0.4; MozOpacity:0.4;" id="ScreenOver"></div>';

		var el = document.createElement('span');
		el.innerHTML = sHtml;
		document.getElementsByTagName("body")[0].appendChild(el);
		
		var objScreen = $("ScreenOver");
	}
	var oS = objScreen.style;
	oS.display = "block";
	oS.width = document.documentElement.scrollWidth + "px";
	oS.height = document.documentElement.scrollHeight + "px";
};
//**************屏幕激活*************************************
parser.show.cleanScreen=function()
{
	var objScreen = $("ScreenOver");
	if (objScreen) objScreen.style.display = "none";
};


//**************列表－List***********************
parser.List.doShow = function( vShows, defaultShow ) {
	var sHtml = "";
	var vShow = getQuery( "show", null );
	if( vShow == "" ) vShow = defaultShow; 
	var url   = document.location.search.toString();
	if ( url != "" ) {
		url += "&";
		url  = url.replace(new RegExp("\\bshow=[^=&]*[&]{0,1}", "gi"), "");
	} else { url += "?"; }
	
	for ( var i = 0; i < vShows.length; i++ ) {
		sHtml += '<a href="'+ url + 'show=' + vShows[i][0] + '"';
		if ( vShows[i][0] == vShow ) {
			sHtml += ' class="listShowOn"'
		}
		sHtml += '>'+ vShows[i][1] +'</a> ';
	}
	 
	document.write( sHtml )
};
parser.List.doOrder = function( vOrder ) {
	var url   = document.location.search.toString();
	if ( url != "" ) {
		url += "&";
		url  = url.replace(new RegExp("\\border=[^=&]*[&]{0,1}", "gi"), "");
	} else { url += "?"; }
	
	document.location.href = url + "order=" + vOrder;
};


//**************widget start************************

//**************选项卡－tabPanel************************
parser.widget.tabPanel = function(_tabPanelID, _tabGroupID, _tabContentGroupID, _hasHover, _hasSelect, _onSelectEvent, _hasChangeContent)
{
	if (_tabPanelID.length == 0)
	{
		alert('缺少参数：选项卡的ID');
		return false;
	}
	
//全局属性
	this.oTabPanel = $(_tabPanelID);
	this.oTabs = this.getTabs(_tabGroupID);
	if (_hasChangeContent) this.oTabContents = this.getTabContents(_tabContentGroupID);
	this.hasHover = _hasHover; //是否启用对未选项的滑过事件
	this.hasSelect = _hasSelect; //是否启用选择事件
	this.onSelectEvent = _onSelectEvent; //选择的事件，onclick、onmouseover、switch、doSelect
	this.hasChangeContent = _hasChangeContent; //是否切换内容块
	
	this.attachBehaviors();
};
parser.widget.tabPanel.prototype.getTabs = function(_tabGroupID)
{
	if (_tabGroupID)
	{
		return $c( $(_tabGroupID) );
	}
	else
	{
		var child = this.oTabPanel.firstChild;
		while (child)
		{
			if (child.nodeType == 1 && child.className == 'tabGroup')
			{
				return $c(child);
			}
			child = child.nextSibling;
		}
	}
};
parser.widget.tabPanel.prototype.getTabContents = function(_tabContentGroupID)
{
	if(_tabContentGroupID)
	{
		return $c( $(_tabContentGroupID) );
	}
	else
	{
		var child = this.oTabPanel.firstChild;
		while (child)
		{
			if (child.nodeType == 1 && child.className == 'tabContentGroup')
			{
				return $c(child);
			}
			child = child.nextSibling;
		}
	}
};

parser.widget.tabPanel.prototype.attachBehaviors = function()
{
	var i;
	for (i=0; i < this.oTabs.length; i++)
	{
		this.addEvents(this.oTabs[i],i)
	}
};
parser.widget.tabPanel.prototype.addEvents = function(tab,tabIndex)
{
	var self = this;
	
	if (this.hasHover || ( this.hasSelect && this.onSelectEvent == 'hover'))
	{
		addEventListener(tab, "mouseover", function(e) { return self.onTabMouseOver(e, tab, tabIndex); }, false);
		addEventListener(tab, "mouseout", function(e) { return self.onTabMouseOut(e, tab, tabIndex); }, false);
	}
	
	if (this.hasSelect && this.onSelectEvent == 'click')
	{
		addEventListener(tab, "click", function(e) { return self.onSelect(e, tab, tabIndex); }, false);
	}
};
parser.widget.tabPanel.prototype.onTabMouseOver = function(e, tab, tabIndex)
{	
	if (this.hasSelect && this.onSelectEvent == 'hover') //select
	{
		this.onSelect(e, tab, tabIndex);
	}
	else //hover切换
	{
		if (tab.className == 'tab' && this.hasHover) tab.className = 'tabHover';
	}
};

parser.widget.tabPanel.prototype.onTabMouseOut = function(e, tab, tabIndex)
{
//hover切换
	if (tab.className == 'tabHover' && this.hasHover)
	{
		tab.className = 'tab';
	}	
};
parser.widget.tabPanel.prototype.onSelect = function(e, tab, tabIndex)
{
	for (var i=0; i < this.oTabs.length; i++)
	{
		if (this.oTabs[i].className == 'tabSelected' && i != tabIndex)
		{
			this.oTabs[i].className = 'tab';
			tab.className = 'tabSelected';
			
			if (this.hasChangeContent)
			{
				this.oTabContents[i].style.display = 'none';
				this.oTabContents[tabIndex].style.display = 'block';
			}
			
			break;
		}
	}
};


//**************菜单－menu************************
parser.widget.menu = function(_menuID)
{
	if (_menuID.length == 0)
	{
		alert('缺少参数：菜单的ID');
		return false;
	}
	
//全局属性
	this.oMenu = $(_menuID);
	
	this.attachBehaviors();
};
parser.widget.menu.prototype.attachBehaviors = function()
{
	var i,oLinks;
	var menus = this.oMenu.getElementsByTagName('li');
	for (i=0; i < menus.length; i++)
	{
		oLinks = menus[i].getElementsByTagName('a');
		if (oLinks.length>0 && oLinks[0].className == 'submenu')
		{
			this.addEvents(menus[i], oLinks[0]);
		}
	}
};
parser.widget.menu.prototype.addEvents = function(oMenuItem, oLink)
{
	var openTimer, closeTimer;
	var self = this;
	var submenus = oMenuItem.getElementsByTagName('ul');
	var submenu = (submenus.length > 0 ? submenus[0] : null);
	
	addEventListener(oMenuItem, 'mouseover', function(e)
	{
		clearTimeout(closeTimer);
		
		addClassName(oLink, "menuHover");
		
		openTimer = window.setTimeout(function(){self.showSubmenu(submenu);}, 250);
		
	}, false);
	
	addEventListener(oMenuItem, 'mouseout', function(e)
	{
		clearTimeout(openTimer);
		
		removeClassName(oLink, "menuHover");
		
		closeTimer = window.setTimeout(function(){self.hideSubmenu(submenu);}, 300);
		
	}, false);
};
parser.widget.menu.prototype.showSubmenu = function(menu)
{
	if(menu)
	{
		addClassName(menu, "submenuVisible");
		
		if(typeof document.all != 'undefined' && typeof window.opera == 'undefined' && navigator.vendor != 'KDE')
		{
			if( menu.parentNode.parentNode == this.element)
			{
				menu.style.top = (menu.parentNode.offsetTop + menu.parentNode.offsetHeight) + 'px';
				menu.style.left = menu.parentNode.offsetLeft + 'px';
			}
		}
		if(typeof document.uniqueID != "undefined")
		{
			this.createIframeLayer(menu);
		}
	}
	
	addClassName(this.element, "menuActive");
};
parser.widget.menu.prototype.hideSubmenu = function(menu)
{
	if(menu)
	{
		removeClassName(menu, "submenuVisible");
		
		if(typeof document.all != 'undefined' && typeof window.opera == 'undefined' && navigator.vendor != 'KDE')
		{
			menu.style.top = '';
			menu.style.left = '';
		}
		this.removeIframeLayer(menu);
	}
};
parser.widget.menu.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';
};
parser.widget.menu.prototype.removeIframeLayer =  function(menu)
{
	var layers = menu.parentNode.getElementsByTagName('iframe');
	while(layers.length > 0)
	{
		layers[0].parentNode.removeChild(layers[0]);
	}
};

//**************开关－switch***********************
parser.widget.doSwitch = function(oSwitch, _switchContentID, _openClassName, _closeClassName, _openImg, _closeImg)
{
	if ( !$(_switchContentID) ) return;
	
	if ($(_switchContentID).style.display == 'none')
	{
		$(_switchContentID).style.display = 'block';
		if( oSwitch && _closeClassName ) oSwitch.className = _closeClassName;
		if( oSwitch && _closeImg ) oSwitch.src = _closeImg;
	}
	else
	{
		$(_switchContentID).style.display = 'none';
		if( oSwitch && _openClassName ) oSwitch.className = _openClassName;	
		if( oSwitch && _openImg ) oSwitch.src = _openImg;
	}	
};


//**************弹出－popup***********************


//**************拖动—drag***********************
parser.drag.dragging = false;
parser.drag.oDrag = null;
parser.drag.dragStart = function( o ) {
	parser.drag.dragging = true;	
	parser.drag.oDrag = o;
	document.body.onselectstart = function() {
		return false;
	}
	
	//parser.drag.oDrag.setCapture();
	
	parser.drag.lastX = event.clientX;
	parser.drag.lastY = event.clientY;
	parser.drag.lastLeft = parseInt(parser.drag.oDrag.style.left);
	parser.drag.lastTop = parseInt(parser.drag.oDrag.style.top);
	//parser.drag.lastTop = parseInt(parser.drag.lastTop) - document.documentElement.scrollTop;
};
parser.drag.onDrag = function() {
	if ( !parser.drag.dragging ) return;
 
	var tX = event.clientX;
	var tY = event.clientY;
	parser.drag.oDrag.style.left = (parseInt(parser.drag.lastLeft) + tX - parser.drag.lastX) + 'px';
	parser.drag.oDrag.style.top = (parseInt(parser.drag.lastTop) + tY - parser.drag.lastY) + 'px';
	//parser.drag.oDrag.style.top = (parseInt(parser.drag.oDrag.style.top) + document.documentElement.scrollTop) + 'px';
	
};
parser.drag.dragEnd = function() {
	parser.drag.dragging = false;
	//parser.drag.oDrag.releaseCapture();
};