// JavaScript Document

function appendImage(containderDiv, imageSrc, imageId){
		var newImage=$('<img src="'+imageSrc+'" />');
		newImage.css("position","absolute");
		newImage.css("display","none");
		newImage.css("z-index",1000-imageId);
		newImage.addClass("image_"+imageId);
		$(containderDiv).append(newImage);
	};
	///////////////////////////
function changeSelection(){
		if(selected!=-1){
			$("#slide_container").children(".image_"+selected).fadeOut(1000);
			//$("#slide_container").children(".imageLogo_"+selected).fadeOut(1000);
		}
			
		selected++;
		if(selected>=imagesArray.length){
				selected=0;
		}
		
		$("#slide_container").children(".image_"+selected).fadeIn(1000);
}
	///////////////
function createSlide(mainUrl, prefix, numberItem, duration) {
		//alert("creatSlide");
		selected=-1;
		imagesArray = Array ();
		logoArray = Array ();
		/////
		// Output:
		for (i=0; i<numberItem; i++){
				imagesArray.push( mainUrl+"/images/"+prefix+"_"+i+".jpg" );
		 } 
		// xmlReturn=load(theUrl); 
		for (i=0; i<imagesArray.length; i++){
				appendImage($("#slide_container"), imagesArray[i], i);
		}
		////////////////////
		///////////////////
		$("#slide_container").click  (function () {
			 changeSelection();
		});
		 changeSelection();
		//////////////////////////
		x = window.setInterval("changeSelection()", duration);
};