var img=new Array();
var pos=0;
var loadedImages=0;
var inImage=0;
var curId=0;
var curName="";
var isOpened=false;
var isTimered=false;
var timer=null;
var cX=0,cY=0,evY=0;
function AddImage(imgSrc)
{
	if(isOpened)return;
	if(img.length>3)return;
	img.push(imgSrc);
}
function ClearImages()
{
	img=new Array();
	pos=0;
	loadedImages=0;
}
function MovingMouse(E)
{
	cX=E.clientX;
	cY=E.clientY;
}
function CreatePanel(div,id,name)
{
	div.innerHTML="<table cellspacing='0' cellpadding='0' onmouseover=\"inImage=true;isTimered=false;\" onmouseout=\"inImage=false;setTimeout('HideImageViewer("+id+")',500);\" style='padding:0px;width:250px;background-color:rgb(0,0,0);'><tr><td colspan='3' style='padding:0px;'><table style='width:250px;'><tr><td style=\"color:white;\" nowrap=\"nowrap\" style='padding:0px;'>"+name+"</td><td align='right' style='padding:0px;'><a href='javascript:{inImage=false;HideImageViewer("+id+");}' style='text-decoration:none;color:white;'>X</a></td></tr></table></td></tr><tr><td colspan='3' style='height:180px;padding:2px;' align='center'><img src='"+img[pos]+"' style='width:244px;height:180px;' /></td></tr><tr><td style='width:20px;color:white;font-weight:bold;padding:2px;'>"+(pos+1)+"/"+img.length+"</td><td style='width:20px;padding:2px;'><a href=\"javascript:PrevImage("+id+",'"+name+"')\" style='text-decoration:none;color:white;font-weight:bold;'>&lt;</a></td><td align='left' style='width:210px;padding:2px;'><a href=\"javascript:NextImage("+id+",'"+name+"')\" style='text-decoration:none;color:white;font-weight:bold;'>&gt;</a></td></tr></table>";
}
function ShowImageViewer(id,name)
{
	if(isOpened)return;
	isOpened=true;
	var div=document.createElement("DIV");
	div.style.position="absolute";
	div.style.width="250px";
	div.style.height="210px";
	div.style.zIndex="1";
	div.style.border="solid 0px white";
	if(evY<150)
	{
		div.style.top="60px";
	}
	else
	{
		if(evY>document.body.clientHeight-230)div.style.top=(-(230-(document.body.clientHeight-evY)))+"px";
		else div.style.top="0px";
	}
	div.style.left="140px";
	div.style.border="solid 1px black";
	div.id="IdImage"+id;
	CreatePanel(div,id,name);
	isTimered=true;
	if(timer)clearInterval(timer);
	timer=setInterval("TimerNext("+id+",\""+name+"\");",2000);
	document.getElementById("IdImagePanel"+id).appendChild(div);
	document.getElementById("IdLoadImagePanel"+id).style.display="none";
}
function NextImage(id,name)
{
	if(pos+1<img.length)pos++;
	else pos=0;
	var div=document.getElementById("IdImage"+id);
	CreatePanel(div,id,name);
}
function PrevImage(id,name)
{
	if(pos==0)pos=img.length-1;
	else pos--;
	var div=document.getElementById("IdImage"+id);
	CreatePanel(div,id,name);
}
function LoadImages(id,name,E)
{
	if(inImage||isOpened)return;
	evY=E.clientY;
	var cid=0;
	var elem=document.getElementById("IdLoadImagePanel"+cid);
	while(elem!=null)
	{
		elem.style.display="none";
		cid++;
		elem=document.getElementById("IdLoadImagePanel"+cid);
	}
	document.getElementById("IdLoadImagePanel"+id).style.display="block";
	setTimeout("CloseLoad("+id+")",50000);
	curId=id;
	curName=name;
	for(var i=0;i<img.length;i++)
	{
		var image=new Image();
		image.src=img[i];
		image.onload=ImageLoaded;
	}
}
function ImageLoaded()
{
	id=curId;
	name=curName;
	loadedImages++;
	if((loadedImages>=img.length-1)&&(img.length>0))ShowImageViewer(id,name);
}
function HideImageViewer(id)
{
	if(inImage)return;
	var elem=document.getElementById("IdImage"+id);
	if(elem!=null)document.getElementById("IdImagePanel"+id).removeChild(elem);
	ClearImages();
	isOpened=false;
	inImage=0;
	isTimered=false;
	if(timer)clearInterval(timer);
	timer=null;
}
function TimerNext(id,name)
{
	if(img.length==0)HideImageViewer(id);
	if(isTimered)NextImage(id,name);
}
function CloseLoad(id)
{
	if(isOpened)return;
	curId=0;
	curName=0;
	ClearImages();
	document.getElementById("IdLoadImagePanel"+id).style.display="none";
}