/* displays a bigger image whenever hovering over thumbs or certain text
Norberth Danson, June 07, 2007
*/
function show_hov(){	
	var path = new String(arguments[0].getAttribute('src'));
	path = path.replace(/t_/,'m_');
	make_hov();
	eID('hover_pic_core').innerHTML = '<img src="'+path+'" alt="">';
	document.onmousemove=trail;
	arguments[0].onmouseout = hide_hov;
}
function make_hov(){
	if(!eID('hover_pic'))
	{
		var box_hover = document.createElement('div');
		box_hover.setAttribute('id', 'hover_pic');
		document.body.appendChild(box_hover);
		box_hover.style.position = 'absolute';
		box_hover.style.zIndex = '10000';
		
		eID('hover_pic').innerHTML			= 	'<table border="0" cellspacing="0" cellpadding="0">'
											+	  '<tr>'
											+		'<td class="NW"></td>'
											+		'<td class="N"></td>'
											+		'<td class="NE"></td>'
											+	  '</tr>'
											+	  '<tr>'
											+		'<td class="W"></td>'
											+		'<td class="core"><div id="hover_pic_core"></div></td>'
											+		'<td class="E"></td>'
											+	  '</tr>'
											+	  '<tr>'
											+		'<td class="SW"></td>'
											+		'<td class="S"></td>'
											+		'<td class="SE"></td>'
											+	  '</tr>'
											+	'</table>';	
	}
	hide('hover_pic');
}
function hide_hov(e){	
	document.onmousemove='';
	hide('hover_pic');
	eID('hover_pic').style.left = '-1000px';	
}
function trail(e){
	
	show('hover_pic');
	
	e = fixHE(e);
	
	var x = mouseX(e);
	var y = mouseY(e);
	
	var hover_W = eID('hover_pic').offsetWidth;
	var hover_H = eID('hover_pic').offsetHeight;
	
	var pageDimensions = getPageSize();
	
	var tent_X = x+15;
	var tent_Y = y;
	
	
	if(tent_X < 5){
		tent_X = x;
	}
	else if(((tent_X + hover_W)- sroll_Left(e)) > (pageDimensions[2]-5)){
		tent_X -= (hover_W+30);
	}
	
	if(tent_Y < 5){
		tent_Y = y+scroll_Top(e);
	}
	else if(((tent_Y + hover_H)-scroll_Top(e)) > (pageDimensions[3]-5)){
		tent_Y = ((pageDimensions[3]-5) - hover_H)+scroll_Top(e);
	}
	
	eID('hover_pic').style.left=tent_X+"px";
	eID('hover_pic').style.top=tent_Y+"px";	
}
var fixHE = function(e)
{
	if (typeof e == 'undefined') e = window.event;
	if (typeof e.layerX == 'undefined') e.layerX = e.offsetX;
	if (typeof e.layerY == 'undefined') e.layerY = e.offsetY;
	return e;
}
function sroll_Left(event){
	return document.documentElement.scrollLeft||document.body.scrollLeft;
}
function scroll_Top(event){
	return document.documentElement.scrollTop||document.body.scrollTop;
}