var nr_banners;
var img_root = 'images/';
var xml_root = 'xml/';
var xml_list;

var slide_interval = 20000;	// Timer tijdsinterval, in milliseconds - Dit mag je veranderen
var slide_timer;
var total_slides = 0;
var current_slide = 1;

$(document).ready(function(){
	$.ajax({
		type:		"GET",
		url:		xml_root + 'banner.xml',
		dataType:	"xml",
		success:	function(xml){
			xml_list = xml;
			parse_list();
		}
	});
});

function parse_list(){
	var i = 0;
	var banners = $(xml_list).find('banner');
	total_slides = banners.length;
	banners.each(function(){
		$('#banner_gallery ul').append("<li><a href='" + $(this).attr('url') + "' title='" + $(this).attr('name') + "'><img src='" + img_root + $(this).attr('img') + "' title='" + $(this).attr('name') + "' alt='" + $(this).attr('name') + "' /></a></li>")
		i++;
		
		if(i == total_slides){
			$("div#banner_gallery").slideView();
			slide_timer = setInterval(switch_slider, slide_interval);
		}
	});
}

function switch_slider(){
	if(current_slide == total_slides) current_slide = 0;
	$('a#btn_' + String(current_slide + 1)).trigger('click');
}