function createOccassions() {
	document.write("<div id=\"occtitle\"></div>")
	document.write("<table id=\"occassions\"></table>");
	getList();
}

function getList() {
	setContent("occtitle", "<br /><b>Even geduld a.u.b. De lijst wordt geladen...</b>");
	if (!getURL("getxml2.php", onReceiveList, null)) {
	}
}

function onReceiveList(plain, xml) {
	var occassions = xml.getElementsByTagName("auto");
	setContent("occtitle", "");
	if (occassions && occassions.length > 0) {
		tableClear("occassions", 0);
		tableAddRow("occassions", new Array("Type", "Prijs", "KM", "Bouwjaar"), 0, 2);
		
		for (i = 0; i < occassions.length; i++) {
			var naam = getNamedNodeValue(occassions[i], "naam",0);
			var image = getNamedNodeValue(occassions[i], "image",0);
			var prijs = getNamedNodeValue(occassions[i], "prijs",0);
			var kmstand = getNamedNodeValue(occassions[i], "km_stand",0);
			var bouwjaar = getNamedNodeValue(occassions[i], "bouwjaar",0);
			var transmissie = getNamedNodeValue(occassions[i], "transmissie",0);
			var brandstof = getNamedNodeValue(occassions[i], "brandstof",0);
			var deuren = getNamedNodeValue(occassions[i], "deuren",0);
			var kleur = getNamedNodeValue(occassions[i], "kleur",0);
			var url = getNamedNodeValue(occassions[i], "url",0);
			tableAddRow("occassions", new Array(
				"<a href=\"javascript:getDetails('"+url+"')\">"+"<img src=\""+image+"\" alt=\""+naam+"\" border='0' align='left'/>"+naam+"</a>"+
				"<br />" + (transmissie? transmissie+",<br />":"") + (brandstof? brandstof+",<br />":"") + (deuren?deuren+", ":"") + kleur,
				"&euro;&nbsp;"+prijs,
				kmstand,
				bouwjaar
				), 
				i+1
			);
		}
	} else {
		setContent("occtitle", "<br />Er zijn momenteel geen auto's gevonden.");	
	}
}

function getDetails(uri) {
//	alert(escape(uri));
	setContent("occtitle", "<br /><b>Even geduld a.u.b. De details worden geladen...</b>");
	tableClear("occassions", 0);
	if (!getURL("getxml2.php?details="+escape(uri), onReceiveDetails, null)) {
	}
}

function onReceiveDetails(plain, xml) {
//	alert(plain)
	tableClear("occassions", 0);
	var titel = getNamedNodeValue(xml, "titel",0);
	var images = getNamedNodes(xml, "image",0);
	var largeimages = getNamedNodes(xml, "largeimage",0);
	var bouwjaar = getNamedNodeValue(xml, "bouwjaar",0);
	var km_stand = getNamedNodeValue(xml, "km_stand",0);
	var kleur = getNamedNodeValue(xml, "kleur",0);
	var brandstof = getNamedNodeValue(xml, "brandstof",0);
	var deuren = getNamedNodeValue(xml, "deuren",0);
	var carrosserievorm = getNamedNodeValue(xml, "carrosserievorm",0);
	var transmissie = getNamedNodeValue(xml, "transmissie",0);
	var motorinhoud = getNamedNodeValue(xml, "motorinhoud",0);
	var vermogen = getNamedNodeValue(xml, "vermogen",0);
	var ledig_gewicht = getNamedNodeValue(xml, "ledig_gewicht",0);
	var APK = getNamedNodeValue(xml, "APK",0);
	var categorie = getNamedNodeValue(xml, "categorie",0);
	var prijs = getNamedNodeValue(xml, "prijs",0);
	var aanwezige_opties = getNamedNodeValue(xml, "aanwezige_opties",0);
	var mededelingen = getNamedNodeValue(xml, "mededelingen",0);
	var bijzonderheden = getNamedNodeValue(xml, "bijzonderheden",0);
	
	var img = "";
	for (i = 0; i < images.length; i++) {
		if (largeimages && largeimages[i])
			img += "<a href=\"javascript:getLargeImage('"+getNodeValue(largeimages[i])+"')\">";
		
		img += "<img src=\""+getNodeValue(images[i])+"\" border='0' />";
		
		if (largeimages && largeimages[i])
			img += "</a>";
	}
	
	setContent("occtitle", "<h2>"+titel+"</h2><a href=\"javascript:getList()\">Terug naar overzicht</a><div id=\"occimages\">"+img+"</div>");
	var i = 0;
	if (bijzonderheden)
		tableAddRow("occassions", new Array("Bijzonderheden", bijzonderheden), i++, 1);
	tableAddRow("occassions", new Array("Bouwjaar", bouwjaar), i++, 1);
	tableAddRow("occassions", new Array("KM stand", km_stand), i++, 1);
	tableAddRow("occassions", new Array("Kleur", kleur), i++, 1);
	if (brandstof)
		tableAddRow("occassions", new Array("Brandstof", brandstof), i++, 1);
	if (deuren)
		tableAddRow("occassions", new Array("Deuren", deuren), i++, 1);
	if (carrosserievorm)
		tableAddRow("occassions", new Array("Carrosserievorm", carrosserievorm), i++, 1);
	if (transmissie)
		tableAddRow("occassions", new Array("Transmissie", transmissie), i++, 1);
	if (categorie)
		tableAddRow("occassions", new Array("Categorie", categorie), i++, 1);
	tableAddRow("occassions", new Array("Motorinhoud", motorinhoud), i++, 1);
	
	if (vermogen)
		tableAddRow("occassions", new Array("Vermogen", vermogen), i++, 1);
	if (ledig_gewicht)
		tableAddRow("occassions", new Array("Ledig gewicht", ledig_gewicht), i++, 1);
	if (APK)
		tableAddRow("occassions", new Array("APK", APK), i++, 1);
	
	tableAddRow("occassions", new Array("Prijs", prijs), i++, 1);
	tableAddRow("occassions", new Array("Aanwezige opties", aanwezige_opties), i++, 1);

	if (mededelingen)
		tableAddRow("occassions", new Array("Mededelingen:", mededelingen), i++, 1);
}

function getLargeImage(uri) {
	setContent("largeimage", "De foto wordt geladen...");
	setVisibility("largeimage", true);
	if (!getURL("getxml2.php?image="+escape(uri), onReceiveImage, null)) {
	}
}

function onReceiveImage(plain, xml) {
	var image = getNodeValue(xml);
	setContent("largeimage", "<a href=\"javascript:closeImage();\"><img src=\""+image+"\" border=\"0\"/></a>");
	setVisibility("largeimage", true);
}

function closeImage() {
	setVisibility("largeimage", false);
	setContent("largeimage", "");
}