/*************************************************
*

*
**************************************************/
function divAlert(str){ this.init(str); }

$this = divAlert.prototype;

$this.str = "";  		//提示框的内容，可以用html代码插入元素，也可以通过appendChild插入
$this.startX = 0; 		//拖拽开始的坐标
$this.startY = 0;
$this.dragFlag = false; //拖拽的标志变量
$this.width = 290;		//提示框的宽度
$this.returnValue = "";	//返回值

//生成半透明的背景层, 并设置样式
$this.bgdiv = document.createElement("div");
$this.setOpacity = function(o){   // 0<=o<=100
	$this.bgdiv.style.filter = "alpha(opacity="+ o +")";
	$this.bgdiv.style.MozOpacity = o/100;
	$this.bgdiv.style.opacity = o/100;
}
$this.setOpacity(60);
$this.bgdiv.style.position = "absolute";
$this.bgdiv.style.top = 0;
$this.bgdiv.style.left = 0;
$this.bgdiv.style.zIndex = 9999;
$this.bgdiv.style.backgroundColor = "#999";
$this.bgdiv.style.width = document.documentElement.clientWidth  + "px";
$this.bgdiv.style.height = document.documentElement.clientHeight + "px";

//生成提示框外框
$this.outdiv = document.createElement("div");
$this.setWidth = function(w){ //给出宽度设置接口, 一并设置宽度关联的css
	$this.width = w;
	$this.outdiv.style.width = $this.width + "px";
	$this.outdiv.style.marginLeft = (0-$this.width/2) + "px"; //由于初始位置要居中
}
$this.outdiv.style.position = "absolute";
$this.outdiv.style.left = "50%";
$this.outdiv.style.top = "20%";
$this.outdiv.style.border = "1px solid #369";
$this.outdiv.style.zIndex = 10000;
$this.setWidth($this.width);

//生成提示框标题
$this.titdiv = document.createElement("div");
$this.titdiv.style.textAlign = "right";
$this.titdiv.style.backgroundColor = "#9cf";
$this.titdiv.style.padding = "2px"
$this.titdiv.style.cursor = "move";
//$this.clsbtn.style.height="20px";
$this.titdiv.onmousedown = function(e){ //拖拽开始,记录开始的坐标
	e = e ? e : window.event;
	$this.dragFlag = true;
	$this.startX = (e.layerX ? e.layerX : e.offsetX) - $this.outdiv.offsetWidth/2;
	$this.startY = e.layerY ? e.layerY : e.offsetY;
}
$this.titdiv.onmousemove = function(e){ //拖拽
	e = e ? e : window.event;
	if($this.dragFlag){
		if(!e.pageX) e.pageX = e.clientX;
		if(!e.pageY) e.pageY = e.clientY;
		$this.outdiv.style.left = (e.pageX - $this.startX) + "px"; 
		$this.outdiv.style.top = (e.pageY - $this.startY) + "px"; 
		
	}
}
$this.titdiv.onmouseup = function(){ $this.dragFlag = false;} //弹出鼠标,停止拖拽

//生成提示框内容
$this.condiv = document.createElement("div");
$this.condiv.style.backgroundColor = "#fff";
$this.condiv.style.textAlign = "center";
$this.condiv.style.padding = "12px";
$this.condiv.style.height = "100px";

//生成关闭按钮
$this.clsbtn = document.createElement("a"); //用a,input,span均可
$this.clsbtn.innerHTML = "关闭&nbsp;&nbsp;";
$this.clsbtn.style.cursor = "pointer"; 		//手形指针
$this.clsbtn.style.fontSize = "12px";



$this.clsbtn.onclick = function(){ $this.close(); }

$this.init = function(str){ this.str = str;}

$this.open = function(){	//显示提示框
	document.body.appendChild(this.bgdiv);
	document.body.appendChild(this.outdiv);
	this.outdiv.appendChild(this.titdiv);
	this.outdiv.appendChild(this.condiv);
	this.titdiv.appendChild(this.clsbtn);
	this.condiv.innerHTML = this.str;
}

$this.close = function(){ //关闭提示框
	this.outdiv.removeChild(this.titdiv);
	this.outdiv.removeChild(this.condiv);
	this.titdiv.removeChild(this.clsbtn);
	document.body.removeChild(this.bgdiv);
	document.body.removeChild(this.outdiv);
}