var isMozilla;
var objDiv_w = null;
var originalDivHTML_w = "";
var DivID_w = "";
var over1_w = false;
var build = false;
Event.observe(window, 'resize', function(){
	if(build){
		var dim = $('jotform').getDimensions();
		var W = (isMozilla)? dim.width-80 : dim.width;
		var H = dim.height+51;							
		$('dimmer').setStyle({width: W+'px',height: H+'px'});
	}
})
function getDocSize(){ // No need, For Now!!!
	var arr = new Array();
	if (parseInt(navigator.appVersion)>3) {
 		if (navigator.appName=="Netscape") {
			arr['W'] = window.innerWidth;
			arr['H'] = window.innerHeight;
		}
		if (navigator.appName.indexOf("Microsoft")!=-1) {
			arr['W'] = document.body.offsetWidth+500;
			arr['H'] = document.body.offsetHeight;
		}
	 }
	 return arr;
}
function buildDimmerDiv(){
	try{
		Event.observe(document, 'keypress', function(e){
			var key = e.which || e.keyCode;
			if(key == Event.KEY_ESC){
				hiddenFloatingDiv("windowcontent");
			}
		})
		var dim = $('jotform').getDimensions();
		var W = (isMozilla)? dim.width-80 : dim.width;
		var H = dim.height+200;
		//***
		
		var dimmer = document.createElement('div');
		dimmer.style.display = "none";
		dimmer.style.width = W+'px';
		dimmer.style.height = H+'px';
		dimmer.style.zIndex = "10000000";
		dimmer.id = "dimmer";
		dimmer.className = "dimmer";
		$('jotform').appendChild(dimmer);
		
		//***
		var windowcontent = document.createElement('div');
		windowcontent.style.display = "none";
		windowcontent.style.zIndex = "100000000";
		windowcontent.id = "windowcontent";
		$('jotform').appendChild(windowcontent);
		
		build = true;
	}catch(e){
		traceError("Error On buildDimmerDiv",e);
	}
}
function swapImage(elem){
	elem.src = "images/wiz_title_close1.png";
	pngImages(elem.id);
	elem.onmouseout = function(){
		elem.src = "images/wiz_title_close0.png";
		pngImages(elem.id);
	}
}
function displayFloatingDiv(divId, title, width, height, left, top, id){
	DivID_w = divId;
	theDiv = $(divId);
	var addHeader;
	if (!isMozilla){
		var reg = RegExp(/^field_/i);
		var thesel = $A( document.getElementsByTagName("select") );
		thesel.each(function(Element){
			if(Element.id.match(reg)){
				Element.style.display="none";
			}
		  } );
	}	
    theDiv.style.width = width + 'px';
    theDiv.style.left = "20%";
    theDiv.style.top = "25%";
	originalDivHTML_w = theDiv.innerHTML;
	addHeader = '<table style="width:'+ width +'px;" border="0" align="center" cellpadding="0" cellspacing="0">\
      					<tr>\
      						<td width="22" id="wizul" height="10" background="images/wiz_up_left.png"></td>\
        					<td id="wizu" background="images/wiz_up.png"><img src="images/space.gif" width="1" height="1" alt="" /></td>\
        				    <td width="22" id="wizur" background="images/wiz_up_right.png"></td>\
      					</tr>\
   				  </table>\
		          <table id="addhead" style="width:'+ width +'px; height:18px" border="0" align="center" cellpadding="0" cellspacing="0">\
					<tr>\
					<td width="11" height="20" id="wiztl" background="images/wiz_title_left.png"></td>\
					<td width="4" id="wizt2l" background="images/wiz_title2_left.png"></td>\
					<td ondblclick="void(0);" onmouseover="over1_w=true;" onmouseout="over1_w=false;" style="cursor:move;height:18px;color:#ffffff" background="images/win_title.gif" class="title_text">' + title + '</td>\
					<td width="38">\
					<img src="images/wiz_title_close0.png"  name="Image2" width="38" height="20" border="0" id="closee"\
					onclick="javascript:hiddenFloatingDiv(\'' + divId + '\');void(0);"\ onmouseover=\"swapImage(this)\" alt="Close"/></td>\
					</tr>\
					</table>';			
	
    // add an header to your div 	
	theDiv.innerHTML = addHeader + originalDivHTML_w;
	theDiv.style.height = height + 'px';
	theDiv.className = 'dimming';
	new Effect.Parallel(
		[
			new Effect.Appear('windowcontent'),
			new Effect.Appear('dimmer')
		],{
			duration: 0.3
		});
}
function hiddenFloatingDiv(divId){
	build = false;
	Event.stopObserving(document, 'keypress', function(e){})
	if(!isMozilla){
		$A( document.getElementsByTagName("select") ).each(function(elem){
				elem.style.display="inline";
		});
	}
	DivID_w = "";
	new Effect.Parallel(
		[
		 	new Effect.Fade(divId),
			new Effect.Fade('dimmer')
		],{
			duration: 0.3
		});
	$("jotform").removeChild($("windowcontent"))
	$("jotform").removeChild($("dimmer"))
  	document.getElementById('wizcss').href = "css/blank.css";
}

function MouseDown_w(e) {
    if (over1_w) {
        if (isMozilla) {
            objDiv_w = $(DivID_w);
            X = e.layerX;
            Y = e.layerY;
        }else {
            objDiv_w = $(DivID_w);
            objDiv_w = objDiv_w.style;
            X = event.offsetX;
            Y = event.offsetY;
        }
    }
}

function MouseMove_w(e) {
    if (objDiv_w) {
        if (isMozilla) {
            objDiv_w.style.top = (e.pageY-Y) + 'px';
            objDiv_w.style.left = (e.pageX-X) + 'px';
        }else{
            objDiv_w.pixelLeft = event.clientX-X + document.body.scrollLeft;
            objDiv_w.pixelTop = event.clientY-Y + document.body.scrollTop;
        }
    }
}
function MouseUp_w() { objDiv_w = null; }
function init_w() {
	// check browser
    isMozilla = (/MSIE/.test(navigator.userAgent)) ? 0 : 1;
    Event.observe(document, 'mousedown', MouseDown_w);
	Event.observe(document, 'mousemove', MouseMove_w);
	Event.observe(document, 'mouseup', MouseUp_w);
}
// call init
init_w();