var activeTeaser = null;

function overTeaser(div, teaserID)
{
	setTeaserPosition(teaserID);
	showHighlightLayer(true);
	rollover(teaserID,  teaserID + "_teaser");
	if (activeTeaser)
		rollout(activeTeaser,  activeTeaser + "_teaser");
	activeTeaser = teaserID;
	var highlighter = getElement("highlighter");
	highlighter.onmouseout = outTeaser;
	highlighter.onclick = div.onclick;
}

function outTeaser()
{	
	if (!activeTeaser)
		return;
	showHighlightLayer(false);
	rollout(activeTeaser,  activeTeaser + "_teaser");
	activeTeaser = false;
}

function clickTeaser(href)
{
	document.location.href=href;
}

function showHighlightLayer(show)
{
	var highlighter = getElement("highlighter");
	if (show)
		highlighter.style.visibility="visible";
	else
		highlighter.style.visibility="hidden";
}

function setTeaserPosition(teaserID)
{
	var pos1 = getElementPosition("top_"+teaserID);
	var pos2 = getElementPosition("bot_"+teaserID);
	var highlighter = getElement("highlighter");
	highlighter.style.left = pos1.x + "px";
	highlighter.style.top = (pos1.y - 1) + "px";
	var h = (parseInt(pos2.y) - parseInt(pos1.y)) + 2;
	highlighter.style.height=h + "px";
	highlighter.style.width="199px";
	var x = parseInt(pos1.x);
	var y = parseInt(pos1.y);
	return {x:x, y:y, x2:(x+199), y2:(y + h)};
}

function getElementPosition(elementID)
{
	point = new Object();
	element = getElement(elementID);
	if (!element)
		return;
	var x=0,y=0;
	while (element!=null){
		x+=element.offsetLeft;
		y+=element.offsetTop;
		element=element.offsetParent;
	}
	return {x:x,y:y};
}


function getElement(elementID)
{
	if (document.getElementById)
		return document.getElementById(elementID);
	else if (document.all)
		return document.all[elementID];
	else if (document.layers)
		return document.elementID;
	else
		return false;
}