/******************************************
* Popup Box- By Jim Silver @ jimsilver47@yahoo.com
* Visit http://www.dynamicdrive.com/ for full source code
* This notice must stay intact for use
******************************************/

var ns4=document.layers
var ie4=document.all
var ns6=document.getElementById&&!document.all

//drag drop function for NS 4////
/////////////////////////////////

var dragswitch=0
var nsx
var nsy
var nstemp

function drag_dropns(name){
	if (!ns4)
		return
	temp=eval(name)
	temp.captureEvents(Event.MOUSEDOWN | Event.MOUSEUP)
	temp.onmousedown=gons
	temp.onmousemove=dragns
	temp.onmouseup=stopns
}

function gons(e){
	temp.captureEvents(Event.MOUSEMOVE)
	nsx=e.x
	nsy=e.y
}

function dragns(e){
	if (dragswitch==1){
		temp.moveBy(e.x-nsx,e.y-nsy)
		return false
	}
}

function stopns(){
	temp.releaseEvents(Event.MOUSEMOVE)
}

//drag drop function for ie4+ and NS6////
/////////////////////////////////


function drag_drop(e){
	if (ie4&&dragapproved){
		crossobj.style.left=tempx+event.clientX-offsetx
		crossobj.style.top=tempy+event.clientY-offsety
		return false
	} else if (ns6&&dragapproved){
		crossobj.style.left=tempx+e.clientX-offsetx+"px"
		crossobj.style.top=tempy+e.clientY-offsety+"px"
		return false
	}
}

function initializedrag(id,e){
	crossobj=ns6? document.getElementById("showimage"+id) : document.all["showimage"+id]
	var firedobj=ns6? e.target : event.srcElement
	var topelement=ns6? "html" : document.compatMode && document.compatMode!="BackCompat"? "documentElement" : "body"
	while (firedobj.tagName!=topelement.toUpperCase() && firedobj.id!="dragbar"){
		firedobj=ns6? firedobj.parentNode : firedobj.parentElement
	}
	
	if (firedobj.id=="dragbar"){
		offsetx=ie4? event.clientX : e.clientX
		offsety=ie4? event.clientY : e.clientY
		
		tempx=parseInt(crossobj.style.left)
		tempy=parseInt(crossobj.style.top)
		
		dragapproved=true
		document.onmousemove=drag_drop
	}
}
document.onmouseup=new Function("dragapproved=false")

////drag drop functions end here//////

function hidebox(id){
	crossobj=ns6? document.getElementById("showimage"+id) : document.all["showimage"+id]
	if (ie4||ns6)
		crossobj.style.visibility="hidden"
	else if (ns4)
		document["showimage"+id].visibility="hide"
}


function popupDiv (id,titulo,conteudo,largura,altura,pE,pT,cor,html) {
	var pE = (document.body.clientWidth - largura) / 2;
	var pT = (document.body.clientHeight - altura) / 2;
	
	if (!cor) cor = "#003366";
	document.write("<div id=\"showimage"+id+"\" style=\"position:absolute; width:50px; left:"+pE+"px; top:"+pT+"px\">");
	document.write("<table border=\"0\" width="+largura+" bgcolor="+cor+" cellspacing=\"0\" cellpadding=\"2\">");
	document.write("<tr><td width=\"100%\" ><table border=\"0\" width=\"100%\" height="+altura+" cellspacing=\"0\" cellpadding=\"0\" height=\"36px\">");
	document.write("<tr><td id=\"dragbar\" style=\"cursor:hand; cursor:pointer; padding:5px 5px 5px 5px;\" width="+largura+" onMousedown=\"initializedrag("+id+",event)\"><ilayer width=\"100%\" onSelectStart=\"return false\"><layer width=\"100%\" onMouseover=\"dragswitch=1;if (ns4) drag_dropns(showimage"+id+")\" onMouseout=\"dragswitch=0\"><font face=\"Arial\"");
	document.write("color=\"#FFFFFF\"><strong><small>"+titulo+"</small></strong></font></layer></ilayer></td>");
	document.write("<td style=\"cursor:hand\" ><a href=\"#\" onClick=\"hidebox("+id+");return false\"><img src=\"popupDiv/close.gif\" width=\"16px\" height=\"16px\" align=\"right\" hspace=\"3\" border=0></a></td></tr>");
	document.write("<tr><td width=\"100%\" height=\"100%\" valign=\"top\" bgcolor=\"#FFFFFF\" style=\"padding:5px; margin:20px;\" colspan=\"2\">");
	<!-- INICIO CONTEUDO -->
	if (html)
		document.write("<IFRAME name=\"popup\" src="+conteudo+" width="+eval(largura-15)+" height="+altura+" frameBorder=0 scrolling=auto></IFRAME>");
	else 
		document.write(conteudo);
	<!-- FIM CONTEUDO -->
	document.write("</td></tr></table></td></tr></table></div>");
}