/*
 * 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;
			}
                        
			tabs.removeClass('current').filter(":eq(" + nr + ")").addClass('current');

			output.stop(true, true).filter(":visible").fadeOut();
			
			
			/* Amaguem el texte per evitar el solapament*/
			div=document.getElementById('HC0');
            div.style.display ='none'; 
            div=document.getElementById('HC1');
            div.style.display ='none'; 
            div=document.getElementById('HC2');
            div.style.display ='none'; 
            div=document.getElementById('HC3');
            div.style.display ='none';
            
            /* Amaguem el texte per evitar el solapament*/
           	div=document.getElementById('S0');
            div.style.display ='none'; 
            div=document.getElementById('S1');
            div.style.display ='none'; 
            div=document.getElementById('S2');
            div.style.display ='none'; 
            div=document.getElementById('S3');
            div.style.display ='none';
            
             /* Amaguem el links de video*/
            div=document.getElementById('V2');
            div.style.display ='none'; 
            div=document.getElementById('V3');
            div.style.display ='none'; 
            
            /* Amaguem el link más Info*/
            div=document.getElementById('A0');
            div.style.display ='none'; 
            div=document.getElementById('A1');
            div.style.display ='none'; 
            div=document.getElementById('A2');
            div.style.display ='none'; 
            div=document.getElementById('A3');
            div.style.display ='none'; 
             
                         
            /* Movem les Icones a la posició*/
            $('#icon0').animate({ "margin-left": '0px', "opacity": '0.7'}, 150);
            $('#icon1').animate({ "margin-left": '0px', "opacity": '0.7'}, 150);
            $('#icon2').animate({ "margin-left": '0px', "opacity": '0.7'}, 150);
            $('#icon3').animate({ "margin-left": '0px', "opacity": '0.7'}, 150);
                        
           
			output.filter(":eq(" + nr + ")").fadeIn(function() {
				visible_item = nr;               
			});
			
			/* Mostrem el texte gran*/
			div=document.getElementById('HC' + nr);
            div.style.display =''; 
            
            /* Mostrem el texte petit*/
            div=document.getElementById('S' + nr);
            div.style.display =''; 
            
            /* Mostrem el link de video i Mas Info*/
            div=document.getElementById('A' + nr);
            div.style.display =''; 
                
             if (nr==2) {
                div=document.getElementById('V' + nr);
                div.style.display =''; }
                
             if (nr==1) {
                div=document.getElementById('V3');
                div.style.display =''; }
            
            /* Movem la Icona seleccionada*/
             $('#icon' + nr).animate({ "margin-left": '-=0px', "opacity": '1'}, 80); 
	    
            /* Posem visible la imatge*/
            div=document.getElementById('img' + nr);
            div.style.visibility ='visible'; 
		}

		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	|| 12000;

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

		tabs.click(function() {
			if ($(this).hasClass('current')) {
				return false;	
			}
    
			slide( tabs.index( this) );
		});
		
		tabs.hover(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);