// JavaScript Document
/**
++ update   : 2008-01-24
++ Author   : Rong
++ Name     : cover(title,width)
++ Function : 遮罩层,可任意拖曳
++ Param    : @string title : 标题栏提示字符串
              @number width : 操作层的宽度,单位(px)
++ use      : cover('系统提示');
++            然后往id为cContent的DIV里填内容
++ 提示     ：用CSS定义ID为oDiv(整个拖曳层),oDivH(拖曳层标题栏),cContent(内容层),只能用#oDiv定义
++ 注意     ：约定弹出模拟DIV层的Z轴为200~299,点关闭时会回调closeDiv();函数，做些恢复或者善后工作
*/
var waitImg = new Image();
waitImg.src = URL + 'images/default/waiting.gif';
var opa = 0.5;//透明度
var sel =new Array();
function cover(title, width, top)
{	
    //隐藏select
	var tSel = document.getElementsByTagName('select');
	for(var i = 0 , tMax = tSel.length; i < tMax; i++)
	{
		if('none' != tSel[i].style.display)
		{
			sel.push(tSel[i]);
		    tSel[i].style.display = 'none';
		}
	}
	cDiv = document.createElement('div');
	cDiv.id = 'coverDiv';
	cDiv.style.position = 'absolute';
	cDiv.style.zIndex = 200;
	cDiv.style.left = 0;
	cDiv.style.top  = 0;
	cDiv.style.width = '100%';
	cDiv.style.height = document.body.offsetHeight + 'px';
	//document.documentElement.scrollTop;
	//隐藏滚动条
	//document.body.style.overflowX = 'hidden';//ff
	//document.getElementsByTagName('html')[0].style.overflowX = 'hidden';//ie
	
	
	//cDiv.innerHTML = '<div id="oDiv" freeDrag=\'yes\' onmousedown="drag(event||window.event,this.id);"><div id="oDivH" title="按住鼠标，可随意拖动模块" style="cursor:move;"><div style="float:left;">' + title + '</div><div style="float:right;cursor:hand;"><img src="/images/close.jpg" border=0 alt="关闭" style="cursor:pointer;" onclick="closeCover();"></div></div><div id=\'cContent\'></div></div>';

	tOpa = 0;
	ff = setInterval(function()
				{
					if(tOpa > opa)clearInterval(ff);   
					cDiv.style.backgroundColor = '#000';
	                cDiv.style.filter = 'alpha(opacity='+tOpa*100+')';
	                cDiv.style.opacity = tOpa;
					tOpa += 0.2;
				},200);
	
	//cDiv.style.backgroundColor = '#D8D7D7';
	//cDiv.style.filter = 'alpha(opacity='+opa*100+')';
	//cDiv.style.opacity = opa;
	document.body.appendChild(cDiv);
	
	//拖曳层
	oDiv                = document.createElement('div');
	oDiv.id             = 'oDiv';
	oDiv.style.position = 'absolute';
	oDiv.style.zIndex   = 201;
	oDiv.style.width    = width+'px';
	oDiv.style.left     = (cDiv.offsetWidth-width)/2 + 'px';
	oDiv.style.top      = (null == top || 'undefined' == top) ? document.documentElement.scrollTop + 'px' : top +'px';
	oDiv.setAttribute('freeDrag','yes');
	oDiv.innerHTML = '<div id="oDivH" title="按住鼠标，可随意拖动" style="cursor:move;" onmousedown="drag(event||window.event,\'oDiv\');"><div style="float:left; cursor:text; padding: 5px 0 0 10px;">' + title + '</div><div style="float:right;cursor:poniter; padding: 5px 5px 0 0px;"><img src="'+URL+'images/album/del_bg.gif" border=0 alt="关闭" style="cursor:pointer;" onclick="closeCover();"></div></div><div id=\'cContent\'><img src="'+URL+'images/default/waiting.gif" width="214" height="15" style="margin: 15px 50px; display="none;" /></div>';
	document.body.appendChild(oDiv);
}

/**
++ update   : 2008-01-24
++ Author   : Rong
++ Name     : closeCover
++ Function : 关闭遮罩层
++ use      : closeCover();
*/
function closeCover()
{
	for(var i = 0 , tMax = sel.length; i < tMax; i++)
	{
		sel[i].style.display = '';
	}
	
	tOpa = opa;
	f = setInterval(function()
				{
					if(tOpa <= 0)clearInterval(f);
	                oDiv.style.filter = 'alpha(opacity='+tOpa*100+')';
	                oDiv.style.opacity = tOpa;
					tOpa -= 0.1;
				 },200);
	function delChild()
    {
	    document.body.removeChild($('coverDiv'));
		document.body.removeChild($('oDiv'));
    }
	setTimeout(delChild,1000);
	
	//document.body.removeChild($('coverDiv'));
	//document.body.removeChild($('oDiv'));
	//隐藏滚动条
	document.body.style.overflow = '';//ff
	document.getElementsByTagName('html')[0].style.overflow = '';//ie

	return closeDiv();
}
function closeDiv(){}