var images_array  = new Array();
var indexAfficheImage = 0;
var indexInterval = 0;
var tempsAffichage = 5000;

function getImages() {
	 $.ajax({
		type: "GET",
		url: "php/getImages.php",
		data: "cat=",
		async: false,
		success: function(m){
			if(m.indexOf("")>=0) {
				m = m.substring(0,m.indexOf(""))+m.substring(m.indexOf("")+3);
			}
			//alert(m);
			var a = m.split("#");
			for (var i=0;i<a.length;i++) {
				
				if(a[i].indexOf('|')!=-1) images_array.push(a[i].split("|"));
			}
			//images_array.shift();
			//images_array.pop();
			images_array = $.shuffle(images_array);
			//alert(images_array);
			afficheImages();
			
		}
	 });

}


function afficheImages() {
	var a = "";
	a+='<div id="slider">';
	a+="\n";
	a+='	<ul id="sliderContent">';
	a+="\n";
	for (var i=0;i<images_array.length;i++) {
		a+='		<li class="sliderImage">';
		//a+='			<a href="">';
		a+='			<img src="medias/'+images_array[i][0]+'" alt="'+images_array[i][1]+'" />';
		//a+='			</a>';
		a+='			<span class="top">'+images_array[i][1].toUpperCase()+'</span>';

		a+='		</li>';
	}
	a+='		<div class="clear sliderImage"></div>';

	a+='	</ul>';
	a+='</div>';
	$("#imageSRC").html(a);
	
	
	$('#slider').s3Slider({
            timeOut: tempsAffichage
        });

		
}



//////////////////////////////////////SHUFFLE


(function($){
  $.fn.shuffle = function() {
    return this.each(function(){
      var items = $(this).children();
      return (items.length)
        ? $(this).html($.shuffle(items))
        : this;
    });
  }
 
  $.shuffle = function(arr) {
    for(
      var j, x, i = arr.length; i;
      j = parseInt(Math.random() * i),
      x = arr[--i], arr[i] = arr[j], arr[j] = x
    );
    return arr;
  }
})(jQuery);