/*
 *	jQuery imagebox
 *	copyright 2009
 *
 *	@author 	Jeroen Hulscher & Boy van Amstel
 *	@version 	1.0
 *
 *	Changes 1.0:
 *	[??/09/2009]	- First release 
 *
 *	Changes 1.1:
 *	[22/09/2009]	- Changed to plugin
 */
 
jQuery.imagebox = 
{
	build : function(options) {

		try {
		 
		 	if(jQuery(this).length < 1) return false;
		 
			// Default settings
			var defaults = {
				carousel: "li",
				activeClass: "active",
				itemClass: "item",
				carouselControlClass: "jcarousel-control",
				timeout: 10000,
				fadeTime: 500
			}
	
			// Move to options
			var options = jQuery.extend(defaults, options);
			
			var object = this;
			
			jQuery(object).log("Class loaded on " + jQuery(object).attr("id"), "info", "jQuery.imagebox");
			
			// Carousel
	    	var carouselItems = jQuery(object).find(options.carousel).size();
	        var carouselCounter = 1;
	        
	        // Setup the timer
	        jQuery(object).everyTime(options.timeout, 2, function() {
					
	        	// Fading
				jQuery(object).find(options.carousel + "." + options.activeClass)
					.fadeOut(options.fadeTime)
					.removeClass(options.activeClass);
					
				jQuery(object).find("a." + options.activeClass)
					.removeClass(options.activeClass);	        
	        
	        	// Check number of items
				if (carouselCounter == carouselItems) {
					carouselCounter = 1;
				} else {
					carouselCounter = carouselCounter + 1;
				}
	         
				// Fading
         		jQuery(object).find(options.carousel + "." + options.itemClass + carouselCounter)
         			.fadeIn(options.fadeTime)
         			.addClass(options.activeClass);

				jQuery(object).find("a." + options.itemClass + carouselCounter)
					.addClass(options.activeClass);

	        });
	        
			var clickedElementClassName = null;
	        
	        // When clicking the controls
			jQuery(object).find("." + options.carouselControlClass + " a").click(function() {
				
				// Stop timer
				jQuery(object).stopTime(2);
	         
	         	// Hide some stuff
				jQuery(object).find(options.carousel + ":visible:not(." + options.activeClass + ")")
					.hide();
	         
	         	// Mess about with class names
				clickedElementClassName = this.className.replace(' ' + options.activeClass, '');
				correspondingElement = jQuery(object).find(options.carousel + "." + clickedElementClassName);
	         
	         	// Hidden items
				if (!correspondingElement.is(":visible")) {
					
					// Fade out and remove class
					jQuery(object).find(options.carousel + "." + options.activeClass)
						.fadeOut(options.fadeTime)
						.removeClass(options.activeClass);
					
					// Remove class
					jQuery(object).find("a." + options.activeClass)
						.removeClass(options.activeClass);
					
					// Fade in and add class
					jQuery(object).find(options.carousel + "." + clickedElementClassName)
						.fadeIn(options.fadeTime)
						.addClass(options.activeClass);
						
					// Add class
					jQuery(object).find("a." + clickedElementClassName)
						.addClass(options.activeClass);
				}
	         
				carouselCounter = clickedElementClassName.replace(options.itemClass, '') * 1;
		         
				// Timed event
				jQuery(object).everyTime(options.timeout, 2, function() {
					
					// Fade out and remove class
					jQuery(object).find(options.carousel + "." + options.activeClass)
		           		.fadeOut(options.fadeTime)
		           		.removeClass(options.activeClass);
		           		
		           	// Remove class
					jQuery(object).find("a." + options.activeClass).removeClass(options.activeClass);
		         
					if (carouselCounter == carouselItems) {
						carouselCounter = 1;
					} else {
						carouselCounter = carouselCounter + 1;
					}
		           
					// Fade in and add class           	
					jQuery(object).find(options.carousel + "." + options.itemClass + carouselCounter)
						.fadeIn(options.fadeTime)
						.addClass(options.activeClass);
					
					// Add class
					jQuery(object).find("a." + options.itemClass + carouselCounter)
						.addClass(options.activeClass);
		           
				});
				return false;
			});

			return this;
		}
		catch(err) {
			jQuery(this).log(err.toString(), "error", "jQuery.imagebox");
			return false;
		}
	}
};

jQuery.fn.extend({
		imagebox: jQuery.imagebox.build
});	
