var imgSrcs = [];
var curSrc = 0;

var path
var numImg
var frontFrame;
var backFrame;

var fadeSpeed;
var imageTimeout;

// image class
function img(src)
{
	this.src = src;
}

jQuery.fn.bannerrotator = function(nbImg, dossier, settings)
{
	var banner = this;
	settings = jQuery.extend({
		fade: 3000,
		timeout: 1200
	}, settings);
	
	fadeSpeed = settings.fade;
	imageTimeout = settings.timeout;

		for (var i = 0; i < nbImg; i++) {
			numImg=i+1;
			path =dossier+"image_"+numImg+".jpg";
  			imgSrcs[i]= new img(path);
		 }



		// make sure there are at least 2 elements
		if (imgSrcs.length < 2) return;
	
		// only create element if it's not already there
		if (banner.length == 1) banner.append(document.createElement('img'));
		
		// get array of img elements to swap
		var imgs = banner.find("img");
		frontFrame = imgs[1];
		backFrame = imgs[0];
		// start toggling!
		toggleBanner();
};
	
function toggleBanner()
{
	// move to next image
	if (++curSrc >= imgSrcs.length) curSrc = 0;

	// swap frames
	var temp = frontFrame;
	frontFrame = backFrame;
	backFrame = temp;
		
	// set current image to hide next
	frontFrame.className = "";
	frontFrame.removeAttribute('style');

	// prepare to swap image
	backFrame.className = "show";
	backFrame.src= imgSrcs[curSrc].src;

	// fade in next image and repeat
	setTimeout(function() { jQuery(backFrame).fadeIn(fadeSpeed, toggleBanner); }, imageTimeout);	
}