﻿	function ShowPreview(el)
	{
		while (el && el.tagName != "DIV")
			el = el.parentNode;
		if (!el) return;
					
		document.preview = el;
		ShowPreviewHTML();
		setTimeout("ShowPreviewHTML()", 200);
		setTimeout("ShowPreviewHTML()", 300);
		setTimeout("ShowPreviewHTML()", 400);
	}
		
	function ShowPreviewHTML()
	{
		var el = document.preview;
		var images = el.getElementsByTagName("IMG");
		if (images.length == 0) 
			return;
			
		var image = images[1];
		var preview_img = document.getElementById("preview_img");
		preview_img.src = image.src;
		preview_img.style.display = "block";

		var overlay_div = document.getElementById("overlay_div");
		overlay_div.style.width = document.body.clientWidth + "px";
		overlay_div.style.height = document.body.clientHeight + "px";
		overlay_div.style.display = "block";
		SetOpacity(overlay_div, 50);
		
		var preview_div = document.getElementById("preview_div");
		preview_div.style.width = document.body.clientWidth + "px";
		preview_div.style.height = document.body.clientHeight + "px";
		preview_div.style.display = "block";
		preview_div.style.paddingTop = Math.max(0,document.body.parentNode.scrollTop + (document.body.parentNode.clientHeight - preview_img.clientHeight) / 2) + "px"; 
	}

	function HidePreview()
	{
		var overlay_div = document.getElementById("overlay_div");
		overlay_div.style.display = "none";
		
		var preview_div = document.getElementById("preview_div");
		preview_div.style.display = "none";
		preview_div.style.paddingTop = "0px";
		
		var preview_img = document.getElementById("preview_img");
		preview_img.src = "Images/pixel.gif";
		preview_img.style.display = "none";
	}
	
	function ShowContentButtons(el)
	{
		if (!el) return;
		
		clearTimeout(el.timeout);
		el.timeout = null;
		
		var divs = el.getElementsByTagName("DIV");
		if (divs.length == 0) return;
		var div = divs[divs.length-1];
		if (!div) return;

		//div.style.display = "block;"					
		div.className = "Opacity";
	}
	
	function HideContentButtons(el)
	{
		if (!el) return;

		clearTimeout(el.timeout);
		el.timeout = null;

		var divs = el.getElementsByTagName("DIV");
		if (divs.length == 0) return;
		var div = divs[divs.length-1];
		if (!div) return;

		el.timeout = setTimeout("HideContentButtonsDelayed('" + el.id + "')",100);

		//div.style.display="none;"					
		//div.className = "Hidden";
	}

	function HideContentButtonsDelayed(id)
	{
		var el = document.getElementById(id);
		if (!el) return;

		clearTimeout(el.timeout);
		el.timeout = null;

		var divs = el.getElementsByTagName("DIV");
		if (divs.length == 0) return;
		var div = divs[divs.length-1];
		if (!div) return;

		//div.style.display="none;"					
		div.className = "Hidden";
	}
