
var jsliderPrevIndex = -1;
var jsliderNextIndex = 3;
var jsliderItem0, jsliderItem1, jsliderItem2, jsliderNext, jsliderPrev;
var jsliderLoading = false;

(new Image()).src = '/images/loading_black.gif';

function retreiveCar(cindex, func) {
	var xmlhttp;
	
	if (window.XMLHttpRequest)
		xmlhttp = new XMLHttpRequest();
	else if (window.ActiveXObject)
		xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
	
	xmlhttp.onreadystatechange = function() {
		if(xmlhttp.readyState == 4) {
			func(xmlhttp.responseText);
		}
	}
	
	xmlhttp.open("GET", "/ajax/getcarmini?index="+cindex, true);
	xmlhttp.send(null);
}

// setupRatingInside(car);

function sliderNextReceived(data) {
	jsliderLoading = false;
	
	jsliderItem2.innerHTML = data;
	setupRatingInside(jsliderItem2);
	
	if (data.length == 0) {
		sliderPrev();
		jsliderNext.setAttribute("class", "disabled");
	}
}

function sliderPrevReceived(data) {
	jsliderLoading = false;
	
	jsliderItem0.innerHTML = data;
	setupRatingInside(jsliderItem0);
	
	if (data.length == 0) {
		sliderNext();
		jsliderPrev.setAttribute("class", "disabled");
	}
}

function sliderNext() {
	if (jsliderLoading)
		return;
	jsliderLoading = true;
	
	jsliderItem0.innerHTML = jsliderItem1.innerHTML;
	jsliderItem1.innerHTML = jsliderItem2.innerHTML;
	jsliderItem2.innerHTML = '<img src="/images/loading_black.gif" alt="Loading" />';
	
	setupRatingInside(jsliderItem0);
	setupRatingInside(jsliderItem1);
	
	retreiveCar(jsliderNextIndex++, sliderNextReceived);
	jsliderPrev.setAttribute("class", "enabled");
	jsliderPrevIndex++;
}

function sliderPrev() {
	if (jsliderLoading)
		return;
	jsliderLoading = true;
	
	if (jsliderPrevIndex < 0) {
		jsliderLoading = false;
		return;
	}
	jsliderItem2.innerHTML = jsliderItem1.innerHTML;
	jsliderItem1.innerHTML = jsliderItem0.innerHTML;
	jsliderItem0.innerHTML = '<img src="/images/loading_black.gif" alt="Loading" />';
	
	setupRatingInside(jsliderItem0);
	setupRatingInside(jsliderItem1);
	
	retreiveCar(jsliderPrevIndex--, sliderPrevReceived);
	jsliderNext.setAttribute("class", "enabled");
	jsliderNextIndex--;
	
	if (jsliderPrevIndex < 0)
		jsliderPrev.setAttribute("class", "disabled");
}

function addSliderHandlers() {
	jsliderNext = document.getElementById("jslider_next");
	jsliderPrev = document.getElementById("jslider_prev");
	jsliderItem0 = document.getElementById("jslider_0");
	jsliderItem1 = document.getElementById("jslider_1");
	jsliderItem2 = document.getElementById("jslider_2");
	
	addEvent(jsliderNext, "click", sliderNext);
	addEvent(jsliderPrev, "click", sliderPrev);
}

addEvent(window, "load", addSliderHandlers);

