// Javascript Document
var object = null;
var cX = 0;
var cY = 0;

function toggleMenu(objectID) {
	var object = document.getElementById(objectID);

	if (object.style.display == 'block') 
		object.style.display = 'none';
	else 	
		object.style.display = 'block';
	
	return;
}

function readCookie(name)
{
	var nameEQ = name + "=";
	var ca = document.cookie.split(';');
	for(var i=0;i < ca.length;i++)
	{
		var c = ca[i];
		while (c.charAt(0)==' ') c = c.substring(1,c.length);
		if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
	}
	return null;
}

function initPage () {
	var objectID;
	document.onmousedown = pickIt;
	document.onmousemove = dragIt;
	document.onmouseup = dropIt;
	objectID = document.getElementById("navigator");
	objectID.style.left = readCookie('x');
	objectID.style.top = readCookie('y');
	objectID.style.visibility = 'visible';
}

function getXPos() {
	var objectID;
	objectID = document.getElementById("navigator");
	return objectID.style.left;
}

function getYPos() {
	var objectID;
	objectID = document.getElementById("navigator");
	return objectID.style.top;
}

function savePos() {
	document.cookie = 'x=' + getXPos() + '; expires=Fri, 27 Jul 2051 02:47:11 UTC; path=/';
	document.cookie = 'y=' + getYPos() + '; expires=Fri, 27 Jul 2051 02:47:11 UTC; path=/';
}

function pickIt(evt) {
	evt = (evt) ? evt : ((window.event) ? event : null);
	var objectID = (evt.target) ? evt.target.id : ((evt.srcElement) ? evt.srcElement.id : null);
	if (objectID.indexOf('navigator')!=-1) object = document.getElementById(objectID);
	if (object) {
		cX = evt.clientX - object.offsetLeft;
		cY = evt.clientY - object.offsetTop;
		return;
	} else {
		object = null;
		return;
	}
}

function dragIt(evt) {
	evt = (evt) ? evt : ((window.event) ? event : null);
	if (object) {
		object.style.left = evt.clientX - cX + 'px';
		object.style.top = evt.clientY - cY + 'px';
		return false;	
	}
}

function dropIt() {
	if(object){
		object = null;
		return false;
	}
}

function resize() {
	var objectID = document.getElementById('navigator');
	var object_frame = document.getElementById('tn_view');
	if (objectID.style.height == "343px") {
		objectID.style.height = "30px";
		object_frame.style.display = "none";
	} else{
		objectID.style.height = "343px";
		object_frame.style.display = "block";
	}
	return;
}