var path = 'IMAGES/'+gallery+'/'
	
	var xml = new classXML("xml");
	var products = false;
				
	var imgCollage = document.getElementById('imgCollage');
	var imgBack = document.getElementById('imgBackground');
	var mapCollage = document.getElementById('mapCollage');
	
	var imageDiv 	= document.getElementById('imageDiv');
	var collageDiv 	= document.getElementById('collageDiv');
	var imageBox 	= document.getElementById('imageBox');
	
	var imageContainer = document.getElementById('imageContainer');
	imageContainer.style.position = "relative";
				
	xml.process = imageLoad;
	
	xml.load(path + "data.xml");
			
	var over = 0;
				
	imgBack.src = path + "collage.jpg";
	imgCollage.src = path + "COLLAGES/default.png";
	
	var imgCaption = document.getElementById('imgCaption');
	imgCaption.style.backgroundColor = '#ffffff';
	imgCaption.style.height = "24px";
	imgCaption.style.position = "absolute";
	imgCaption.style.right = "2px";
	imgCaption.style.left = "2px";
	imgCaption.style.bottom = "2px";
	imgCaption.style.padding = "2px";
	imgCaption.style.display = "none";
	imgCaption.onmouseover = new Function("evt", "over_caption = true;");
	imgCaption.onmouseout = new Function("evt", "over_caption = false;");
	
	var over_caption = false;
	
	var imgCaption_Text = document.getElementById('imgCaption_Text');
	imgCaption_Text.style.fontSize = "10px";
				
	function imageLoad()
	{
		products = xml.doc.getElementsByTagName('product');
		for(var i=0; i<products.length; i++)
		{
			var productID 		= products[i].getElementsByTagName('id')[0].firstChild.data;
			var productCoords 	= products[i].getElementsByTagName('coords')[0].firstChild.data;
			var productCopy 	= products[i].getElementsByTagName('copy')[0].firstChild.data;
			
			if(productCoords != "")
			{
				var mapArea = document.createElement("area");
						
				mapArea.setAttribute("shape", "poly");	
				mapArea.setAttribute("coords", productCoords);	
				mapArea.setAttribute("href", "#");	
							
				mapArea.onclick	 	= new Function("evt", "imageClick("+productID+"); return false;");	
				mapArea.onmouseover	= new Function("evt", "imageSwap("+productID+");");		
				mapArea.onmouseout	= new Function("evt", "imageSwap("+productID+");");	
							
				mapCollage.appendChild(mapArea);
			}
		}
	}
				
	function imageClick(id)
	{
		lightboxImage(id);
	}
				
	function imageSwap(id)
	{
		if(over != id)
		{
			over = id;
			imgCollage.src = path + 'COLLAGES/' + id + '.png';
		}
		else
		{
			over = 0;
			imgCollage.src = path + 'COLLAGES/default.png'
		}
	}
	
	function lightboxImage(id)
	{
		imgCollage.src = path + "COLLAGES/default.png";
	
		currentImage = id;
		
		for(var i=0; i<products.length; i++)
		{
			var productID = products[i].getElementsByTagName('id')[0].firstChild.data;
			
			if(id == productID)
			{
				var productCopy = products[i].getElementsByTagName('copy')[0].firstChild.data;	
				imgCaption_Text.innerHTML = productCopy;
			}
		}
		
		var src;
		src = path + 'PRODUCTS/' + id + '.jpg';
		
		imageBox.src = src;
	}
	
	function lightboxShow()
	{
		imageDiv.style.display = (navigator.appName == "Microsoft Internet Explorer") ? "block" : "table-row";
		collageDiv.style.display = "none";
		lightboxMove();
		imageDiv.onmousemove = new Function("evt", "lightboxMove()");	
		imageDiv.onmouseout = new Function("evt", "lightboxHide()");
	}
	
	var captionTimeout = false;
	
	function lightboxMove()
	{
		if(captionTimeout)
		{
			clearTimeout(captionTimeout);
		}
		captionTimeout = setTimeout("lightboxHide()", 1500);
		imgCaption.style.display = "block";
	}
	
	function lightboxHide()
	{
		if(over_caption)
		{
			captionTimeout = setTimeout("lightboxHide()", 1500);
		}
		else
		{
			imgCaption.style.display = "none";
		}
	}
	
	function lightboxImage_Close()
	{
		imageDiv.style.display = "none";
		collageDiv.style.display = (navigator.appName == "Microsoft Internet Explorer") ? "block" : "table-row";
	}