// JavaScript Document
var xmlDoc;


function importXML(theGallery)
{
	var galleryName = theGallery;
	
	if (document.implementation && document.implementation.createDocument)
	{
		xmlDoc = document.implementation.createDocument("", "", null);
		xmlDoc.async=false; 
		var loaded = xmlDoc.load("portfolio.xml");
		
		if(loaded)	
		{
			//alert('dafd');
			loadGallery(galleryName);
		}
		
		//xmlDoc.onload = loadGallery(galleryName);
		//xmlDoc.load("portfolio.xml");
	}
	else if (window.ActiveXObject)
	{
		xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
		
		xmlDoc.onreadystatechange = function () {
			if (xmlDoc.readyState == 4) loadGallery(galleryName)
		};
		
		xmlDoc.load("portfolio.xml");
		
 	}
	else
	{
		alert('Your browser can\'t handle this script');
		return;
	}
	
	
}

function loadGallery(galleryName)
{
		//alert(xmlDoc);
	//alert('test: '+galleryName);
	var x = xmlDoc.getElementsByTagName(galleryName);
	//alert('test'+x.length);
	
	/*
	var newEl = document.createElement('TABLE');
	newEl.setAttribute('cellPadding',5);
	var tmp = document.createElement('TBODY');
	newEl.appendChild(tmp);
	var row = document.createElement('TR');
	*/
	var result = '<table align="center" class="port_thumb_table" cellpadding="0" cellspacing="0"><tr>';
	result += '<td align="center" colspan="3"><a href="javascript:void(0);" onClick="launchShow(\''+galleryName+'\')">Start Slideshow</a></td></tr><tr>';
	var count = 0;
	for (j=0;j<x[0].childNodes.length;j++)
	{						
		if (x[0].childNodes[j].nodeType != 1) continue;
		
		if(count % 3 == 0)
			result += "</tr><tr>";
			
		result += "<td><img src=\""+x[0].childNodes[j].getAttribute('thumb')+"\"></td> ";
		//var container = document.createElement('TD');
		//var img = document.createElement('IMG');
		//alert(x[0].childNodes[j].getAttribute('name'));
		//img.src = x[0].childNodes[j].getAttribute('name');
		//container.appendChild(img);
		//row.appendChild(container);
		//newEl.appendChild(row);
		count++;
	}
	
	result += '</tr></table>';

	document.getElementById('portfolio').innerHTML = result;
	
	
	
}

function importSlideShowXML(theGallery)
{
	var galleryName = theGallery;
	
	if (document.implementation && document.implementation.createDocument)
	{
		xmlDoc = document.implementation.createDocument("", "", null);
		xmlDoc.async=false; 
		var loaded = xmlDoc.load("portfolio.xml");
		
		if(loaded)	
		{
			//alert('dafd');
			loadShow(galleryName);
		}
		
		//xmlDoc.onload = loadGallery(galleryName);
		//xmlDoc.load("portfolio.xml");
	}
	else if (window.ActiveXObject)
	{
		xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
		
		xmlDoc.onreadystatechange = function () {
			if (xmlDoc.readyState == 4) loadShow(galleryName)
		};
		
		xmlDoc.load("portfolio.xml");
		
 	}
	else
	{
		alert('Your browser can\'t handle this script');
		return;
	}
	
	
}

function loadShow(galleryName)
{
		//alert(xmlDoc);
	//alert('test: '+galleryName);
	var x = xmlDoc.getElementsByTagName(galleryName);
	//alert('test'+x.length);
	
	/*
	var newEl = document.createElement('TABLE');
	newEl.setAttribute('cellPadding',5);
	var tmp = document.createElement('TBODY');
	newEl.appendChild(tmp);
	var row = document.createElement('TR');
	*/
	var result = '<table align="center" class="port_thumb_table" cellpadding="0" cellspacing="0"><tr>';
	result += '<td align="center" colspan="3"><a href="javascript:void(0);" onClick="launchShow(\''+galleryName+'\',0)">Start Slideshow</a></td></tr><tr>';
	var count = 0;
	for (j=0;j<x[0].childNodes.length;j++)
	{						
		if (x[0].childNodes[j].nodeType != 1) continue;
		
		if(count % 3 == 0)
			result += "</tr><tr>";
			
		result += "<td><img src=\""+x[0].childNodes[j].getAttribute('thumb')+"\"></td> ";
		//var container = document.createElement('TD');
		//var img = document.createElement('IMG');
		//alert(x[0].childNodes[j].getAttribute('name'));
		//img.src = x[0].childNodes[j].getAttribute('name');
		//container.appendChild(img);
		//row.appendChild(container);
		//newEl.appendChild(row);
		count++;
	}
	
	result += '</tr></table>';

	document.getElementById('portfolio').innerHTML = result;
	
	
	
}

function launchShow(galleryName,start)
{
	newImg = "show.php?gallery="+galleryName+"&start="+start;
	window.open(newImg,'newwindow', config='height=650, width=600, toolbar=no, menubar=no, scrollbars=yes, resizable=no, location=no, directories=no, status=no');	
		
}