// 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 appendLogoImage(containderDiv, imageSrc, imageId){
		var newImage=$('<img src="'+imageSrc+'" />');
		newImage.css("position","absolute");
		newImage.css("display","none");
		newImage.css("margin-left","360px");
		newImage.css("margin-top","90px");
		newImage.css("z-index",1500-imageId);
		newImage.addClass("imageLogo imageLogo_"+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(){
							$("#slide_container").children(".imageLogo_"+selected).fadeIn(1000);
							$("#slide_container").children(".imageLogo_"+selected).css({marginLeft: "360px"});
							$("#slide_container").children(".imageLogo_"+selected).animate( {marginLeft: "380px"}, { queue:false, duration:1000 } );
							
		});
}
	///////////////
function createSlide() {

		//alert("creatSlide");
		selected=-1;
		imagesArray = Array ();
		logoArray = Array ();
		/////
		 // Output:
		for (i=0; i<5; i++){
				imagesArray.push( "images/slide_"+i+".jpg" );
				logoArray.push( "images/logo_"+i+".png" );
		 } 
		  // xmlReturn=load(theUrl); 

		for (i=0; i<imagesArray.length; i++){
					appendImage($("#slide_container"), imagesArray[i], i);
					appendLogoImage($("#slide_container"), logoArray[i], i);
		}
		
		////////////////////
		
		///////////////////
		$("#slide_container").click  (function () {
			 changeSelection();
		});
		//////////////////////////
		x = window.setInterval("changeSelection()", 3000);
};