var galleryData = new Array();

function showGallery(canvasName, dataURL) {
var resultsArray = new Array();
	
var theURL = (dataURL);
var vars = ("");	
var client;

if (window.XMLHttpRequest) {
	client = new XMLHttpRequest();
} else if (window.ActiveXObject) {
	// users with activeX off
	try {
		client = new ActiveXObject("Microsoft.XMLHTTP");
	} catch (e) {}
}

client.onreadystatechange = function() {	
		if(client.readyState == 4) {	
			galleryData = client.responseXML.getElementsByTagName("item");
			drawGalleryIndex(canvasName, galleryData);
			    jQuery(document).ready(function($) {
      				$('a[rel*=facebox]').facebox() 
    				})

		}
	}
	
client.open("POST", theURL);
client.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); 
client.send(vars);

return(false);
}







function drawGalleryIndex(canvasName, galleryData) {
var canvasElem = document.getElementById(canvasName);

var maxCols = 5;
var rowIdx = 1;
var colIdx = 1;
var idx;
var showTitleVal;
var showFileSizeVal;
var showMdateVal;
if (window.showTitle == null) {
	showTitleVal = true;
} else {
	showTitleVal = window.showTitle;
}
if (window.showFileSize == null) {
	showFileSizeVal = true;
} else {
	showFileSizeVal = window.showFileSize;
}
if (window.showMdate == null) {
	showMdateVal = true;
} else {
	showMdateVal = window.showMdate;
}
var outString = "<table border=\"0\" cellpadding=\"3\" cellpadding=\"1\" width=\"100%\"><tr>";
for (idx=0;idx<galleryData.length;idx++) {
	if (colIdx > maxCols) {
		outString += ("</tr><tr>");
		colIdx = 1;
		rowIdx++;
	}
	outString += ("<td align=\"center\"><div><a href=\"" + galleryData[idx].getAttribute('imagesrc') + "\" rel=\"facebox\" ><img src=\"" + galleryData[idx].getAttribute('thumbsrc') + "\" width=\"" + galleryData[idx].getAttribute('thumbwidth') + "\" height=\"" + galleryData[idx].getAttribute('thumbheight') + "\" border=\"0\"></a></div>");
	if (showTitleVal == true) {
		outString += ("<div style=\"font-size:10px;text-align:center;\">" + galleryData[idx].getAttribute('title') + "</div>");
	}
	if (showFileSizeVal == true) {
		outString += ("<div style=\"font-size:9px;text-align:center;\">" + galleryData[idx].getAttribute('imagewidth') + " x " + galleryData[idx].getAttribute('imageheight') + "</div>");
	}
	if (showMdateVal == true) {
		var mdate = new Date();
		mdate.setMilliseconds(galleryData[idx].getAttribute('mdate'));
		//outString += ("<div style=\"font-size:9px;text-align:center;\">" + mdate.toString() + "</div>");
	}
	outString += ("</td>");
	colIdx++;
}
outString += ("</tr></table>");

canvasElem.innerHTML = outString;

}