// Detect if the browser is IE or not.
// If it is not IE, we assume that the browser is NS.
var IE = document.all?true:false
if (!IE) document.captureEvents(Event.MOUSEMOVE)

var SideMenuState = 0;
var SideMenuStartLeft = 7;
var SideMenuEndLeft = 86;
var SideMenuLeftStep = 15;
var pos = SideMenuEndLeft;

var sideMenuK = 0;
var sideMenuTop = 0;
var sideMenuInnerHeight = 0;
var sideMenuOuterHeight = 0;

var mouseX = 0;
var mouseY = 0;

// pos_x = event.offsetX?(event.offsetX):event.pageX-document.getElementById("pointer_div").offsetLeft;
// pos_y = event.offsetY?(event.offsetY):event.pageY-document.getElementById("pointer_div").offsetTop;

function setSideMenuState(value)
{
	SP = document.getElementById("SidePanel");
	
	if(SideMenuState > value)
	{
		pos = SideMenuEndLeft;
		SP.style.left = pos;
		SP.style.zIndex = 7;
	}
	else if(SideMenuState < value)
	{
		pos = SideMenuStartLeft;
		SP.style.left = pos;
		SP.style.zIndex = 37;
	}
	
	SideMenuState = value;
}

function switchSideMenu()
{
	SP = document.getElementById("SidePanel");
	
	if(SideMenuState)
	{
		if(pos == SideMenuStartLeft)
		{
			// pos = SideMenuStartLeft;
			SP.style.zIndex = 7;
			CloseSideMenu();
			SideMenuState = 0;
			// $_SESSION["SideMenuState"] = 0;
		}
	}
	else
	{
		if(pos == SideMenuEndLeft)
		{
			// pos = SideMenuEndLeft;
			OpenSideMenu();
			SideMenuState = 1;
			// $_SESSION["SideMenuState"] = 1;
		}
	}
}

function CloseSideMenu()
{
	var SP = document.getElementById("SidePanel");
	var SPO = document.getElementById("scrollOuter");
	var temp = 0;
	
	if(pos > SideMenuEndLeft)
	{
		SP.style.left = SideMenuEndLeft;
		pos = SideMenuEndLeft;
		// SPO.style.width = 0;
	}
	else
	{
		SP.style.left = pos;
		temp = 84 - pos*1.5;
		if(temp < 0)
			SPO.style.width = 0;
		else
			SPO.style.width = temp;
		pos += SideMenuLeftStep;
		setTimeout("CloseSideMenu()", 10);
	}
	
	//SP.style.left = SideMenuEndLeft;
}

function OpenSideMenu()
{
	SP = document.getElementById("SidePanel");
	var SPO = document.getElementById("scrollOuter");
	var temp = 0;
	
	if(pos < SideMenuStartLeft)
	{
		SP.style.left = SideMenuStartLeft;
		pos = SideMenuStartLeft;
		SP.style.zIndex = 37;
		SPO.style.width = 84;
	}
	else
	{
		SP.style.left = pos;
		temp = 84 - pos*1.5;
		if(temp < 0)
			SPO.style.width = 0;
		else if(temp > 84)
			SPO.style.width = 84;
		else
			SPO.style.width = temp;
		pos -= SideMenuLeftStep;
		setTimeout("OpenSideMenu()", 10);
	}
	
	// SP.style.left = SideMenuStartLeft;
}

function MouseXY(e)
{
	if (!e) var e = window.event;
	if (IE)
	{ // grab the x-y pos.s if browser is IE
		mouseX = event.clientX + document.body.scrollLeft;
		mouseY = event.clientY + document.body.scrollTop;
	}
	else
	{  // grab the x-y pos.s if browser is NS
		mouseX = e.pageX;
		mouseY = e.pageY;
	}  
	
	// catch possible negative values in NS4
	if (mouseX < 0) {mouseX = 0;}
	if (mouseY < 0) {mouseY = 0;}
}

function startHover()
{
	hoverInterval = setInterval("call()", 10);
	document.onmousemove = MouseXY;
	
	// document.getElementById("scrollInner").style.left = 0;
	
	// con2 = document.getElementById("con2");
	// con2.textContent = "Start Hover";
}

function endHover()
{
	clearInterval(hoverInterval);
	
	document.onmousemove = '';
	
	// document.getElementById("scrollInner").style.left = 65;
	
	// con2 = document.getElementById("con2");
	// con2.textContent = "End Hover";
}

function setSideMenuTop()
{
	var obj = document.getElementById("scrollOuter");
	var elem = document.getElementById("scrollInner");
	
	sideMenuInnerHeight = elem.offsetHeight;
	sideMenuOuterHeight = obj.offsetHeight;
	
	if (obj.offsetParent)
	{
		do
		{
			sideMenuTop += obj.offsetTop;
		} while (obj = obj.offsetParent);
	}
	
	if(sideMenuInnerHeight < sideMenuOuterHeight)
	{
		elem.style.top = (sideMenuOuterHeight - sideMenuInnerHeight)*0.5;
	}
	else
	{
		sideMenuK = (sideMenuInnerHeight-sideMenuOuterHeight+50)/(sideMenuOuterHeight-50);
	}
}

function call()
{
	// bord = document.getElementById("scrollOuter");
	elem = document.getElementById("scrollInner");
	var temp = 0;
	// elem.style.left = "20px";
	// elem.style.top = - (mouseY - bord.offsetTop);
	
	if(sideMenuInnerHeight > sideMenuOuterHeight)
	{
		temp = 50 - (mouseY - sideMenuTop)*sideMenuK;
		
		if(temp > 0)
		{
			elem.style.top = 0;
		}
		else if(temp < sideMenuOuterHeight-sideMenuInnerHeight)
		{
			elem.style.top = sideMenuOuterHeight-sideMenuInnerHeight;
		}
		else
		{
			elem.style.top = temp;
		}
	}
	
	// con = document.getElementById("con1");
	// con2 = document.getElementById("con2");
	
	// con.textContent = elem.style.top;
	// con2.textContent = temp;
}

function setInnerHeight()
{
	elem = document.getElementById("Main");
	
	var viewportwidth;
	var viewportheight;
	
	if (typeof window.innerWidth != 'undefined')
	{
		viewportwidth = window.innerWidth,
		viewportheight = window.innerHeight
	}
	else if (typeof document.documentElement != 'undefined'
	&& typeof document.documentElement.clientWidth !=
	'undefined' && document.documentElement.clientWidth != 0)
	{
		viewportwidth = document.documentElement.clientWidth,
		viewportheight = document.documentElement.clientHeight
	}
	else
	{
		viewportwidth = document.getElementsByTagName('body')[0].clientWidth,
		viewportheight = document.getElementsByTagName('body')[0].clientHeight
	}
	
	if(viewportheight > 655)
		viewportheight = 655;
	else if(viewportheight < 300)
		viewportheight = 300;
	else
		viewportheight -= 60;
	
	elem.style.height = viewportheight;
	elem.style.top = (655 - viewportheight)*0.5;
}