/*
 * 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+
*/
$j=$;
(function($j) {
	$j.fn.featureList = function(options) {
		var tabs	= $j(this);
		var output	= $j(options.output);
		new jQuery.featureList(tabs, output, options);
		return this;	
	};

	$j.featureList = function(tabs, output, options) {
		function slide(nr) {
			if (typeof nr == "undefined") {
				nr = visible_item + 1;
				nr = nr >= total_items ? 0 : nr;
			}
			//alert(nr);
			
			var snum=document.getElementById("idsnum").value
			//snum=snum+1;
			//alert(snum);
			for(i=2;i<=snum;i++){
               tabs.filter(":eq(" + i + ")").html('<img src="images/home/'+document.getElementById('spic'+i).value+'"/>');
			}
			//tabs.html('<img src="images/riminbg.jpg"/>').filter(":eq(" + nr + ")").html('<img src="images/rimin.jpg"/>');
			tabs.filter(":eq(" + nr + ")").html('<img src="images/home/'+document.getElementById('lpic'+nr).value+'" />');
			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.eq( visible_item ).html('<img src="images/rimin.jpg"/>');
		
		tabs.mouseover(function() {
			if ($j(this).hasClass('current')) {
				return false;	
			}
           //$j(this).html('<img src="images/rimin.jpg"/>');
			slide( tabs.index( this) );
		});
        
		$j("#feature_list").mouseleave(function() {
			var snum=document.getElementById("idsnum").value
			//snum=snum+1;
			//alert(snum);
			for(i=2;i<=snum;i++){
               tabs.filter(":eq(" + i + ")").html('<img src="images/home/'+document.getElementById('spic'+i).value+'"/>');
			}
			
			tabs.removeClass('current');
			
			output.stop(true, true).filter(":visible").fadeOut();
			output.filter(":eq(1)").fadeIn(function() {
				visible_item = 1;	
			});
			
		});
		
		/*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);
