var xmlDoc = importXML();
var percent;
var img_loaded;
var togo;
var count_pics;
var i;
var overlay;
var loadbox;
var pic = new Array();
var finishload = 0;
var complete = true;

function importXML()
{
	
	if (window.ActiveXObject)
	{
		x = new ActiveXObject("Microsoft.XMLDOM");
		x.load("/common/xml/photos.xml");
 	}
	else if (window.XMLHttpRequest)
	{
		x = new XMLHttpRequest();
		x.open("GET", "/common/xml/photos.xml", false);
		x.send(null);
		return x.responseXML;
	}
	else if (document.implementation && document.implementation.createDocument)
	{
		x = document.implementation.createDocument("", "", null);
		x.load("/common/xml/photos.xml");
	}
	else
	{
		alert('Your browser can\'t handle this script');
		return;
	}
	return x;
}

function preloadimages(g, c)
{
	var bod = document.getElementsByTagName("body")[0];
	overlay = document.createElement("div");
	overlay.id = "overlay";
	overlay.style.display = "block";
	loadbox = document.createElement("div");
	loadbox.id = "loadbox";
	loadbox.className = "loadbox";
	
	loadbox.innerHTML = "<div id=\"loaded\" class=\"loaded\" style=\"width: 0px;\">&nbsp;</div><div id=\"togo\" class=\"togo\" style=\"width: 300px; margin-bottom: 10px;\">&nbsp;</div><div id=\"loadtext\">Worth the wait...</div>\n";
	
	bod.appendChild(overlay);
	bod.appendChild(loadbox);
	count_pics = xmlDoc.getElementsByTagName("count")[0].childNodes[0].nodeValue;
	finishload = 30;
	img_loaded = document.getElementById("loaded");
	togo = document.getElementById("togo");
	i = 0;

	loading();

	if( g != "" )
	{
		var delay = count_pics * 200;
		setTimeout("showGallery('" + g + "')", delay);
		setTimeout("chooseLink('" + c + "')", delay);	
	}
	else
	{
		loadgallery();
	}
}

function loading()
{
	if( i < count_pics )
	{
		if( complete )
		{
			pic[i]= new Image(); 
			pic[i].src = xmlDoc.getElementsByTagName("src")[i].childNodes[0].nodeValue;
		}
		
		if( pic[i].complete )
		{
			if( i >= finishload )
			{
				img_loaded.style.width = "300px";
				overlay.style.display = "none";
				document.getElementById("loadbox").style.display = "none";	
			}
			else
			{
				percent = ( i / finishload ) * 300;
				percent = Math.floor(percent);
				img_loaded.style.width = percent + "px";
				togo.style.width = (300 - percent) + "px";
			}
			complete = true;
			i++;
		}
		else
			complete = false;
		setTimeout("loading()", 5);
	}
	else
	{
		if( i < finishload )
		{
			img_loaded.style.width = "300px";
			overlay.style.display = "none";
			document.getElementById("loadbox").style.display = "none";	
		}
		
		if( galleryName != "" )
		{
			showGallery(galleryNum);
			chooseLink(galleryClass);
		}
		else
		{
			loadgallery();
		}
			
		return;
	}
}