	
	var XMLHTTPObject = createHTTPHandler();
	
	function init()
	{
	    var button = document.getElementById('previous_button');
	    addEvent(button, 'click', getPrevious);
	    button = document.getElementById('next_button');
	    addEvent(button, 'click', getNext);
	}

	function getPrevious() {
		var currentCustomer = document.getElementById('current_customer');
	    getCustomerInformation(currentCustomer.value - 1);
	}

	function getNext() {
		var currentCustomer = document.getElementById('current_customer');
	    getCustomerInformation(1 + parseInt(currentCustomer.value));
	}
	
	function getCustomerInformation(customerID) {
		XMLHTTPObject.open('GET', 'portfolio.php?customer=' + customerID + '&rnd=' + new Date(), true);
		XMLHTTPObject.setRequestHeader("X_USERAGENT", "FTAjax");
		XMLHTTPObject.send(null);
		XMLHTTPObject.onreadystatechange=setCustomerInformation;
		//alert("yes?");
	}
	
	function setCustomerInformation() {
		if (XMLHTTPObject.readyState==4) {
		//alert("yes!");
			var response = XMLHTTPObject.responseXML;
			var customer = response.documentElement.getElementsByTagName('customer')[0];
			var imagelink = getNodeValue(customer, 'image');
			var image = document.getElementById('customer_image');
			image.src = imagelink;
			var name = getNodeValue(customer, 'name');
			var span = document.getElementById('customer_name');
			span.innerHTML = name;
			var website = getNodeValue(customer, 'website');
			span = document.getElementById('customer_link_span');
			span.innerHTML = website;
			var aHref = document.getElementById('customer_link');
			aHref.href = website;
			var description = getNodeValue(customer, 'description');
			span = document.getElementById('customer_description');
			span.innerHTML = description;
			span = document.getElementById('customer_features');
			span.removeChild(span.getElementsByTagName('ul')[0]);
			var ul = document.createElement('ul');
			var features = customer.getElementsByTagName('features');
			for (var i=0; i < features[0].childNodes.length; i++) {
				var item = features[0].childNodes[i];
				if (item.firstChild && item.firstChild.nodeValue != "\n") {
					var li = document.createElement('li');
					li.innerHTML = item.firstChild.nodeValue;
					ul.appendChild(li);
				}
			}
			span.appendChild(ul);
			var currentCustomer = document.getElementById('current_customer');
			currentCustomer.value = customer.attributes.getNamedItem("id").value;
		}
	}

	addEvent(window, 'load', init);
