function print(obj) {
	
	Bxcn.Dom.html("text",Bxcn.Dom.html("text")+String.prototype.toString.call(obj));
}
function println(obj) {
	
	Bxcn.Dom.html("text",Bxcn.Dom.html("text")+String.prototype.toString.call(obj)+"<br/>");
}


println("width:"+document.body.clientWidth+" height:" + document.body.clientHeight);
var width = document.documentElement.clientWidth;
var height = document.documentElement.clientHeight;

var body_width = document.body.clientWidth;
var body_height = document.body.clientHeight;
println("width:"+width+" height:" + height);

println("顯示器工作區域width:"+window.screen.availWidth+" height:" + window.screen.availHeight);

println("顯示器解析度width:"+window.screen.width+" height:" + window.screen.height);


var tagObj = Bxcn.Dom.getId("tag");
var obj = Bxcn.Dom.getId("bg");


Bxcn.Dom.css(obj,{width:body_width+"px",height:body_height+"px",display:"none",zIndex:99999});

var isMove = false;

var m_width,m_height,box_left,box_top,startX,startY,endX,endY;

	/*document.body.onmousemove = function(e){
		var event = e || window.event;
		
		var target = event.srcElement || event.target;
		
		
		m_width =event.clientX;
		m_height = event.clientY;
		
		if (isMove) {
 
			var moveWidth = startX - box_left;
			var moveHeight = startY - box_top;
			
			var now_move_left =  Math.abs(startX) - Math.abs(m_width);
 
			
			if (now_move_left>0) {
				
				
				
				if(moveWidth>now_move_left) {
					tagObj.style.left = (m_width-box_left)+"px";	
				}else {
					
					tagObj.style.left = "0px";
				}
				
			} else {
				
				moveWidth = body_width-startX-endX;
				
				var now_move_right = m_width - startX;
				
				
				Bxcn.Dom.html("mouse",moveWidth +"  =>  "+ now_move_right);
				
				if(moveWidth>now_move_right) {
					
					tagObj.style.left = (m_width-box_left)+"px";	
				}else {
					
					tagObj.style.left = (body_width-200)-"0px";
				}
			}
 
 	 
			
			//var moveHeight = startY - box_top;
			
			var now_move_top =  Math.abs(startY) - Math.abs(m_height);
			
			if (now_move_top > 0) {
				
				if(moveHeight>now_move_top) {
					tagObj.style.top = (m_height-box_top)+"px";	
				}else {
					
					tagObj.style.top = "0px";
				}
				
				
			} else{
			
				moveHeight = height-startY-endY;
				
				var now_move_end = m_height - startY;
				
				
				
				
				if(moveHeight>now_move_end) {
					
					tagObj.style.top = (m_height-box_top)+"px";	
				}else {
					
					tagObj.style.top = (height-100)-"px";
				}
			}
			
			
		}
	}*/

 


var Move = false;
tagObj.onmousedown = function(e) {
	
	var event = e || window.event;
	
	box_left = event.offsetX || event.layerX;
	box_top  = event.offsetY || event.layerY;
	startX   = event.clientX;
	startY   = event.clientY;	
	
	endX = this.style.width.split("px")[0] - box_left;
	endY = this.style.height.split("px")[0] - box_top;
	
	//o.style.cursor="default";
	
	Bxcn.Dom.css(tagObj,{cursor:"move"});

	Move = true;
}

tagObj.onmouseup = function() {
	Move = false;
}
tagObj.onmouseout = function() {
	Move = false;
}


tagObj.onmousemove =  function(e) {
	
	var event = e || window.event;
		
		var target = event.srcElement || event.target;
		
		
		m_width =event.clientX;
		m_height = event.clientY;
		
		if (Move) {
 
			var moveWidth = startX - box_left;
			var moveHeight = startY - box_top;
			
			var now_move_left =  Math.abs(startX) - Math.abs(m_width);
 
			
			if (now_move_left>0) {
				
				
				
				if(moveWidth>now_move_left) {
					tagObj.style.left = (m_width-box_left)+"px";	
				}else {
					
					tagObj.style.left = "0px";
				}
				
			} else {
				
				moveWidth = body_width-startX-endX;
				
				var now_move_right = m_width - startX;
				
				
				Bxcn.Dom.html("mouse",moveWidth +"  =>  "+ now_move_right);
				
				if(moveWidth>now_move_right) {
					
					tagObj.style.left = (m_width-box_left)+"px";	
				}else {
					
					tagObj.style.left = (body_width-200)-"0px";
				}
			}
 
 	 
			
			//var moveHeight = startY - box_top;
			
			var now_move_top =  Math.abs(startY) - Math.abs(m_height);
			
			if (now_move_top > 0) {
				
				if(moveHeight>now_move_top) {
					tagObj.style.top = (m_height-box_top)+"px";	
				}else {
					
					tagObj.style.top = "0px";
				}
				
				
			} else{
			
				moveHeight = height-startY-endY;
				
				var now_move_end = m_height - startY;
				
				
				
				
				if(moveHeight>now_move_end) {
					
					tagObj.style.top = (m_height-box_top)+"px";	
				}else {
					
					tagObj.style.top = (height-100)-"px";
				}
			}
			
			
		}
	
	Bxcn.Dom.css(tagObj,{cursor:"move"});
}