var stlTimer;
function setPos(obj,target)
{
	var holder = document.getElementById(target);
	var theObj = document.getElementById(obj);
	var newX = findPosX(holder);
	var newY = findPosY(holder);

	theObj.style.position = "absolute";
	theObj.style.top = newY + 'px';
	theObj.style.left = newX + 'px';
//        alert('set position to:'+newX+','+newY);
}
function findPosX(obj)
{
	var curleft = 0;
	if (obj.offsetParent)
	{
		while (obj.offsetParent)
		{
			curleft += obj.offsetLeft
			obj = obj.offsetParent;
		}
	}
	else if (obj.x)
		curleft += obj.x;
	return curleft;
}

function findPosY(obj)
{
	var curtop = 0;
	if (obj.offsetParent)
	{
		while (obj.offsetParent)
		{
			curtop += obj.offsetTop
			obj = obj.offsetParent;
		}
	}
	else if (obj.y)
		curtop += obj.y;
	return curtop;
}

setPos("contentarea","contentholder");



/*
Floating Menu script-  Roy Whittle (http://www.javascript-fx.com/)
Script featured on/available at http://www.dynamicdrive.com/
This notice must stay intact for use
*/

//Enter "frombottom" or "fromtop"
var verticalpos="fromtop"


function JSFX_FloatTopDiv(objName)
{

	var ns = (navigator.appName.indexOf("Netscape") != -1);
	var d = document;
	var obj=d.getElementById?d.getElementById(objName):d.all?d.all[objName]:d.layers[objName];
	var startX = findPosX(obj);
	startY = findPosY(obj);

	function ml(id)
	{
		var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];
		if(d.layers)el.style=el;
		el.sP=function(x,y){this.style.left=x;this.style.top=y;};
		el.x = startX;
		if (verticalpos=="fromtop")
		  el.y = startY;
		else{
		  el.y = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;
		  el.y -= startY;
		}
		return el;
	}
	window.stayTopLeft=function()
	{
		if (verticalpos=="fromtop"){
		  var pY = ns ? pageYOffset : document.body.scrollTop;
		  ftlObj.y += (pY + startY - ftlObj.y)/8;
		}

		ftlObj.sP(ftlObj.x, ftlObj.y);
		stlTimer = setTimeout("stayTopLeft()", 10);
	}
	ftlObj = ml(objName);
	stayTopLeft();
}
JSFX_FloatTopDiv("contentarea");

var checkZIndex = true;

var dragobject = null;
var tx;
var ty;

var ie5 = document.all != null && document.getElementsByTagName != null;

function getReal(el) {
	temp = el;

	while ((temp != null) && (temp.tagName != "BODY")) {
		if ((temp.className == "moveme") || (temp.className == "handle")){
			el = temp;
			return el;
		}
		temp = temp.parentElement;
	}
	return el;
}


function moveme_onmousedown() {
	el = getReal(window.event.srcElement)
	
	if (el.className == "moveme" || el.className == "handle") {
  		if(stlTimer) { clearTimeout(stlTimer); }
		if (el.className == "handle") {
			tmp = el.getAttribute("handlefor");
			if (tmp == null) {
				dragobject = null;
				return;
			}
			else
				dragobject = eval(tmp);
		}
		else 
			dragobject = el;
		
		if (checkZIndex) makeOnTop(dragobject);
		
		ty = window.event.clientY - findPosY(dragobject);
		tx = window.event.clientX - findPosX(dragobject);
		window.event.returnValue = false;
		window.event.cancelBubble = true;
	}
	else {
		dragobject = null;
	}
}

function moveme_onmouseup() {
	if(dragobject) {
		var ns = (navigator.appName.indexOf("Netscape") != -1);
		var pY = ns ? pageYOffset : document.body.scrollTop;
		startX = window.event.clientX-tx;
		startY = window.event.clientY-ty-pY;
		ftlObj.y = startY+pY;
		ftlObj.x = startX;
//		alert(ty+','+startY+','+dragobject.y);
		dragobject = null;
		stlTimer = setTimeout("stayTopLeft()", 10);
	}
}

function moveme_onmousemove() {
	if (dragobject) {
		if (window.event.clientX >= 0 && window.event.clientY >= 0) {
			dragobject.style.left = window.event.clientX - tx;
			dragobject.style.top = window.event.clientY - ty;
		}
		window.event.returnValue = false;
		window.event.cancelBubble = true;
	}
}


function makeOnTop(el) {
	var daiz;
	var max = 0;
	var da = document.all;
	
	for (var i=0; i<da.length; i++) {
		daiz = da[i].style.zIndex;
		if (daiz != "" && daiz > max)
			max = daiz;
	}
	
	el.style.zIndex = max + 1;
}

if (document.all) { //This only works in IE4 or better
	document.onmousedown = moveme_onmousedown;
	document.onmouseup = moveme_onmouseup;
	document.onmousemove = moveme_onmousemove;
}

document.write("<style>");
document.write(".moveme		{cursor: move;}");
document.write(".handle		{cursor: move;}");
document.write("</style>");

function closeMe(containerid) {
  var me = document.getElementById(containerid);
  me.style.visibility='hidden';
}