//主调函数
// 显示编辑框, 可以有四个参数,前面两个是必须的
// 第一个是显示编辑框的标题, 第二个是编辑框指向的URL
// 第三个是编辑框的宽度 默认为400px, 第四个是编辑框的高度,默认为350px
function showEditArea(title, url){
	initEditArea();
	createBgDiv();
	
	var editarea = document.getElementById('editarea');
	var editframe = document.getElementById('editframe');
	
	//宽度和高度 默认都为400px
	var width = arguments[2]?arguments[2]:400;
	var height =  arguments[3]? arguments[3]:400;
	
	//设置标题
	document.getElementById('editareaTitle').innerHTML = title;
	//设置宽度和高度
	editarea.style.width = width + "px";
	editframe.style.width = width + "px";
	editarea.style.height = height + "px";
	editframe.style.height = height + "px";
	
	//iframe地址
	editframe.src = url;
	
	//弹出时的相对位置
	editarea.style.top = (document.documentElement.clientHeight-height)/2+document.body.scrollTop + 'px';
	editarea.style.display = '';
	
	
}

//关闭编辑框
function closeEditArea(){
	document.body.removeChild(document.getElementById('editarea'));
	removeBgDiv();
}

//修改标题
function setTitle(title){
	document.getElementById('editareaTitle').innerHTML = title;
}

//创建透明背景
function createBgDiv(){
	var bgDiv = document.createElement("div");
	bgDiv.id = "bgDiv";
	bgDiv.style.zIndex = 1000;
	bgDiv.style.width = "100%";
	bgDiv.style.height = "100%";
	bgDiv.style.background = "#000000";
	bgDiv.style.position = "absolute";
	bgDiv.style.left = 0;
	bgDiv.style.top = 0;
	
	//IE很怪,不设高度就是不行,相反的FF设了高度倒反不行,背景设置了就不会自动变长.
      if(isIE()){	
  		bgDiv.style.width = document.documentElement.clientWidth + "px";
   		bgDiv.style.height = document.documentElement.clientHeight + "px";
   	}
	
	if(!isIE()){		//火狐透明度
		bgDiv.style.opacity = 0.3;
	}
	else{		//IE透明度
		bgDiv.style.filter='alpha(opacity=30)';
	}
	
	document.body.appendChild(bgDiv);
	
	//select必须要被隐藏起来
	var selects = document.getElementsByTagName("select");
	for(var i=0; i<selects.length; i++){
		selects[i].style.visibility = "hidden";
	}
}
//移除透明背景
function removeBgDiv(){
	//select必须要重新显示
	var selects = document.getElementsByTagName("select");
	for(var i=0; i<selects.length; i++){
		selects[i].style.display = '';
	}
	document.body.removeChild(document.getElementById("bgDiv"));
}

function initEditArea(){
	var editareaDiv = document.createElement("div");
	editareaDiv.id = 'editarea';
	editareaDiv.style.display = 'none';
	editareaDiv.style.position = 'absolute';
	editareaDiv.style.left = '200px';
	editareaDiv.style.zIndex = 1001;
	
	
	var strHTML = '<table cellpadding="0" cellspacing="0" class="table_form" width="100%" height="100%">'				
				+'	<tr>	'
				+'		<th colspan="2">	'
				+'			<div class="title_left">'
				+'				<div class="title" ><span id="editareaTitle">标题：</span></div>'
				+'			</div>'
				+'			<div class="title_right">'
				+'					<div class="title_right_space">&nbsp; '
				+'						<div alt="关闭" title="关闭" id="closeBtn" onClick="closeEditArea()" />'
				+'					</div>	'
				+'			</div>				'
				+'		</th>'
				+'	</tr>'
				+'	<tr class="table_form">'
				+'		<td class="table_form_color_td"><iframe id="editframe" name="editframe" scrolling="yes" src="" frameborder="0"></iframe></td>		'	
				+'	</tr>		'
				+'</table>';
	editareaDiv.innerHTML = strHTML;
	
	document.body.appendChild(editareaDiv);
	
	// 使DIV可移动 页面一定要包含drag_drop.js文件
	makeDraggable(editareaDiv);
	
	if(isIE()){
		document.getElementById("closeBtn").className = "closeBtn_IE";
	}
	else{
		document.getElementById("closeBtn").className = "closeBtn_FF";
	}
}

//判断是否为IE浏览器
function isIE(){
	 if(window.ActiveXObject){
	 	return true;
	 }
	 else{
	 	return false;
	 }
}