/*
This code is licenced under LGPL v3

Author : Alexandre Stanislawski
*/

/**
fadeImages

Simple jQuery plugin that can transform a div containing images into a slideshow with a fade as a transition.

In :
- params : object containing the attributes :
	- timeout : time before next transition
	- fadeDuration : transition duration
*/
jQuery.fn.fadeImages = function(params){
	var config = {timeout:4000, fadeDuration:500};
    if (params) jQuery.extend(config, params);

	this.each(
		function(){
			jQthis = jQuery(this);
			jQthis.css({position:"relative", overflow:"hidden"});
			var imgSet = jQthis.find("div");
			imgSet.css({opacity:0, position:"absolute", top:0, left:0});
			imgSet.first().css({opacity:1});
			var current = 1;
			var total = imgSet.size();

			setTimeout(
				(function fade(){
					var nextIter = current+1;
					if(nextIter>total){
						nextIter=1;
					}

					jQthis.find("div:nth-child("+current+")").animate({opacity:0},params.fadeDuration);
					current = nextIter;
					jQthis.find("div:nth-child("+nextIter+")").animate({opacity:1},params.fadeDuration, function(){
					    var imgNav = $(jQthis.find("div:nth-child("+nextIter+")")).attr('id');
                        hovernav(imgNav);
					    setTimeout(fade,params.timeout);
					});
				}),
				params.timeout);
	});
	return this;
};