/*
 * imageLoop Plugin
 * version: 1.0 (2008-10-14)
 * by: Paride Buetti (http://www.blackpoints.ch)
 *
 * need: jQuery JSON Plugin
 *
 */
 
(function($) {
    $.fn.imageLoop = function(settingsOut) {
    
		var imageLoopDiv = this; //where append the images and loading image
	   
		var settings = {//default settings of the animation
			imageDuration: 2000,
			transitionDuration: 200
		}
		
		if(settings) { //set the custom settings
			jQuery.extend(settings, settingsOut);
		}
	
		showImage = function(imagesList,toShow,id){//loop function for image transition
		
			var idImage = id % 2;//there is 2 id img where put the images; id = 0 new image where apply the transition -> id = old image to delete and viceversa 
			
			var img = (jQuery.browser.safari) ? document.createElement('img'): new Image();
			$(img).load(function () {//image loaded
				
				if(toShow >= imagesList.length - 1){//find next image
					toShow = 0;
				}
				else{
					toShow++;
				}
				
				//add the image
				imageLoopDiv.append(this);

				imageLoopDiv > $("#"+ idImage).css({display:"none", position:"absolute" }).fadeIn(settings.transitionDuration,function(){
   					imageLoopDiv > $("#"+ (idImage+1)%2).remove();
   					timeout=setTimeout(function () { showImage(imagesList,toShow,(idImage+1)%2);},settings.imageDuration);
 				});//transition to the new image and after the transition delete the old image
				
			}).error(function () {
				alert("Image could not be loaded");
			}).attr({ src: "php/imageLoop.php?method=getImage&url=" + settings.url + "&image=" + imagesList[toShow], id:idImage});//load the new image and apply the current id (0 or 1)
		
		};
		
		$.ajax({ //get the order list of the images
			type: "POST",
			url: "php/imageLoop.php",
			data: "method=getListFiles&url=" + settings.url,
			success: function(msg){ //loaded the images list
			
				var obj = $.evalJSON(msg);//jQuery JSON Plugin to decode the result (array with the name of the images)
				showImage(obj,0,0);//(name of all images, 0: first index of the array, 0: first id for the img id
	
			}
		});
		
		return false;
    
    };
})(jQuery);