var dragObject, offsetX, offsetY, isDragging=false;
var bgWidth=0; bgHeight=0;
var zindex=10;
var active=0;
//window.onload = init;
document.onmousemove = mM;
document.onmouseup = mU;

ie5 = (document.all && document.getElementById);
ns6 = (!document.all && document.getElementById);
opac = 0;
function fadein(id) {
	var ob = document.getElementById("popup_"+id);
	if(opac < 100){
		opac+=10;
		if (opac>100) opac=100;
		if (ie5) ob.style.filter='alpha(opacity='+opac+')';
		if (ns6) ob.style.MozOpacity = opac/100;
		if (ns6) ob.style.opacity = opac/100;
		setTimeout('fadein('+id+')', 5);
	}
} 

function popup(id) {
	var ob = document.getElementById("popup_"+id);
	if (active>0) popupClose(active);
	active=id;
	ob.style.display='';
	if (self.innerWidth) {
		w = self.innerWidth;
		h = self.innerHeight;
	} else if (document.documentElement && document.documentElement.clientWidth) {
		w = document.documentElement.clientWidth;
		h = document.documentElement.clientHeight;
	} else if (document.body) {
		w = document.body.clientWidth;
		h = document.body.clientHeight;
	}	
	x = ob.style.width.substr(0,3);
	y = ob.style.height.substr(0,3);
	l = (w/2)-(x/2);
	t = (h/2)-(y/2);
	ob.style.left=l+'px';
	ob.style.top=t+'px';
	ob.style.zIndex=zindex;
	zindex=zindex+1;
	ob = document.getElementById("graylayer");
	ob.style.display='';
	opac = 0;
	fadein(id);
}

function popupClose(id) {
	var ob = document.getElementById("popup_"+id);
	ob.style.display='none';
	active=0;
	ob = document.getElementById("graylayer");
	ob.style.display='none';
	ob = document.getElementById("intro");
	ob.style.display='none';
}

function checkCoords() {
	var ob = document.getElementById("bg");
	alert(ob.style.left+" "+ob.style.top);
}
function goto(left,top) {
	var ob = document.getElementById("bg");
	ob.style.left=left;
	ob.style.top=top;
	if (active>0) popupClose(active);
}

function openwin(url,name,x,y,s) {
	var w = 800, h = 600;
	if (document.all || document.layers) {
		 w = screen.availWidth;
		 h = screen.availHeight;
	}
	var l = (w-x)/2, t = (h-y)/2;
	window.open (url,name,"menubar=0,scrollbars="+s+",toolbar=0,location=0,directories=0,status=0,resizable=1,width="+x+",height="+y+',top='+t+',left='+l);
}

function init() {
	var ob = document.getElementById("bg");
	
	ob.ondrag=function(){return false;};
	ob.onselectstart=function(){return false;};
	
	ob.style.left="-1633px";
	ob.style.top="-1191px";
	//ob.style.left=startLeft;
	//ob.style.top=startTop;
	ob.style.display="block";
}

function mD(ob,e) {
	dragObject = ob;
	
	if (window.event) e=window.event;
	
	var dragX = parseInt(dragObject.style.left);
	var dragY = parseInt(dragObject.style.top);
	
	var mouseX = e.clientX;
	var mouseY = e.clientY;
	
	offsetX = mouseX - dragX;
	offsetY = mouseY - dragY;
	
	isDragging = true;
	window.status=dragObject.style.left+","+dragObject.style.top;
	
	return false;
}

function mM(e) {
	if (!isDragging) return;
	
	if (window.event) e=window.event;
	
	var newX = e.clientX - offsetX;
	var newY = e.clientY - offsetY;
	
	if (newX>0) newX=0-bgWidth;
	if (newY>0) newY=0-bgHeight;
	if (newX<0-bgWidth*2) newX=0-bgWidth;
	if (newY<0-bgHeight*2) newY=0-bgHeight;
	
	dragObject.style.left = newX + "px";
	dragObject.style.top = newY + "px";
	
	window.status=dragObject.style.left+","+dragObject.style.top;
	return false;
}

function mU() {
	if (!isDragging) return;

	isDragging = false;
	
	return false;
}
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}