/**
for window pop up
ttl-->title
fl-->file
sts-->status
	jika true maka posisi x dan y menggunakan x,y yang dibawa melalui fungsi
	jika false maka posisi x dan y window pop merujuk pada posisi pointer mouse
	
nb:
1.pp(area untuk window pop up) dibuat sendiri di dalam html
2.jangan sekali-kali memanggil fungsi ini melalui href. Pakai event aja
**/
var dragapproved=false;
var z,x,y;
var bodyX=bodyY=0;
var width,height

function gjs_winopen(ttl,fl,w,h,x,y,sts) {
	width=parseInt(w);height=parseInt(h)
	pp.innerHTML =""
	if (sts){
		if ((!isNaN(x))||(!isNaN(y))){		
			x=document.body.scrollLeft +x
			y = document.body.scrollTop +y
			
		}
		else{
			x=y=0;
		}
	}
	else{						
		x = document.body.scrollLeft +event.clientX;
		y = document.body.scrollTop +event.clientY;
		if(x+width>document.body.scrollLeft+document.body.offsetWidth){
				if(x-width>5){
					x=x-width
				}
				else{
					x=5
				}
			}				
	}	
	str = '<div id="dragarea" style="position: absolute; left: ' + x + '; top: ' + y + ';">';
	str += '<table border=1 cellpadding=0 cellspacing=0><tr><td>';
	str += '<table border=0 bgcolor="Silver" cellpadding=0 cellspacing=0>';				
	str += '<tr>';
	str += '	<td>';
	str += '		<table width=100% cellpadding=0 cellspacing=0 border=0>';
	str += '			<tr>';
	str += '				<td width=96% class="drag"  id="frmChld"  onmouseup=clear()><font face="Verdana" size="2" color="#330099">&nbsp;<b>'+ttl+'</b></font></td><td  width=4% align="right"><input type="button" value=" x " onclick="javascript: tutupwindow()"></td>';
	str += '			</tr>';
	str += '		</table>';
	str += '	</td>';
	str += '</tr>';
	str += '<tr><td><IFRAME name=framex SRC="'+fl+'" WIDTH="'+width+'" HEIGHT="'+height+'" FRAMEBORDER=1 MARGINWIDTH=0 SCROLLING=auto></iframe></div></td></tr>';
	str += '</td></tr></table></td></tr></table></div>';		
	pp.innerHTML = str;
}
function gjs_showlayer(ttl,htm,w,h,x,y,sts) {
	width=parseInt(w);height=parseInt(h)
	pp.innerHTML =""
	if (sts){
		if ((!isNaN(x))||(!isNaN(y))){		
			x=document.body.scrollLeft +x
			y = document.body.scrollTop +y
			
		}
		else{
			x=y=0;
		}
	}
	else{						
		x = document.body.scrollLeft +event.clientX;
		y = document.body.scrollTop +event.clientY;
		if(x+width>document.body.scrollLeft+document.body.offsetWidth){
				if(x-width>5){
					x=x-width
				}
				else{
					x=5
				}
			}				
	}	
	str = '<div id="dragarea" style="position: absolute; left: ' + x + '; top: ' + y + ';">';
	str += '<table border=1 cellpadding=0 cellspacing=0><tr><td>';
	str += '<table border=0 bgcolor="Silver" cellpadding=0 cellspacing=0>';				
	str += '<tr>';
	str += '	<td>';
	str += '		<table width=100% cellpadding=0 cellspacing=0 border=0>';
	str += '			<tr>';
	str += '				<td width=96% id="frmChld" ><font face="Verdana" size="2" color="#330099">&nbsp;<b>'+ttl+'</b></font></td><td  width=4% align="right"><input type="button" value=" x " onclick="javascript: tutupwindow()"></td>';
	str += '			</tr>';
	str += '		</table>';
	str += '	</td>';
	str += '</tr>';
	str += '<tr><td style="bgcolor=white">'+htm+'</td></tr>';
	str += '</td></tr></table></td></tr></table></div>';		
	pp.innerHTML = str;
}

function tutupwindow () 
{
   	pp.innerHTML = '';    
}

function clear() {
	if(typeof(document.frames.framex)=="object") 
	{document.frames.framex.document.body.style.visibility="visible"};
}

function move(e){
	if (dragapproved){
		window.status=
		//if (bodyX==0) {bodyX=parseInt(document.body.offsetWidth)-335};
		//if (bodyY==0) {bodyY=840};

		tempx=temp1+event.clientX-x;
		tempy=temp2+event.clientY-y;
		if(tempx<=5){tempx=5}
		if(tempy<=5){tempy=5}
		//if(tempx>=bodyX){tempx=bodyX}
		//if(tempy>=bodyY){tempy=bodyY}
		z.style.left=tempx
		z.style.top=tempy
		return false
	}
}

function drags(e){
var firedobj=event.srcElement
var topelement="BODY"

	if (firedobj.tagName=='HTML'){
		firedobj = document.body
	}else{
	while (firedobj.tagName!=topelement&&firedobj.className!="drag"){
		firedobj=firedobj.parentElement
	}
	}

	if (firedobj.className=="drag"){
		document.frames.framex.document.body.style.visibility="hidden";
		dragapproved=true
		z=document.all.dragarea
		temp1=parseInt(z.style.left+0)
		temp2=parseInt(z.style.top+0)
		x=event.clientX
		y=event.clientY
		document.onmousemove=move
		return false
	}
}

document.onmousedown=drags
document.onmouseup=new Function("dragapproved=false;clear()")

