var Slider = {
	
	themeDir:"",
	imgArray:Array(),
	imageCheck:0,
	Page:"Default",
	
	init:function(page, directory){
		this.Page = page.substring(9);
		this.themeDir = directory;
		
		var div = '\t\t <div id="Loader">\n';
		div += '<img src="'+ this.themeDir +'/images/ajax-loader.gif" alt="Loading..." />\n';
		div += '</div>\n';
		div += '<div id="ImageHolder">\n';
		div += '</div>\n';
		jQuery('#banner').append(div);
		this.getData();
	},
	
	getData:function() {
	    jQuery.ajax({
	        type: "GET",
	        url: Slider.themeDir + "/js/getImages.php?page=" + Slider.Page,
	        dataType: "xml",
	        success: function(xml) {
				jQuery(xml).find('image').each(function() {
	                var url = jQuery(this).text();
	                jQuery('<div class="items"></div>').html('<img src="' + Slider.themeDir + "/images" + url + '"/>').appendTo('#ImageHolder');
	            });
				jQuery('.items').each(function() {
					Slider.imgArray.push(this.firstChild);
					jQuery(this.firstChild).hide();
				});
				
				jQuery(document).oneTime(1000, Slider.slideImages);
	        }
		});
	},

	slideImages:function(){
		jQuery("#Loader").hide();
		jQuery(Slider.imgArray[Slider.imageCheck]).fadeIn(1000);
		jQuery(document).everyTime(10000, Slider.fadeNext);
	},
	
	fadeNext:function(){
		var currentImage = Slider.imgArray[Slider.imageCheck];
		
		if(Slider.imageCheck >= Slider.imgArray.length - 1){
			Slider.imageCheck = 0;
		}
		else{
			Slider.imageCheck++;
		}
		
		var nextImage = Slider.imgArray[Slider.imageCheck];
		
		jQuery(currentImage).fadeOut(1000, function(){
			jQuery(nextImage).fadeIn(1000);
		});
	}
}