var dragBox = "dragBox";
function findObj(){
	var els = new Array();
	for ( var i=0; i<arguments.length; i++ ) {
		var elt = arguments[i];
		if ( typeof elt=="string" ) elt=document.getElementById(elt);
		if ( arguments.length==1 )
			 return elt;
		els.push(elt);
	}   return els;
}
var Drag={
        "obj":null,
	"init":function(a, aRoot){
			a.onmousedown=Drag.start;
			a.root = aRoot;
			if(isNaN(parseInt(a.root.style.left)))a.root.style.left="0px";
			if(isNaN(parseInt(a.root.style.top)))a.root.style.top="0px";
			a.root.onDragStart=new Function();
			a.root.onDragEnd=new Function();
			a.root.onDrag=new Function();
		},
	"start":function(a){	
			var b=Drag.obj=this;
			a=Drag.fixE(a);
			var c=parseInt(b.root.style.top);
			var d=parseInt(b.root.style.left);
			b.root.onDragStart(d,c,a.clientX,a.clientY);
			b.lastMouseX=a.clientX;
			b.lastMouseY=a.clientY;
			document.onmousemove=Drag.drag;
			document.onmouseup=Drag.end;
			return false;
		},	
	"drag":function(a){
			a=Drag.fixE(a);
			var b=Drag.obj;
			var c=a.clientY;
			var d=a.clientX;
			var e=parseInt(b.root.style.top);
			var f=parseInt(b.root.style.left);
			var h,g;
			h=f+d-b.lastMouseX;
			g=e+c-b.lastMouseY;
			b.root.style.left=h+"px";
			b.root.style.top=g+"px";			
			b.lastMouseX=d;
			b.lastMouseY=c;
			b.root.onDrag(h,g,a.clientX,a.clientY);
			return false;
		},
	"end":function(){			
			document.onmousemove=null;
			document.onmouseup=null;
			Drag.obj.root.onDragEnd(parseInt(Drag.obj.root.style.left),parseInt(Drag.obj.root.style.top));
			Drag.obj=null;
		},
	"fixE":function(a){
			if(typeof a=="undefined")a=window.event;
			if(typeof a.layerX=="undefined")a.layerX=a.offsetX;
			if(typeof a.layerY=="undefined")a.layerY=a.offsetY;
			return a;
		}
};
function getRange() {
      var top     = document.documentElement.scrollTop;
      var left    = document.documentElement.scrollLeft;
      var height  = document.documentElement.clientHeight;
      var width   = document.documentElement.clientWidth;

      if (top==0 && left==0 && height==0 && width==0) {
        top     = document.body.scrollTop;
        left    = document.body.scrollLeft;
        height  = document.body.clientHeight;
        width   = document.body.clientWidth;
      }
      return  {top:top  ,left:left ,height:height ,width:width } ;
}
function dragBox_init(){	
	initDragBox();
	var range=getRange();
	dragBox=findObj(dragBox);
	dragBox.x=(range.width-400)/2;
	dragBox.y=(range.height-300)/2;

	Drag.init(findObj("draghead"),dragBox);

	dragBox.onDragEnd=function(x,y){
		dragBox.x=x-getRange().left;
		dragBox.y=y-getRange().top;
	}
	
}
function initDragBox(){
	if (document.body) {
		var panel;
		panel = document.createElement("DIV");
		document.body.appendChild(panel);
		panel.className = 'hide';
		panel.style.cssText = "position:absolute;z-index:102;background:white;border:1px solid scrollbar;";
		panel.id = 'dragBox';
		panel.innerHTML = '<div id="draghead" style="background:url(/images/decoration/bg1.gif);height:26px;padding:10px 5px 0px 5px;border:1px solid scrollbar;text-align:right;cursor:move;"></div><div id="panelbox"></div>';
		panel = document.createElement("IDV");
		
		panel.className = 'hide';
		panel.style.cssText = "position:absolute;z-index:101;left:0px;top:0px;filter:alpha(opacity=50);background-color:scrollbar;";
		panel.id = 'mask';
		document.body.appendChild(panel);
	} else {
		alert("body is null");
	}
}
/*********************************************
* setMask  window.navigator.appVersion=="4.0 (compatible; MSIE 6.0; Windows NT 5.2; .NET CLR 1.1.4322)
*********************************************/
function hideDragBox(){
	var dragBox = document.getElementById("dragBox");
	if (dragBox&&dragBox.className!="hide") {
		dragBox.className = "hide";
		setMask("hide");
	}
}
function setMask(clsname){
	/*
	if (/MSIE 6\.0/i.test(window.navigator.appVersion)) {
		return;
	}
	*/
	var mask = findObj("mask");
	if (!mask) {
		alert("mask is null");return;
	}
	mask.className = clsname;
	if (clsname=="hide") {
		return;
	} 
	var w = window.screen.width || document.body.scrollWidth  || document.body.offsetWidth;
	var h = (document.body.scrollHeight|document.documentElement.scrollHeight) || document.body.offsetHeight || window.screen.height;
	if (h<window.screen.height){// for NS4
		h = window.screen.height;
	}
	if (document.layers) {
		mask.width  = w;
		mask.height = h;
	} else if (window.navigator.userAgent.toLowerCase().indexOf("opera")>-1) { // for Opera
		mask.style.pixelWidth = w;
		mask.style.pixelHeight = h;
	} else {
		mask.style.width  = w+"px";
		mask.style.height = h+"px";
	}
	mask.style.width  = w+"px";
	mask.style.height = h+"px";
}
/*****************************
* warningDialog
******************************/
function warningDialog(title,description){
	var objs = o["o"]("dragBox","draghead","panelbox");
	for (var i=0;i<objs.length;i++) {
		if (typeof(objs[i])!="object") {
			alert("objs["+i+"] is null from openFileDialog(imgId)");
			return;
		}
	}
	var dragBox  = objs[0];
	var draghead = objs[1];
	var panelbox = objs[2];
	if (dragBox.className=="hide" ) {
		var w =  350;
		var x = document.body.clientWidth/2-(w/2);
		var y = (document.body.scrollTop||document.documentElement.scrollTop)+(document.body.clientHeight/6);
		//
		// panelbox
		//
		panelbox.style.paddingLeft   = "10px";
		panelbox.style.paddingTop    = "10px";
		panelbox.style.paddingBottom = "20px";
		panelbox.style.fontSize		 = "12px";
		panelbox.style.lineHeight	 = "22px";
		panelbox.style.textIndent	 = "2em";
		panelbox.innerHTML = description;
		//
		// draghead
		// 
		draghead.style.fontSize = "14px";
		draghead.innerHTML = "<b style='float:left;'><img src='/images/decoration/excalmatory_mark.gif' align='absmiddle' /> "+title+"</b><b style='float:right;'><a href='javascript:hideDragBox();'>¹Ø±Õ</a></b>";
		dragBox.title = title;
		//
		// dragBox
		//
		if (document.layers) { // NS4
			draghead.width = w;
			panelbox.width = w;
			dragBox.left = x;
			dragBox.top  = y;
		} else if (window.navigator.userAgent.toLowerCase().indexOf("opera")>-1) { // Opera
			draghead.style.pixelWidth = w;
			panelbox.style.pixelWidth = w;
			dragBox.style.pixelLeft = x;
			dragBox.style.pixelTop  = y;
		} else {
			draghead.style.width = w +"px";
			panelbox.style.width = w +"px";
			dragBox.style.left = x +"px";
			dragBox.style.top  = y +"px";
		}
		dragBox.className="show";
		setMask("show");
	}
	setTimeout(function(){
		function warningDialog(){};
    },10);
}
function openFileDialogForUploadFile(ctrlId) {
	if (typeof ctrlId=="string") {
		ctrlId = document.getElementById(ctrlId);
	}
	if (!ctrlId) {
		alert("ctrlId is not object");
		return;
	}
	var objs = o["o"]("dragBox","draghead","panelbox");
	for (var i=0;i<objs.length;i++) {
		if (typeof(objs[i])!="object") {
			alert("objs["+i+"] is null from openFileDialog(ctrlId)");
			return;
		}
	}
	var dragBox  = objs[0];
	var draghead = objs[1];
	var panelbox = objs[2];
	
	if (dragBox.className=="hide" ) {
		var w = 380;
		var h = 380;
		var x = document.body.clientWidth/2-255;
		var y = document.documentElement.scrollTop||document.body.scrollTop||(document.body.clientWidth/2-380);
		//
		// draghead
		//
		draghead.innerHTML = "<span onclick='hideDragBox();' style='cursor:pointer;'>¹Ø±Õ</span>";
		//
		// panelbox
		//
		panelbox.innerHTML = getIframe("/attachment/upload/?parentCtrlId="+ctrlId.id,"iframe1","style='width:"+w+"px;'");
		//
		//  dragBox
		//
		if (document.layers) { //NS4
			draghead.width  = w;
			dragBox.left	= x;
			dragBox.top		= y;
		} else if (window.navigator.userAgent.toLowerCase().indexOf("opera")>-1) { // Opera
			draghead.style.pixelWidth	= w;
			dragBox.style.pixelLeft		= x;
			dragBox.style.pixelTop		= y;
		} else {
			draghead.style.width	= w+"px";
			dragBox.style.left		= x+"px";
			dragBox.style.top		= y+"px";
		}
		dragBox.className="show";
		setMask("show");
	}
	
	setTimeout(function(){
		function upload_image(){};
	},10);
}

override_onload(function(){
	dragBox_init()
})