jQuery.startShow = function(){
	$.ajax({
		type: "GET",
		url: "banner.xml",
		dataType: "xml",
		success: function(cars){
			$.createNavigator(cars);
			$.getImages(cars);
		}
	});
};

jQuery.createNavigator = function(cars){
	$(cars).find('cars').find('car').each(function (key){
		var car = $(cars).find('cars').find('car').eq(key);
		var title = $(car).find('title').text();
		var url = $(car).find('url').text();
		var link = '<a href="'+url+'" title="'+title+'">'+(key + 1)+'</a>'
		$(".random_car_chooser").append(link);
	});
	$(".random_car_chooser > a").click(function (event){
		$.stopPlay(cars);
		$.changeBanner(cars, $(this).text()-1);
		event.preventDefault();
	});
};

var timeOuts = new Array();

jQuery.getImages = function(cars){
	$(cars).find('cars').find('car').each(function (key){
		var car = $(cars).find('cars').find('car').eq(key);
		var image = $(car).find('image').text();
		$.get(image, function(){
			if(key == 0){$.showSlides(cars);}
		});
	});
};

jQuery.showSlides = function (cars){
	$(cars).find('cars').find('car').each(function (key){
		var delay = key*4500
		timeOuts[key] = setTimeout(function(){$.changeBanner(cars, key)}, delay);
	});	
}

jQuery.stopPlay = function(cars){
	$(cars).find('cars').find('car').each(function (key){
		clearTimeout(timeOuts[key]);
	});
	timeOuts = new Array();
};

jQuery.changeBanner = function(cars, key){
	var car = $(cars).find('cars').find('car').eq(key);
	var price = $(car).find('price').text();
	var title = $(car).find('title').text();
	var image = $(car).find('image').text();
	var url = $(car).find('url').text();
	$(".random_car").fadeTo("normal", 0.1,function(){
		$(".random_car_chooser > a").removeClass('current');
		$(".random_car").css("background-image", "url("+image+")");
		$('.random_car_price').html(price);
		$('.random_car_title').html('<a href="'+url+'">'+title+'</a>');
		var text = key+1;
		$(".random_car_chooser :contains("+text+")").addClass('current');
		$(".random_car").fadeTo("normal", 1, function(){
			if(key == 3 && timeOuts.length == 4){
				setTimeout(function(){$.showSlides(cars)}, 4500);
			}				
		});
	})
};
$(document).ready(function(){
	$.startShow();
});