var arrowLinksHover = "/images/templates/smallarrow-links-h.png";
var arrowLinksEnable = "/images/templates/smallarrow-links-1.png";
var arrowLinksDisable = "/images/templates/smallarrow-links-0.png";

var arrowRechtsHover = "/images/templates/smallarrow-rechts-h.png";
var arrowRechtsEnable = "/images/templates/smallarrow-rechts-1.png";
var arrowRechtsDisable = "/images/templates/smallarrow-rechts-0.png";


var IE  = false;
if( navigator.appName=="Microsoft Internet Explorer")
	IE = true;
var originalTopX;
var originalTopY;

$(document).ready(function(){

		$('#zoomimageback').bind("mouseenter", function(e){
			displayZoom(e);
			});
		
		$('#zoomimageback').mousemove(function(e){
		moveZoomer(e);
			});	
			
		$('#zoomer').mousemove(function(e){
	    moveZoomer(e);
			});

		$('#zoomeroverlay').mousemove(function(e){
	    moveZoomer(e);
			});			
			
		$('#zoomerborder').bind("mouseleave",function(e){
			hideZoom(e)
			});
			
		$('#zoomer').bind("mouseleave",function(e){
			hideZoom(e)
			});
			
		$('#MainBody').bind("mousemove",function(e){
			hideZoom(e)
			});
	});

function displayZoom(e)
{
	if (document.getElementById("zoomimage").src.indexOf(".jpg") > -1)
	{
	document.getElementById("zoomLayer").style.display = "block";
	if(IE)
	{
			document.getElementById("zoomeroverlay").style.display = "inline";
		document.getElementById("zoomer").style.position = "absolute";
		document.getElementById("zoomer").style.left = "0px";
			document.getElementById("zoomer").style.top = "68px";
	}
	else
	{
		document.getElementById("original").style.opacity = 0.3;
		document.getElementById("original").style.zIndex = -100;
		}
		document.getElementById("zoomer").style.display = "block";
		document.getElementById("zoomborder").style.display = "none";
		document.getElementById("zoomerborder").style.display = "block";
		
		originalTopX = $('#original').offset().left;
		originalTopY = $('#original').offset().top;

		moveZoomer(e);
	}
}

function hideZoom(e)
{


	var imagePos    = jQuery("#zoomimageback").offset();

	if ((imagePos.left > e.pageX || imagePos.left + 500 < e.pageX) || (imagePos.top > e.pageY || imagePos.top + 450 < e.pageY) )
	{
		document.getElementById("zoomLayer").style.display = "none";
		if(IE)
		{
			document.getElementById("zoomeroverlay").style.display = "none";
			document.getElementById("zoomer").style.position = "absolute";
			document.getElementById("zoomer").style.left = "0px";
			document.getElementById("zoomer").style.top = "70px";
		}
		else
		{
			document.getElementById("original").style.opacity = 1.0;
			document.getElementById("original").style.zIndex = 100;
		}	
		document.getElementById("zoomer").style.display = "none";
		document.getElementById("zoomborder").style.display = "block";
		document.getElementById("zoomerborder").style.display = "none";
		
	}
}

function moveZoomer(e)
{
	var e = e || window.event;

	var posX = getMouseX(e);
	var posY = getMouseY(e);

				imagewidth = document.getElementById("zoomimageback").width;
				imageheight = document.getElementById("zoomimageback").height;

			zoomimagewidth = document.getElementById("zoomimage").width;
			zoomimageheight = document.getElementById("zoomimage").height;

			factorX = zoomimagewidth / imagewidth;
			factorY = zoomimageheight / imageheight;


				clipTop = posY - 60;
				clipWidth = posX + 70;
				clipBottom =  posY + 60;
				clipLeft = posX - 70;

				zoomImageTop = -posY*factorY+100;
				zoomBorderTop = posY-60;

				zoomImageLeft =  -posX*factorX+100;
				zoomBorderLeft =  posX-70;


			if(posY < 60)
			{
				clipTop = 0;
				clipBottom = 120;
				zoomImageTop = -60*factorY+100;
				zoomBorderTop = 0;
			}

			if(posX < 80)
			{
				clipLeft = 0;
				clipWidth = 140;
				zoomImageLeft = -80*factorX+100;
				zoomBorderLeft = 0;
			}

			if(posY > 390)
			{
				clipTop = 330;
				clipBottom = 450;
				zoomImageTop = -390*factorY+100;
				zoomBorderTop = 330;

			}

			if(posX > 430)
			{
				clipLeft = 360;
				clipWidth = 500;
				zoomImageLeft =  -430*factorY+100;
				zoomBorderLeft = 360;

	}

	if(posY > 0 || posY < 390)
	{
		document.getElementById("zoomer").style.clip = "rect("+clipTop+"px "+clipWidth+"px "+clipBottom+"px "+clipLeft+"px)";
	
		$("#zoomimage").css("top", zoomImageTop+"px")
		$("#zoomerborder").css("top", zoomBorderTop+"px")

	}
	

	if(posX > 0 || posX < 430)
	{
		document.getElementById("zoomer").style.clip = "rect("+clipTop+"px "+clipWidth+"px "+clipBottom+"px "+clipLeft+"px)";
		
		$("#zoomimage").css("left", zoomImageLeft+"px")
		$("#zoomerborder").css("left", zoomBorderLeft+"px")
		
		
	}

}

function getMouseX(evt) {
	if (evt && evt.offsetY) {
		return evt.offsetX;
	} else {
		return (evt.pageX - originalTopX );
	}
}

function getMouseY(evt) {
	if (evt && evt.offsetY) {
		return evt.offsetY;
	} else {
		return (evt.pageY - originalTopY );
	}
}