function carClicked(event) {
	var xmlhttp;
	
	if (window.XMLHttpRequest)
		xmlhttp = new XMLHttpRequest();
	else if (window.ActiveXObject)
		xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
	
	event.preventDefault();
	
	var car = document.getElementById('car');
	car.innerHTML = '<table style="text-align: center; height: '+(car.clientHeight+15)+'px; width: 100%; vertical-align: middle"><tr><td><img src="/images/loading.gif" alt="Loading" style="" /></td></tr></table>';
	
	xmlhttp.onreadystatechange = function() {
		if(xmlhttp.readyState == 4) {
			car.innerHTML = xmlhttp.responseText;
			setupRatingInside(car);
			addCarHandlerIn(car);
			setupGalleries();
			
			cars = document.getElementById('cars');
			carlist = cars.getElementsByTagName('a');
			
			for (var i=0;i<carlist.length;i++) {
				if (carlist[i].id && carlist[i].id.substring(0,4) == "car_") {
					num = carlist[i].id.substring(4);
					if (num == rel)
						carlist[i].setAttribute('class', 'active');
					else
						carlist[i].setAttribute('class', '');
				}
			}
		}
	}
	
	pos = event.target.id.indexOf('_');
	rel = event.target.id.substring(pos+1);
	
	xmlhttp.open("GET", "/ajax/getcar/"+rel, true);
	xmlhttp.send(null);
}

function addCarHandler() {
	cars = document.getElementById('cars');
	carlist = cars.getElementsByTagName('a');
	
	for (var i=0;i<carlist.length;i++) {
		if (carlist[i].id && carlist[i].id.substring(0,4) == "car_")
			addEvent(carlist[i], "click", carClicked);
	}
	
	addCarHandlerIn(document.getElementById('car'));
}

function addCarHandlerIn(div) {
	carlist = div.getElementsByTagName('a');
	
	for (var i=0;i<carlist.length;i++) {
		if (carlist[i].id && carlist[i].id.substring(0,5) == "xcar_")
			addEvent(carlist[i], "click", carClicked);
	}
}

addEvent(window, "load", addCarHandler);