/*******************************************************************************************/
var docBody	= (document.compatMode && document.compatMode != "BackCompat")? document.documentElement : document.body? document.body : null;
var nav		= navigator.userAgent.toLowerCase();
var version = navigator.appVersion;

// Browser flags
var Opera		= !!(window.opera && document.getElementById);
var Opera6		= Opera && !document.defaultView;
var Opera7		= Opera && !Opera;
var IE			= nav.indexOf("msie") != -1 && document.all && docBody && !Opera;
var IE6			= IE && parseFloat(version.substring(version.indexOf("MSIE")+5)) >= 5.5;
var Netscape4	= (document.layers && typeof document.classes != "undefined");
var Netscape6	= (!Opera && document.defaultView && typeof document.defaultView.getComputedStyle != "undefined");
var Firefox		= nav.indexOf("firefox")!=-1;
var w3c			= !IE && !Netscape6 && !Opera && document.getElementById;
/*******************************************************************************************/

var ZT_WIDTH	= 400;
var ZT_HEIGHT = 300;

function init()
{
	if(window.Event)
		document.captureEvents(Event.MOUSEMOVE);
	
	document.onmousemove = getCursorPos;
	document.onmouseout	= hideWindow;

	document.write("<div id='divCanvas' name='divCanvas' style='background-color:white;position:absolute;display:none;filter:progid:DXImageTransform.Microsoft.Alpha(opacity:100);'></div>");
	document.write("<iframe id='divZoomWindow' name='divZoomWindow' src='zoomwindow.htm' scrolling='no' frameborder='0' style='background-image:url(_images/translucent.png);display:none;border:1px solid orange;position:absolute;width:" + (ZT_WIDTH+2) + ";height:" + (ZT_HEIGHT+3) + ";filter:progid:DXImageTransform.Microsoft.shadow(color:#C0C0C0, Direction:135, Strength:10)progid:DXImageTransform.Microsoft.Alpha(opacity:80);'></iframe>");

}

function getCursorPos(evt)
{
	var elem;
	var x,y;
	
	if(IE || IE6 || Opera)
	{
		x = event.clientX;
		y = event.clientY;
		elem = event.srcElement;
	}
	else if(Firefox)
	{
		x = evt.clientX;
		y = evt.clientY;
		elem = evt.target;
	}
	else
	{
		x = (window.Event) ? e.pageX : event.clientX;
		y = (window.Event) ? e.pageY : event.clientY;
	}

	if((elem.tagName=="IMG") && (elem.getAttribute("zoomtooltip")))
	{
		showWindow(elem.offsetLeft + document.body.scrollLeft + elem.width,
					elem.offsetTop,
					elem.src,(x - elem.offsetLeft + document.body.scrollLeft) - 5,(y - elem.offsetTop + document.body.scrollTop) - 5,
					elem.align);
	}
}

function showWindow(nLeft, nTop, sSrc, nImageLeft, nImageTop, sAlign)
{

/*		IMAGE POSITION	*/
	var imgWindow;
	if(IE||IE6||Opera)
		imgWindow = parent.divZoomWindow.imgZoomWindow;
	else
	{
		imgWindow = parent.divZoomWindow.document.getElementById('imgZoomWindow');
	}	
	imgWindow.src = sSrc;

	var scale = (imgWindow.width/150);
	
	imgWindow.style.left = - (nImageLeft * scale);
	

	imgWindow.style.top = - (nImageTop  * scale);
	imgWindow.style.display = 'block';
	var nImgRight			= (nImageLeft * scale);
	var nImgLeft			= ((nImageLeft * scale) + ZT_WIDTH);
	var nImgTop				= (nImageTop * scale);
	var nImgBottom			= ((nImageTop * scale) + ZT_HEIGHT);
	imgWindow.style.clip	= 'rect(' + nImgTop + ',' + nImgLeft + ',' + nImgBottom + ',' + nImgRight + ')';


/*		IFRAME POSITION	*/
	var iframe = document.all.divZoomWindow;

	if((nTop+ZT_HEIGHT)>docBody.clientHeight)
		nTop = docBody.clientHeight-ZT_HEIGHT-10;

	if(sAlign=="right")
		iframe.style.left = (nLeft-164 - ZT_WIDTH);
	else
		iframe.style.left = (nLeft+3);


	iframe.style.top = (nTop+3);
	iframe.style.display = 'block';

	divCanvas.style.top = iframe.style.top;
	divCanvas.style.left = iframe.style.left;
	
	var nCanvasWidth = (nImgRight > (imgWindow.width-ZT_WIDTH))? (ZT_WIDTH + ((imgWindow.width - ZT_WIDTH) - nImgRight)):ZT_WIDTH; 
	divCanvas.style.width = nCanvasWidth<0?0:nCanvasWidth; 
	var nCanvasHeight = (nImgBottom > imgWindow.height)?(ZT_HEIGHT + (imgWindow.height  - nImgBottom)):ZT_HEIGHT;
	divCanvas.style.height = nCanvasHeight<0?0:nCanvasHeight;
	
	divCanvas.style.display = 'block';
}

function hideWindow()
{
	var iframe = document.getElementById("divZoomWindow");

	iframe.style.display = 'none';
	divCanvas.style.display = 'none';
}

init();