/*
 * FeatureList - simple and easy creation of an interactive "Featured Items" widget
 * Examples and documentation at: http://jqueryglobe.com/article/feature_list/
 * Version: 1.0.0 (01/09/2009)
 * Copyright (c) 2009 jQueryGlobe
 * Licensed under the MIT License: http://en.wikipedia.org/wiki/MIT_License
 * Requires: jQuery v1.3+
*/
;(function($) 
{
	$.fn.featureList = function(options) 
	{
		var tabs	= $(this);
		var output	= $(options.output);

		new jQuery.featureList(tabs, output, options);

		return this;	
	};
	
	$.featureList = function(tabs, output, options) 
	{
		function slide(nr) 
		{
			if (typeof nr == "undefined") 
			{
				nr = visible_item + 1;
				nr = nr >= total_items ? 0 : nr;
			}

			ToggleTransparency(nr);
			
			tabs.removeClass('current').filter(":eq(" + nr + ")").addClass('current');

			output.stop(true, true).filter(":visible").fadeOut();
			output.filter(":eq(" + nr + ")").fadeIn(function() {
				visible_item = nr;	
			});
		}

		var options			= options || {}; 
		var total_items		= tabs.length;
		var visible_item	= options.start_item || 0;

		options.pause_on_hover		= options.pause_on_hover		|| true;
		options.transition_interval	= options.transition_interval	|| 5000;

		output.hide().eq( visible_item ).show();
		tabs.eq( visible_item ).addClass('current');

		tabs.mouseover(function() 
		{
			if ($(this).hasClass('current')) 
			{
				return false;	
			}

			slide( tabs.index( this) );	
		});

		if (options.transition_interval > 0) 
		{		
			var timer = setInterval(function () 
			{
				slide();
			}, options.transition_interval);

			if (options.pause_on_hover) 
			{
				tabs.mouseenter(function() 
				{
					clearInterval( timer );

				}).mouseleave(function() 
				{
					clearInterval( timer );
					timer = setInterval(function () 
					{
						slide();
					}, options.transition_interval);
				});
			}
		}
	};
})(jQuery);

// Functions

function ToggleTransparency(nr)
{
	var opacity = .40;
						
	for(var i = 1; i <= 3; i++)
	{
		$('#thumb_' + i).css('opacity', opacity); 
	}
	
	var id = nr + 1;
	$('#thumb_' + id).css('opacity', 1); 
}

function MouseOverToggleTransparency()
{
	var opacity = .40;
			
	$('#thumb_1,#thumb_2,#thumb_3').mouseover(function() 		
	{
		if($(this).css('opacity') == opacity)
			$(this).css('opacity', 1); 	
			
		for(var i = 1; i <= 3; i++)
		{
			if($(this).attr('id') != 'thumb_' + i)
				$('#thumb_' + i).css('opacity', opacity); 
			}
		});
			
	$('#thumb_1,#thumb_2,#thumb_3').mouseout(function() {	$(this).css('opacity', 1); 	});		
}