var current_div 	= null;
var div_lupe 		= null;
var div_screenshot 	= null;
var img_src			= null;
var img_target		= null;


function clear_zoom()
{

	if (div_lupe != null)		current_div.removeChild(div_lupe);
	if (div_screenshot != null) current_div.removeChild(div_screenshot);
	
	current_div 	= null;
	
	div_lupe 		= null;
	div_screenshot 	= null;	
	
	document.onmousemove = function() {};
}

function screenshot_zoom_out(e)
{
	
	if (!e) e = window.event;
	
	if (document.all)
	{
		if (e.srcElement.parentNode.parentNode.parentNode != current_div)
		{
			if (div_screenshot != null) current_div.removeChild(div_screenshot);
			div_screenshot = null;
		}
		

		if (e.srcElement.parentNode != current_div && e.srcElement.parentNode.parentNode.parentNode != current_div)
		{							
			if (div_lupe != null)		current_div.removeChild(div_lupe);
			if (div_screenshot != null) current_div.removeChild(div_screenshot);
			
			current_div 	= null;
			
			div_lupe 		= null;
			div_screenshot 	= null;

			document.onmousemove = function() {};
		}
		
	} else {
		
		if (e.target.parentNode.parentNode.parentNode != current_div)
		{
			if (div_screenshot != null) current_div.removeChild(div_screenshot);
			div_screenshot = null;
		}
		

		if (e.target.parentNode != current_div && e.target.parentNode.parentNode.parentNode != current_div)
		{							
			current_div.removeChild(div_lupe);
			if (div_screenshot != null) current_div.removeChild(div_screenshot);
			
			current_div 	= null;
			
			div_lupe 		= null;
			div_screenshot 	= null;
			
			document.onmousemove = function() {};
		}
		
	}
	
}

function show_screenshot(element)
{
	
	div_screenshot = document.createElement('div');
	div_screenshot.style.position = 'absolute';
	div_screenshot.style.left = '100px';
	div_screenshot.style.top = '-80px';
	div_screenshot.style.zIndex = '1000';
	div_screenshot.innerHTML = '<img src="' + img_src.replace('.png', '_big.png') + '" border="0" style="border:1px #4878ba solid;">';
	
	element.appendChild(div_screenshot);
	
}

function screenshot_zoom_over(element, source_image, source_target)
{
	
	img_src 	= source_image;
	img_target 	= source_target;
	
	if (current_div == null)
	{
		
		div_lupe = document.createElement('div');
		div_lupe.style.position = 'absolute';
		div_lupe.style.left = '65px';
		div_lupe.style.top = '45px';
		div_lupe.style.width = '26px';
		div_lupe.style.height = '25px';
		
		div_lupe.innerHTML = '<a href="' + img_target + '" onclick="clear_zoom();" target="_blank"><img id="zoom_icon" src="/templates/standard/images/zoom.gif" border="0" onmouseover="show_screenshot(this.parentNode.parentNode.parentNode);"></a>';
		
		document.onmousemove = screenshot_zoom_out;
		
		current_div = element;
		
		element.appendChild(div_lupe);
		
	}
}