var fullImg=null;
var fullImages=new Array();

window.onload=function()
{
	fullImg=document.createElement('div');
	div=document.createElement('div');
	closeButton=document.createElement('img');
	imgdiv=document.createElement('div');
	img=document.createElement('img');
	imgdiv.id='galImage';
	imgdiv.appendChild(img);
		
	closeButton.src="../x.png";
	closeButton.onclick=hideImage;
	div.appendChild(closeButton);
	div.appendChild(imgdiv);
	fullImg.appendChild(div);
	fullImg.id='fullImage';

	if(fullImg.style.setAttribute)
	{
		closeButton.style.setAttribute('display','block');
		img.style.setAttribute('display','block');

		fullImg.style.setAttribute('position','absolute');
		div.style.setAttribute('position','relative');
		closeButton.style.setAttribute('display','block');
		closeButton.style.setAttribute('position','absolute');
		closeButton.style.setAttribute('left','-10px');
		closeButton.style.setAttribute('top','-10px');
		closeButton.style.setAttribute('zIndex','2');
		img.style.setAttribute('display','block');
		img.style.setAttribute('height','372px');
		
		
		fullImg.style.setAttribute('left','50%');
		fullImg.style.setAttribute('marginLeft','-285px');
		fullImg.style.setAttribute('top','100px');
		fullImg.style.setAttribute('display','none');
	}
	else
	{
		fullImg.style.position='absolute';
		fullImg.style.display='none';
		div.style.position='relative';
		closeButton.style.display='block';
		closeButton.style.position='absolute';
		closeButton.style.left='-10px';
		closeButton.style.top='-10px';
		closeButton.style.zIndex=2;
		img.style.display='block';
		img.style.zIndex=1;
		img.style.height="372px";
		
		
		fullImg.style.left='50%';
		fullImg.style.marginLeft="-285px";
		fullImg.style.top="100px";
	}

	
	document.getElementsByTagName('body')[0].appendChild(fullImg);
}

function showImage(id)
{
	if(fullImg.style.setAttribute)
	{
		fullImg.style.setAttribute('display','block');
		document.getElementById('galImage').style.setAttribute('display','none');
	}
	else
	{
		fullImg.style.display='block';
		document.getElementById('galImage').style.display='none';
	}
	fullImg.firstChild.lastChild.lastChild.src=fullImages[id].src;
	Effect.BlindDown('galImage');
}



function hideImage()
{
	Effect.BlindUp('galImage');
	window.setTimeout("onhidden()",1);
}

function onhidden()
{
	var el=document.getElementById('galImage').style;
	var display='';
	if(el.getAttribute)
		display=el.getAttribute('display');
	else
		display=el.display;
		
	if(display=='none')
	{
		if(fullImg.style.setAttribute)
		{
			fullImg.style.setAttribute('display','none');
		}
		else
		{
			fullImg.style.display='none';
		}
	}
	else
		window.setTimeout("onhidden()",1);
}

function preloadImage(src)
{
	var id=fullImages.length;
	var img=new Image();
	img.src=src;
	fullImages.push(img);
	return id;
}
