$(function(){
	/* Carrousel Plugin - jQuery.Carrousel.js
	 @param play : Autostart. Cuando carga el carrousel se pone en marcha la animacion.
	 @param speed: Velocidad de la animacion. 5 muy rapido, 10 rapido, 20 lento.
	 @param padding: padding que tiene la imagen.
	 @stopImagen: Imagen para el link que para la reproduccion
	 @playImagen: Imagen para el link que enciende la reproduccion
	*/
	$.fn.carrousel = function(options) {
		var defaults = {  
			play: false,
			speed: 150,
			padding: 100,
			stopImagen: "/images/pausa.png",  
			playImagen: "/images/play.png" 
	    };  
	    var options = $.extend(defaults, options); 
	 
		$.counter = 0;
		$.play = options.play;
		$.mouseon = false;
		$.object = $(this);
		
		if ($.play == false){ 
				$.back = "url('"+options.playImagen+"') no-repeat";
				$('.button').css('background',$.back );				
		}
		else{ 
				$.back = "url('"+options.stopImagen+"') no-repeat";
				$('.button').css('background',$.back);
		}

		$('.button').click(function(){
			$.play = !$.play;
			if ($.play == false){ 
				$.back = "url('"+options.playImagen+"') no-repeat";
				$(this).css('background',$.back );				
			}
			else{ 
				$.back = "url('"+options.stopImagen+"') no-repeat";
				$(this).css('background',$.back );
			}
			if ($.play) $.movimiento();
			
			return false;
		});
		
		$('ul li',$.object).click(function(e){	
			if (!$.mouseon){
				$.mouseon = true;				
				$('ul li',$.object).css("opacity",0.25);
				$.overlay = '<div class="overlay"></div>';
				$($.object).prepend($.overlay);
				
				
				$('.overlay').css("width",$.object.width());
				$('.overlay').css("height",$.object.height());
				$('.overlay').css("opacity",0.5);
				$('.overlay').show();
				
				$(this).css("opacity",1);	
				$(this).css("z-index",5);	
				$.html = $('div',$(this)).html();	
				
				$('#info').html($.html);
				$('#info').show();
				
				$.left = $(this).offset().left;			
				$.top = $(this).offset().top; 			
				
				if ($.left > ($.object.offset().left + (($.object).width()/2) - 30)) $.left -= $('#info').width();
				else $.left += $(this).width() - 4*options.padding;
				
				$('#info').css("left",$.left);		
				$('#info').css("top",$.top + 10);
				e.stopPropagation();
				$(document).one("click", function(f) {
					$.mouseon = false;	
					$('.overlay').remove();
					$('ul li',$.object).css("opacity",1);			
					$('#info').hide();
					$.movimiento();
				});
			}
		});
	
		jQuery.movimiento = function(){
			$.counter+=5;
			$('ul',$.object).animate({
				left: '-=5'
			},options.speed, function(){
				$.ancho = parseInt($('ul li:first-child img',$.object).width()) + options.padding ;
				if ($.counter >= $.ancho){				
					$.left = parseInt($('ul',$.object).css("left")) + $.counter + 5;		
					$('ul',$.object).css("left" , $.left);				
					$('ul',$.object).append($('ul li:first-child',$.object));
					$.counter = 0;
				}
				if ($.play && !$.mouseon) $.movimiento();
			});
		}; 
		$.movimiento();
	};
});