//-----------------------------------------------------------------------
// Copyright (C) wwwRoot.cn, All rights reserved.
//-----------------------------------------------------------------------
// Root.Popup.js
// 实现页内弹出功能
// document.popups, document.popup, Popup

/**********

	<Popup Element="ElementID" Position="*" Offset="x,y" Fade="true|false" Modal="true|false" Hidings="ElementID1,ElementID2,..." Duration="Integer" OpenButton="ElementID" CloseButton="ElementID" ConfirmButton="ElementID" CancelButton="ElementID" DragBar="ElementID" Visible="Boolean" OnOpen="Function" OnClose="Function" OnConfirm="Function" OnCancel="Function" MaskColor="Color" MaskOpacity="Number" />
	
	--- * Position ---
		Top Left
		Top Center
		Top Right
		Middle Left
		Middle Center
		Middle Right
		Bottom Left
		Bottom Center
		Bottom Right
		ButtonLeft
		ButtonRight
		ButtonTop
		ButtonBottom
		Event
		x,y
		
**********/

/// <global type="HashArray" elementType="Popup">页面上定义的所有 Popup 对象的集合</global>
document.popups = new Array();
/// <global type="Popup">页面上正在打开的 Popup 对象</global>
document.popup = null;
/// <global type="Element">页面上的Mask</global>
document.write('<div id="__PopupMask" style="background-color:#666666; z-index:1000; position:absolute; visibility:hidden; display:none; left:0; top:0;">&nbsp;</div>');

Popup = function(element)
{
	/// <summary>
	///		Popup 构造函数
	/// </summary>
	
	/// <value type="Element" mayBeNull="false">从元素构建</value>
	if(typeof(element) == 'string') element = document.getElementById(element);
	this.element = element;	
	/// <value type="String" values="|Event|x,y" defaultValue="" mayBeNull="true">坐标类型, 居中/事件/坐标, 默认居中页面</value>
	this.position = 'middle center';
	/// <value type="String" mayBeNull="trye">x和y轴上的偏移量</value>
	this.offset = {x:0, y:0};
	
	/// <value type="Boolean" mayBeNull="false">默认状态, 是否淡入淡出</value>
	this.fade = true;		
	/// <value type="Boolean" mayBeNull="true">是否模态</value>
	this.modal = true;
	
	/// <value type="Boolean" mayBeNull="false">默认状态, 是否可见</value>
	this.visible = false;	
	/// <value type="Duration" mayBeNull="true">持续时间, 0为一直显示</value>
	this.duration = 0;
	
	/// <value type="String|Array" mayBeNull="true">显示时需要隐藏的对象</value>
	this.hidings = null;
	
	/// <value type="Element" mayBeNull="true">打开按钮</value>
	this.openButton = document.getElementById(this.element.id + '_OpenButton');	
	/// <value type="Element" mayBeNull="true">关闭按钮</value>
	this.closeButton = document.getElementById(this.element.id + '_CloseButton');	
	/// <value type="Element" mayBeNull="true">确认按钮</value>
	this.confirmButton = document.getElementById(this.element.id + '_ConfirmButton');	
	/// <value type="Element" mayBeNull="true">取消按钮</value>
	this.cancelButton = document.getElementById(this.element.id + '_CancelButton');
	/// <value type="Element" mayBeNull="true">拖动条</value>
	this.dragBar = document.getElementById(this.element.id + '_DragBar');
	
	/// <value type="Mask" mayBeNull="false">遮罩层</value>
	this.mask = new Mask();
}

/// <value type="Function|String" mayBeNull="true">打开时执行</value>
Popup.prototype.onopen = null;
/// <value type="Function|String" mayBeNull="true">关闭时执行</value>
Popup.prototype.onclose = null;
/// <value type="Function|String" mayBeNull="true">确认时执行</value>
Popup.prototype.onconfirm = null;
/// <value type="Function|String" mayBeNull="true">取消时执行</value>
Popup.prototype.oncancel = null;

Popup.prototype.bind =
	function()
	{
		/// <summary>初始化</summary>
		
		if(this.element != null)
		{	
			if(this.position == null) this.position = 'middle center';
			
			//偏移距离
			if(this.offset == null) this.offset = {x:0, y:0};
			if(typeof(this.offset) == 'string')
			{
				var offset = this.offset;
				if(offset == '' || !/^\-?[0-9]+,\-?[0-9]+$/.test(offset)) offset = '0,0';
				offset = offset.split(',');
				this.offset = {x:parseInt(offset[0]), y:parseInt(offset[1])};
			}
			
			//淡入淡出
			var fade = this.fade;
			if(fade == null) fade = true;
			if(typeof(fade) == 'string')
			{
				//支持true和false的不区分大小写设置
				if(/^true$/i.test(fade) || /^false$/i.test(fade))
				{
					fade = fade.toLowerCase();
				}
				//支持表达式
				fade = eval(fade);		
			}
			if(fade != true && fade != false) fade = false;
			this.fade = fade;
			
			//模态
			var modal = this.modal;			
			if(modal == null) modal = (this.position != 'event');
			if(typeof(modal) == 'string')
			{
				//支持true和false的不区分大小写设置
				if(/^true$/i.test(modal) || /^false$/i.test(modal))
				{
					modal = modal.toLowerCase();
				}
				//支持表达式
				modal = eval(modal);		
			}
			if(modal != true && modal != false) modal = false;
			this.modal = modal;
			
			//显示时需要隐藏的对象			
			if(this.hidings != null)
			{
				var hidings = this.hidings;
				this.hidings = new Array();
				if(typeof(hidings) == 'string')
				{
					hidings = hidings.split(',');
					for(var i=0; i<hidings.length; i++)
					{
						this.hidings[i] = document.getElementById(hidings[i]);
					}
				}
				else if(hidings instanceof Array)
				{
					for(var i=0; i<hidings.length; i++)
					{
						if(typeof(hidings[i]) == 'string')
						{
							this.hidings[i] = document.getElementById(hidings[i]);
						}
						else
						{
							this.hidings[i] = hidings[i];
						}
					}
				}
			}
			
			//持续时间
			this.duration = parseInt(this.duration);
			if (isNaN(this.duration)) this.duration = 0;
			
			//打开按钮
			if(this.openButton == null) this.openButton = this.element.id + '_OpenButton';
			if(typeof(this.openButton) == 'string') this.openButton = document.getElementById(this.openButton);			
			//关闭按钮
			if(this.closeButton == null) this.closeButton = this.element.id + '_CloseButton';
			if(typeof(this.closeButton) == 'string') this.closeButton = document.getElementById(this.closeButton);			
			//确认按钮
			if(this.confirmButton == null) this.confirmButton = this.element.id + '_ConfirmButton';
			if(typeof(this.confirmButton) == 'string') this.confirmButton = document.getElementById(this.confirmButton);			
			//取消按钮
			if(this.cancelButton == null) this.cancelButton = this.element.id + '_CancelButton';
			if(typeof(this.cancelButton) == 'string') this.cancelButton = document.getElementById(this.cancelButton);
			
			//是否可见
			var visible = this.visible;
			if(typeof(visible) == 'string')
			{
				//支持true和false的不区分大小写设置
				if(/^true$/i.test(visible) || /^false$/i.test(visible))
				{
					visible = visible.toLowerCase();
				}
				//支持表达式
				visible = eval(visible);		
			}
			if(visible != true && visible != false) visible = false;
			this.visible = visible;
			
			//遮罩层的颜色
			if(this.mask.color == null) this.mask.color = '#666666';
			//遮罩层的透明度
			if(this.mask.opacity == null) this.mask.opacity = 3;
			if(typeof(this.mask.opacity) == 'string')
			{
				this.mask.opacity = parseInt(this.mask.opacity);
			}
	
			//将对象初始化
			this.element.style.display = 'none';
			this.element.style.position = 'absolute';
			this.element.style.zIndex = '1001';
			this.element.style.visibility = 'hidden';
			this.element.style.overflow = 'hidden';
			
			var popup = this;
		
			//打开按钮
			if(this.openButton != null)
			{
				this.openButton.onclick =
					function(ev)
					{
						popup.open(ev);
					};
			}
			
			//关闭按钮
			if(this.closeButton != null)
			{
				this.closeButton.onclick =
					function(ev)
					{
						popup.close(ev);
					};
			}
			
			//确认按钮
			if(this.confirmButton != null)
			{
				this.confirmButton.onclick =
					function(ev)
					{
						popup.confirm(ev);
					};
			}
			
			//取消按钮
			if(this.cancelButton != null)
			{
				this.cancelButton.onclick =
					function(ev)
					{
						popup.cancel(ev);
					};
			}
			
			//拖动条
			if (this.dragBar != null)
			{
				this.dragBar.style.cursor = 'move';
				var __mouseDown = false;
				var offsetX, offsetY; //鼠标位置和popup的偏移距离
				var body = document.compatMode == 'CSS1Compat'? document.documentElement : document.body;
				//dragMask为拖动行为层(白色透明)
				var dragMask = document.createElement('DIV');
				dragMask.style.position = 'absolute';
				dragMask.style.zIndex = this.element.style.zIndex + 1;
				dragMask.style.backgroundColor = '#FFFFFF';//transparent
				if(navigator.appName == 'Microsoft Internet Explorer')
				{
					dragMask.style.filter = 'alpha(opacity=0)';
				}
				else
				{
					dragMask.style.opacity = 0;
				}
				dragMask.style.display = 'none';				
				dragMask.style.left = '0px';
				dragMask.style.top = '0px';
				dragMask.style.width = '400px';
				dragMask.style.height = '400px';
				document.body.insertBefore(dragMask, document.body.childNodes[0]);
				
				this.dragBar.onmousedown = function(ev)
				{	
					__mouseDown = true;
					ev = ev || window.event;
					
					
					
					//鼠标按下时确定鼠标指针和popup的偏移距离
					offsetX = ev.clientX + body.scrollLeft - popup.element.offsetLeft;
					offsetY = ev.clientY + body.scrollTop - popup.element.offsetTop;
										
					var x = ev.clientX - 200;
					var y = ev.clientY - 200;
					if (x < 0) x = 0;
					if (x + 400 > body.offsetWidth) x = body.offsetWidth - 400;
					if (y < 0) y = 0;
					if (y + 400 > body.offsetHeight) x = body.offsetHeight - 100;
					
					dragMask.style.left = body.scrollLeft + x + 'px';
					dragMask.style.top = body.scrollTop + y + 'px';
					dragMask.style.display = '';
				}
				this.dragBar.onmouseup = function()
				{
					if (__mouseDown)
					{
						__mouseDown = false;
												
						dragMask.style.display = 'none';
					}
				}
				dragMask.onmouseup = this.dragBar.onmouseup;
				dragMask.onmouseout = this.dragBar.onmouseup;
				dragMask.onmousemove = function(ev)
				{
					ev = ev || window.event;					
					if (__mouseDown)
					{	
						var x, y;
						
						x = ev.clientX - 200;
						y = ev.clientY - 200;
						if (x < 0) x = 0;
						if (x + 400 > body.offsetWidth) x = body.offsetWidth - 400;
						if (y < 0) y = 0;
						if (y + 400 > body.offsetHeight) x = body.offsetHeight - 400;
						dragMask.style.left = body.scrollLeft + x + 'px';
						dragMask.style.top = body.scrollTop + y + 'px';
						
						x = ev.clientX - offsetX;
						y = ev.clientY - offsetY;
						if (x < 0) x = 0;
						if (x + popup.element.offsetWidth > body.offsetWidth) x = body.offsetWidth - popup.element.offsetWidth;
						if (y < 0) y = 0;
						if (y + popup.element.offsetHeight > body.offsetHeight) y = body.offsetHeight - popup.element.offsetHeight;
						
						popup.element.style.left = body.scrollLeft + x + 'px';
						popup.element.style.top = body.scrollTop + y +  'px';
					}
				}
			}
			
			if(this.visible)
			{
				this.show();
			}
		
			document.popups[this.element.id] = popup;
		}
	};

Popup.prototype.locate = 
	function(ev)
	{
		/// <summary>为popup定位</summary>
		/// <param name="ev" type="EventArgs"></param>
		
		//debugger;
		
		if(this.position.indexOf(',') == -1) this.position = this.position.toLowerCase();
		
		var body = document.compatMode == 'CSS1Compat'? document.documentElement : document.body;
		var documentWidth = body.clientWidth, documentHeight = body.clientHeight;
		var scrollLeft = body.scrollLeft, scrollTop = body.scrollTop;
		var x = scrollLeft, y = scrollTop;
		
		switch(this.position)
		{
			case 'middle center':
				x += (documentWidth - this.element.offsetWidth) / 2;
				y += (documentHeight - this.element.offsetHeight) / 2;
				break;
			case 'top left':
				x += 0;
				y += 0;
				break;
			case 'top center':
				x += (documentWidth - this.element.offsetWidth) / 2;
				y += 0;
				break;
			case 'top right':
				x += documentWidth - this.element.offsetWidth;
				y += 0;
				break;
			case 'middle left':
				x += 0;
				y += (documentHeight - this.element.offsetHeight) / 2;
				break;
			case 'middle right':
				x += documentWidth - this.element.offsetWidth;
				y += (documentHeight - this.element.offsetHeight) / 2;
				break;
			case 'bottom left':
				x += 0;
				y += documentHeight - this.element.offsetHeight;
				break;
			case 'bottom center':
				x += (documentWidth - this.element.offsetWidth) / 2;
				y += documentHeight - this.element.offsetHeight;
				break;
			case 'bottom right':
				x += documentWidth - this.element.offsetWidth;
				y += documentHeight - this.element.offsetHeight;				
				break;
			case 'buttonleft':
				x = this.openButton.offsetLeft - this.element.offsetWidth;
				y = this.openButton.offsetTop;				
				if(y + this.element.offsetHeight > scrollTop + documentHeight)
				{
					y = this.openButton.offsetTop + this.openButton.offsetHeight - this.element.offsetHeight;
				}
				break;
			case 'buttonright':
				x = this.openButton.offsetLeft + this.openButton.offsetWidth;
				y = this.openButton.offsetTop;	
				if(y + this.element.offsetHeight > scrollTop + documentHeight)
				{
					y = this.openButton.offsetTop + this.openButton.offsetHeight - this.element.offsetHeight;
				}
				break;
			case 'buttontop':
				x = this.openButton.offsetLeft;
				if(x + this.element.offsetWidth > scrollLeft + documentWidth)
				{
					x = this.openButton.offsetLeft + this.openButton.offsetWidth - this.element.offsetWidth;
				}
				y = this.openButton.offsetTop - this.element.offsetHeight;
				break;
			case 'buttonbottom':
				x = this.openButton.offsetLeft;
				if(x + this.element.offsetWidth > scrollLeft + documentWidth)
				{
					x = this.openButton.offsetLeft + this.openButton.offsetWidth - this.element.offsetWidth;
				}
				y = this.openButton.offsetTop + this.openButton.offsetHeight;
				break;
			case 'event':
				ev = ev || window.event;
				x = 0, y = 0;
				if(ev)
				{					
					x = ev.clientX;
					y = ev.clientY;
					
					if(x + this.element.offsetWidth > documentWidth)
					{
						x = x - this.element.offsetWidth;
					}
					if(y + this.element.offsetHeight > documentHeight)
					{
						y = y - this.element.offsetHeight;
					}
					if(x < 0) x = 0;
					if(y < 0) y = 0;
					x += scrollLeft;
					y += scrollTop;
				}
				break;
			default:
				var location = this.position.split(',');
				x = scrollLeft + eval(location[0]);
				y = scrollTop + eval(location[1]);
				break;
		}
		
		x += this.offset.x;
		y += this.offset.y;
		
		if (x < 0) x = 0;
		if (y < 0) y = 0;
		
		this.element.style.left = x + 'px';
		this.element.style.top = y + 'px';
	}

Popup.prototype.show = 
	function(quick, ev)
	{
		/// <summary>显示</summary>
		/// <param name="quick" type="Boolean">是否快速显示</param>
		/// <param name="ev" type="EventArgs">事件参数</param>
		
		if(quick == null) quick = !this.fade;
		
		Popup.__HideHidings(this.hidings);
		
		if(this.modal)
		{
			this.mask.show(quick);
		}
		
		this.element.style.display = '';
		this.locate(ev);
		this.element.style.visibility = 'visible';		
		if(!quick)
		{
			Popup.__FadeIn(this.element.id, 0);
		}
		else
		{
			Popup.__SetOpacity(this.element, 10);
		}
		
		this.visible = true;
		document.popup = this;
	}

Popup.prototype.hide = 
	function(quick)
	{
		/// <summary>隐藏</summary>
		/// <param name="quick" type="Boolean">是否快速隐藏</param>
		
		if(this.visible)
		{
			if(quick == null) quick = !this.fade;
			
			if(!quick)
			{
				Popup.__FadeOut(this.element.id, 10);
			}
			else
			{		
				this.element.style.display = 'none';
				this.element.style.visibility = 'hidden';				
			}
			
			if(this.modal)
			{
				this.mask.hide(quick);
			}
			
			Popup.__ShowHidings(this.hidings);
			
			this.visible = false;
			
			document.popup = null;
			if (Popup.__Timer != null) window.clearTimeout(Popup.__Timer);
		}
	}

Popup.prototype.open =
	function(ev)
	{
		/// <summary>打开</summary>
		/// <param name="ev" type="Event">事件参数</param>
		
		if(document.popup != this)
		{
			if(Popup.__ReturnEventValue(this, 'onopen', ev))
			{
				if(document.popup != null)
				{
					document.popup.hide(true);
				}
				
				this.show(null, ev);
				
				if (this.duration > 0)
				{
					Popup.__Timer = window.setTimeout('if (document.popup != null && Popup.__Timer != null) document.popup.close();', this.duration);
				}
			}
		}
	};
	
Popup.prototype.close = 
	function(ev)
	{
		/// <summary>关闭</summary>
		/// <param name="ev" type="Event">事件参数</param>
		
		if(document.popup == this)
		{
			if(Popup.__ReturnEventValue(this, 'onclose', ev))
			{
				this.hide();
			}
		}
	};
	
Popup.prototype.confirm = 
	function(ev)
	{
		/// <summary>确认</summary>
		/// <param name="ev" type="Event">事件参数</param>
		
		if(document.popup == this)
		{
			if(Popup.__ReturnEventValue(this, 'onconfirm', ev))
			{
				this.hide();
			}
		}
	};
	
Popup.prototype.cancel = 
	function(ev)
	{
		/// <summary>取消</summary>
		/// <param name="ev" type="Event">Firefox事件参数</param>
		
		if(document.popup == this)
		{
			if(Popup.__ReturnEventValue(this, 'oncancel', ev))
			{
				this.hide();
			}
		}
	};
Popup.__Timer = null;
Popup.__ReturnEventValue = function(popup, eventName, ev)
{
	/// <summary>计算Popup事件的返回值</summary>
	
	var returnValue = true;
	
	if(popup[eventName] != null)
	{
		if(typeof(popup[eventName]) == 'function')
		{
			returnValue = popup[eventName](ev);
		}
		else if(typeof(popup[eventName]) == 'string')
		{
			eval('returnValue = function(ev){' + popup[eventName] + '}');							
			returnValue = returnValue.call(popup, ev);
		}
		
		//默认值为true
		if(returnValue != false && returnValue != true) returnValue = true;
	}	
	
	return returnValue;
}

Popup.__SetOpacity = function(element, alpha)
{
	/// <summary>设置 Popup 的透明度<summary>
	/// <param name="alpha" type="Integer">透明度 0-10 </param>
	
	if(alpha == null) alpha = 10;
	
	if(navigator.appName == 'Microsoft Internet Explorer')
	{
		element.style.filter = 'alpha(opacity=' + (alpha*10) + ')';
	}
	else
	{
		element.style.opacity = alpha/10;
	}
}

Popup.__FadeIn = function(elementId, alpha)
{
	/// <summary>淡入效果</summary>
	/// <param name="elementId" type="String">Block ID</param>
	/// <param name="alpha" type="Integer">透明度</param>
	
	if(alpha < 10)
	{
		alpha ++;
		
		var element = document.getElementById(elementId);		
		Popup.__SetOpacity(element, alpha);
		
		window.setTimeout('Popup.__FadeIn("' + elementId + '", ' + alpha + ');', 10);
	}
}
	
Popup.__FadeOut = function(elementId, alpha)
{
	/// <summary>淡出效果</summary>
	/// <param name="elementId" type="String">Block ID</param>
	/// <param name="alpha" type="Integer">透明度</param>
	
	var element = document.getElementById(elementId);	
	
	if(alpha > 0)
	{
		alpha --;
		
		Popup.__SetOpacity(element, alpha);
		
		window.setTimeout('Popup.__FadeOut("' + elementId + '", ' + alpha + ');', 10);
	}
	else
	{
		element.style.visibility = 'hidden';
		element.style.display = 'none';
	}
}

Popup.__HideHidings = function(hidings)
{
	/// <summary>隐藏不能在层下的内容, 如flash或select</summary>
	/// <param name="hidings" type="Array">要隐藏的内容<param>
	
	if(hidings instanceof Array)
	{
		for(var i=0; i<hidings.length; i++)
		{
			hidings[i].style.display = 'none';
		}
	}
}

Popup.__ShowHidings = function(hidings)
{
	/// <summary>显示不能在层下的内容, 如flash或select</summary>
	/// <param name="hidings" type="Array">要显示的内容<param>
	
	if(hidings instanceof Array)
	{
		for(var i=0; i<hidings.length; i++)
		{
			hidings[i].style.display = '';
		}
	}
}

Popup.Resize = function()
{
	/// <summary>当可见窗口大小改变时</summary>
	
	//重设Mask层的大小
	Mask.Resize();
		
	if(document.popup != null)
	{		
		if(document.popup.position != 'event') document.popup.locate();
	}
}
	
Mask = function(color, opacity)
{
	/// <summary>构造函数</summary>
	
	/// <value type="String">Modal模式下的Mask的透明度</value>
	this.color = color || '#666666';
	
	/// <value type="Integer">Modal模式下的Mask的透明度</value>
	this.opacity = opacity || 3;
}

/// <global type="Element">Modal模式下的Mask</global>
Mask.Element = document.getElementById('__PopupMask');

Mask.prototype.show = function(quick)
{
	/// <summary>显示 Mask<summary>	
	/// <param name="quick" type="Boolean">是否快速显示</param>
	//debugger;
	if(quick == null) quick = false;
	
	Mask.Element.style.display = '';		
	Mask.Element.style.visibility = 'visible';
	Mask.Element.style.backgroundColor = this.color;
	if(quick)
	{		
		Mask.__SetOpacity(this.opacity);
	}
	else
	{
		Mask.__SetOpacity(0);
		Mask.__FadeIn(0, this.opacity);
	}
}

Mask.prototype.hide = function(quick)
{
	/// <summary>隐藏 Mask<summary>
	/// <param name="quick" type="Boolean">是否快速显示</param>
	
	if(quick == null) quick = false;
	
	if(quick)
	{
		Mask.Element.style.visibility = 'hidden';
		Mask.Element.style.display = 'none';
	}
	else
	{
		Mask.__FadeOut(this.opacity);
	}
}

Mask.Resize = function()
{
	/// <summary>重新设置Mask的宽度和高度</summary>
	
	var width = 0, height = 0;
	//检测宽度
	var childNodes = document.body.childNodes;
	for(var i=0; i<childNodes.length; i++)
	{
		if(childNodes[i].nodeType == 1)
		{
			if(childNodes[i].offsetLeft + childNodes[i].offsetWidth > width)
			{
				width = childNodes[i].offsetLeft + childNodes[i].offsetWidth;
			}
		}
	}
	//检测高度
	for(var i=childNodes.length-1; i>=0; i--)
	{
		if(childNodes[i].offsetTop > 0)
		{
			height = childNodes[i].offsetTop + childNodes[i].offsetHeight;			
			break;
		}
	}
	
	var body = document.compatMode == 'CSS1Compat'? document.documentElement : document.body;
	var documentWidth = body.scrollLeft + body.clientWidth;
	if(width < documentWidth) width = documentWidth;
	var documentHeight = body.scrollTop + body.clientHeight;	
	if(height < documentHeight) height = documentHeight;
	
	Mask.Element.style.width = width + 'px';
	Mask.Element.style.height = height + 'px';
}

Mask.__SetOpacity = function(alpha)
{
	/// <summary>设置 Mask 的透明度<summary>
	/// <param name="alpha" type="Integer">透明度 0-10 </param>
	
	if(alpha == null) alpha = 0;
	
	if(navigator.appName == 'Microsoft Internet Explorer')
	{
		Mask.Element.style.filter = 'alpha(opacity=' + (alpha*10) + ')';
	}
	else
	{
		Mask.Element.style.opacity = alpha/10;
	}
}

Mask.__FadeIn = function(alpha, opacity)
{
	/// <summary>淡入效果</summary>
	/// <param name="alpha" type="Integer">透明度</param>
	
	if(alpha < opacity)
	{
		alpha ++;	
		Mask.__SetOpacity(alpha);		
		window.setTimeout('Mask.__FadeIn(' + alpha + ', ' + opacity + ');', 10);
	}
}

Mask.__FadeOut = function(alpha)
{
	/// <summary>淡出效果</summary>
	/// <param name="alpha" type="Integer">透明度</param>
	
	if(alpha > 0)
	{
		alpha --;		
		Mask.__SetOpacity(alpha);
		window.setTimeout('Mask.__FadeOut(' + alpha + ');', 10);
	}
	else
	{
		Mask.Element.style.visibility = 'hidden';
		Mask.Element.style.display = 'none';
	}
}

function __InitializePopups()
{
	/// <summary>初始化页面所有Popup</summary>
	
	Mask.Resize();
	
	window.onresize = Popup.Resize;		
	
	var popups = document.getElementsByTagName('Popup');
	for(var i=0; i<popups.length; i++)
	{
		var popup = new Popup(popups[i].getAttribute('Element'));
		popup.position = popups[i].getAttribute('Position');
		popup.offset = popups[i].getAttribute('Offset');
		popup.fade = popups[i].getAttribute('Fade');
		popup.modal = popups[i].getAttribute('Modal');
		popup.hidings = popups[i].getAttribute('Hidings');
		popup.duration = popups[i].getAttribute('Duration');
		popup.openButton = popups[i].getAttribute('OpenButton');
		popup.closeButton = popups[i].getAttribute('CloseButton');
		popup.confirmButton = popups[i].getAttribute('ConfirmButton');
		popup.cancelButton = popups[i].getAttribute('CancelButton');
		popup.visible = popups[i].getAttribute('Visible');
		popup.onopen = popups[i].getAttribute('OnOpen');
		popup.onclose = popups[i].getAttribute('OnClose');
		popup.onconfirm = popups[i].getAttribute('OnConfirm');
		popup.oncancel = popups[i].getAttribute('OnCancel');
		popup.mask.color = popups[i].getAttribute('MaskColor');
		popup.mask.opacity = popups[i].getAttribute('MaskOpacity');
		popup.bind();
	}
}

__InitializePopups();