$(function(){
	$('div.carousel').carousel({n:3, step:1, zone:'div.carousel_content', prev:'div.previous', next:'div.next'});
	$('div.carousel_inner_box').css( 'cursor', 'pointer' ).click( function(){
		location.href = $(this).find( 'a' ).attr( 'href' );
	});
	$('#username').gray( 'Username:' );
	$('#password').gray( 'Password' );
	$('#registrate_gratis').click( function(){
		$('html, body').animate( {scrollTop: 0}, 200, function(){
			$('#barra_registro').trigger( 'click' );
		});
		return false;
	});
	
	$('div.video a').fancybox({
	    'padding'           : 0,
        'autoScale'     	: false,
        'transitionIn'		: 'none',
		'transitionOut'		: 'none',
		'height'			: 400,
		'width'				: 600
	});
	
});

$.fn.carousel = function( args ){
	var ul = $(this).find( 'ul' );
	var li = ul.find( 'li' );
	var w = parseInt(li.css('width')) + parseInt(li.css('margin-left')) + parseInt(li.css('margin-right'));
	var t = li.length;
	var n = args['n'];
	var d = n - t % n + 1;
	var T = t + d;

	for( var i = 0; i <= d; i++ ){
		ul.append( $(li[i]).clone() );
	}

	$(this).css({
		overflow	: 'hidden',
		position	: 'relative',
		'z-index'	: 2,
		width		: n*w+'px',
		visibility	: 'visible',
		left		: 0
	});

	ul.css({
		position		: 'relative',
		width		: (T+1)*w+'px',
		'z-index'	: 1
	});

	var mover = function( ul, w ){
		var actual = parseInt(ul.css( 'left' ));
		if( actual <= -w*t ){
			ul.css( 'left', 0 );
		}
		$(args['next']).unbind();
		ul.animate({left:'+='+(-w)}, 1000, function(){
			$(args['next']).click( function(){mover(ul,w);});
		});
	}

	var mover_atras = function( ul, w ){
		var actual = parseInt(ul.css( 'left' )) || 0;
		if( actual >= 0 ){
			ul.css( 'left', -w*t+'px' );
		}
		$(args['prev']).unbind();
		ul.animate({left:'+='+w}, 1000, function(){
			$(args['prev']).click( function(){mover_atras(ul,w);});
		});
	}

	var no_mover = function(){}

	var action = mover;

	$(args['zone']).hover( function(){action=no_mover}, function(){action=mover});

	setInterval( function(){action(ul,w);}, 3000 );

	$(args['next']).click( function(){mover(ul,w);});
	$(args['prev']).click( function(){mover_atras(ul,w);});
}