var clientList;
var currentClientIndex = 0;
var currentImageList;
// var xmlLocation = "http://www.nortonlanddesign.com/xml";
// var xmlLocation = "http://localhost/Norton%20Land%20Design/xml";
var xmlLocation = "http://" + location.host + "/xml";
var imageLocation = "images/portfolio/";
var xmlDoc;
var urlVars;
var imageNumberElements = [];


function loadPage(xmlFile) {
	xmlFile = xmlLocation + xmlFile;
	loadXmlDocument(xmlFile);	
	
	urlVars = getUrlVars();
	
	setTimeout(loadClientList, 100);
}


function loadClientList() {
	clientList = xmlDoc.getElementsByTagName("client");
	list = document.getElementById("clientList");
	
	for(var i=0; i<clientList.length; i++) {
		var name = clientList[i].getElementsByTagName("name");
		var li = "<li><a href='#' onClick='loadClient(" + i + ")'>" + name[0].firstChild.nodeValue + "</a></li>";

		list.innerHTML += li;
	}
	
	if(urlVars['client'] != null) {
		currentClientIndex = urlVars['client'];
	}
	loadClient(currentClientIndex);
}


function loadClient(index) {
	currentClientIndex = index;
	
	var summaryTitle = document.getElementById("summaryTitle");
	
	var summaryText = document.getElementById("summaryText");
	var imageNav = document.getElementById("portfolio_b");
	
	imageNav.innerHTML = "";
	imageNumberElements = [];
	
	summaryTitle.innerHTML = clientList[currentClientIndex].getElementsByTagName("summaryTitle")[0].firstChild.nodeValue;
	var currentSummaryItems = clientList[currentClientIndex].getElementsByTagName("summaryTextItem");

	summaryText.innerHTML = "";
	var list = document.createElement("ul");
	
	for(var i=0; i<currentSummaryItems.length; i++) {
		var item = document.createElement("li");
		item.appendChild(document.createTextNode(currentSummaryItems[i].firstChild.nodeValue));
		list.appendChild(item);
	}
	summaryText.appendChild(list);
	
	currentImageList = clientList[currentClientIndex].getElementsByTagName("image");
	for(var i=0; i<currentImageList.length; i++) {
		var link = document.createElement("a");
		link.setAttribute("href", "#");
		link.setAttribute("onClick", "loadImage(" + i + ")");
		link.appendChild(document.createTextNode(i+1));
		imageNav.appendChild(link);
		imageNumberElements[i] = link;
	}
	
	loadImage(0);
}


function loadImage(index) {
	document.getElementById("pageimage").src = imageLocation + currentImageList[index].firstChild.nodeValue;
	
	for(var i=0; i<imageNumberElements.length; i++) {
		imageNumberElements[i].className = "";
	}
	
	imageNumberElements[index].className = "imageNumberSelected";
}



function loadXmlDocument(xmlFile) 
{
	try
	{
		if (window.ActiveXObject)
		{
			var errorHappendHere = "Check Browser and security settings";
			xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
			xmlDoc.async=false;
			xmlDoc.load(xmlFile);
		}
		else if(window.XMLHttpRequest)
		{
			var errorHappendHere = "Error handling XMLHttpRequest request";
			var d = new XMLHttpRequest();
			d.open("GET", xmlFile, false);
			d.send(null);
			xmlDoc=d.responseXML;
		} else {
			var errorHappendHere = "Error.";
			xmlDoc = document.implementation.createDocument("","",null);
			xmlDoc.async=false;
			xmlDoc.load(xmlFile);
		}
	}	
	catch(e)
	{
		alert(errorHappendHere);
	}
}


function getUrlVars() {
	var vars = [], hash;
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
 
    for(var i = 0; i < hashes.length; i++)
    {
        hash = hashes[i].split('=');
        vars.push(hash[0]);
        vars[hash[0]] = hash[1];
    }
 
    return vars;
}