var menuTop = 'linews';
var itemOpen = '';
var time_now = new Date();

function show(id)
{
	var id1 = id;
	var id2 = (id == 'news') ? 'work': 'news';
	var speed = 5;
	var speed2 = 40;
	var timer = 0;
	var timer2 = 0;
	
	if (itemOpen != id)
	{
		itemOpen = id;
		var menuSelected = document.getElementById('li' + id);
		menuSelected.className = 'link-selected';
		var menuUnselected = document.getElementById('li' + id2);
		menuUnselected.className = '';
		
		for(i = 100; i >= 0; i--)
		{
			setTimeout("changeOpac(" + i + ",'" + id2 + "')",(timer * speed));
			timer++;
		}
		
		if (menuTop == 'linews' && id == 'news')
		{
			for(i = 0; i <= 14; i++)
			{
				setTimeout("setPos('linews', '" + i + "px')", (timer2 * speed2));
				setTimeout("setPos('liwork', '-" + i + "px')", (timer2 * speed2));
				timer2++;
			}
			menuTop = 'liwork';
		}
		else if (menuTop == 'liwork' && id == 'work')
		{
			for(i = 14; i >= 0; i--)
			{
				setTimeout("setPos('linews', '" + i + "px')", (timer2 * speed2));
				setTimeout("setPos('liwork', '-" + i + "px')", (timer2 * speed2));
				timer2++;
			}
			menuTop = 'linews';
		}
		
		for(i = 0; i <= 100; i++)
		{
			setTimeout("changeOpac(" + i + ",'" + id1 + "')",(timer * speed));
			timer++;
		}
	}
}

// set new position
function setPos(id, pos)
{
	var object = document.getElementById(id).style;
	object.top = pos;
}

//change the opacity for different browsers
function changeOpac(opacity, id)
{
    var object = document.getElementById(id).style;
	if (opacity == 0)
	{
		object.display = 'none';
	}
	else if (opacity == 1)
	{
		object.display = 'block';
	}
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
}

function img_popup(link)
{
	window.open (link, "_blank"); 
}

function img_rollover(img, action)
{
	alert(action);
}


/* Image Rollover Code */
var offset = [0, 0];

function gettrailobj()
{
	if (document.getElementById)
	{
		return document.getElementById("trail_div").style;
	}
	else if (document.all)
	{
		return document.all.trailimagid.style;
	}
}

function truebody()
{
	return (!window.opera && document.compatMode && document.compatMode!="BackCompat") ? document.documentElement: document.body;
}

function showtrail(img, width, height)
{
	document.getElementById('trail_img').src = img;
	offset[0] = width;
	offset[1] = height;
	document.onmousemove = followmouse;
	setTimeout('gettrailobj().visibility = "visible"',10);
}

function hidetrail()
{
	gettrailobj().visibility = "hidden";
	document.onmousemove = "";
	document.getElementById('trail_img').src = "";
}

function followmouse(e)
{	
	if (typeof e != "undefined")
	{
		xcoord = e.pageX;
		ycoord = e.pageY;
	}
	else if (typeof window.event !="undefined")
	{
		xcoord = truebody().scrollLeft + event.clientX;
		ycoord = truebody().scrollTop + event.clientY;
	}
	
	docwidth = (document.all) ? truebody().scrollLeft + truebody().clientWidth: pageXOffset+window.innerWidth - 15;
	docheight = (document.all) ? Math.max(truebody().scrollHeight, truebody().clientHeight): Math.max(document.body.offsetHeight, window.innerHeight);
	xhalf = false;
	
	if (docwidth < xcoord + offset[0] + 10 && xcoord > offset[0] + 10)
	{
		xcoord += -15 - offset[0];
	}
	else if (docwidth < xcoord + offset[0] + 10)
	{
		xcoord += -10 - (offset[0]/2);
		xhalf = true;
	}
	else
	{
		xcoord += 5;
	}
	
	if (docheight < ycoord + offset[1] + 10 && ycoord > offset[1] + 10)
	{
		ycoord += -15 - offset[1];
	}
	else if (docheight < ycoord + offset[1] + 10 && xhalf != true)
	{
		ycoord += -10 - (offset[1]/2);
	}
	else
	{
		ycoord += 5;
	}
	
	gettrailobj().display="";
	gettrailobj().left=xcoord+"px";
	gettrailobj().top=ycoord+"px";
}