var iCurrentImageID;
    function showImage(iID) {
	
    	var oImage;
    	for(var i = 0,r=aImages.length;i<r;i++)
    	{
    		if(oImage == undefined && aImages[i].id == iID)
    			oImage = aImages[i];
    	}
    	iCurrentImageID = oImage.id;
		var oFilter = document.createElement("div");
		var oDiv = document.createElement("div");
		
		oFilter.id = "filter";
		oDiv.id = "gallery_image";
		
		oFilter.className = "filter";
		oDiv.className = "gallery_image";
		
		
		/*
		oDiv.innerHTML = '<div class="top"></div><div class="middle"><div class="left"></div>'
		oDiv.innerHTML += '<div class="center"></div>'
		oDiv.innerHTML += '<div class="right"></div></div><div class="bottom"></div>'
		*/
		oDiv.innerHTML = '<div class="top"></div><div class="content">' +
							  '<div id="gallery_image_container">' +
							  '<iframe id="image_frame" class="gallery_frame" border="0" scrolling="no" frameborder="0" src="'+sReversePath+'gallery_image.php?page='+iID+'"></iframe>' +
							  '</div><div id="gallery_navigation"></div><div id="gallery_close"></div><div id="ddhandle"></div>' +
							  '</div>' +
							  '<div class="bottom"></div>';
		resizeFilter(oFilter,oDiv)
		
		//var oImg = document.getElementById('gallery_image_image');
		
		
		var oClose = document.createElement('img');
		oClose.src = sReversePath + 'images/gallery_image_close.gif';
		oClose.onclick = function() {
			closeImage();
		}
		
		var oNext = document.createElement('img');
		oNext.src = sReversePath + 'images/gallery_image_next.gif';
		oNext.onclick = function() {
			showNext();
		}
		
		var oPrev = document.createElement('img');
		oPrev.src = sReversePath + 'images/gallery_image_prev.gif';
		oPrev.onclick = function() {
			showPrev();
		}
		
		document.body.appendChild(oFilter)
		document.body.appendChild(oDiv)
		var handle = document.getElementById("ddhandle");
		if(handle != undefined)
		{
			var DD = new YAHOO.util.DD( oDiv );
			DD.setHandleElId("ddhandle");
		}

		var oNavigation = document.getElementById('gallery_navigation');
		var oCloser = document.getElementById('gallery_close');
		
		oNavigation.appendChild(oPrev);
		oNavigation.appendChild(oNext);
		
		oCloser.appendChild(oClose);
		window.onresize = function() {resizeFilter()}	
		
		changeImage(iCurrentImageID)
	}
	
	function showNext()
	{
		var oImage;
		var oFirst = aImages[0];
		var oLast = aImages[aImages.length-1];
		
    	for(var i = 0,r=aImages.length;i<r;i++)
    	{
    		if(bGetNext)
    		{
    			var iNextID = aImages[i].id;
    			bGetNext = false;
    		}	
    		if(iCurrentImageID == aImages[i].id)
    			var bGetNext = true;
    	}
    	if(iNextID)
    		changeImage(iNextID);
		else
			changeImage(oFirst.id);
	}
	
	function showPrev()
	{
		var oImage;
		var oFirst = aImages[0];
		var oLast = aImages[aImages.length-1];
		
    	for(var i = aImages.length-1,r=0;i>=r;i--)
    	{
    		if(bGetNext)
    		{
    			var iNextID = aImages[i].id;
    			bGetNext = false;
    		}	
    		if(iCurrentImageID == aImages[i].id)
    			var bGetNext = true;
    	}
    	if(iNextID)
    		changeImage(iNextID);
		else
			changeImage(oLast.id);
	}
	function changeImage(iID)
	{
		var oFrame = document.getElementById('image_frame');
		var oImage = document.getElementById('gallery_image_image');
		var oWrapper = document.getElementById('gallery_wrapper');
		var oBackground = document.getElementById('gallery_image_container');
		var oTmpImage = document.createElement('img');
		
		oFrame.src = sReversePath + "gallery_image.php?page=" + iID;
		iCurrentImageID = iID;
		
	}
	
	function resizeFilter() {
		var oFilter
		var oDiv
		if(arguments.length>0) {
			oFilter = arguments[0]
			oDiv = arguments[1]
		} else {
			oFilter = document.getElementById('filter');
			oDiv = document.getElementById('gallery_image');
		}
		
		oFilter.style.width = document.documentElement.clientWidth+'px';
		oFilter.style.height = document.documentElement.clientHeight+'px';
		var iWidth = 461;
		oDiv.style.marginLeft = (document.documentElement.clientWidth-461)/2+'px';
	}
	
	function closeImage() {
		var oFilter = document.getElementById('filter');
		var oDiv = document.getElementById('gallery_image');
		oDiv.parentNode.removeChild(oDiv)
		oFilter.parentNode.removeChild(oFilter)
	}