$(document).ready(function() {

	$(".reverso").css('display','none');
	
	$(".carousel").css('overflow','visible');

	$(".flipbox .frente").click(function() {

		var bkgColor = $(this).parent('.flipbox').css('background-color');
	
		$('.FlipFront', this).css('display','none');
		$(this).parent('.flipbox').flip( {direction:'tb',color:bkgColor} );	  
		$('.reverso', $(this).parent('.flipbox') ).css('display','block');		

	});

	$(".flipbox .FlipBack").click(function() {

		var bkgColor = $(this).parent().parent('.flipbox').css('background-color');
	
		$('.reverso', $(this).parent().parent('.flipbox') ).css('display','none');
		$(this).parent().parent('.flipbox').flip( {direction:'tb',color:bkgColor} );	  
		$('.FlipFront', $(this).parent().parent('.flipbox') ).css('display','block');		

	});	
	
/*
	$(".flipbox").click(function() {
		var $this = $(this);
		var bkgColor = $this.css('background-color');
	
		if( $('.frente',this).css('display')!='none' )
		{
			$('.frente',this).css('display','none');
			$(this).flip( {direction:'tb',color:bkgColor} );	  
			$('.reverso',this).css('display','block');
			
		}else if( $('.reverso',this).css('display')!='none' ){

			$('.reverso',this).css('display','none');
			$(this).flip( {direction:'bt',color:bkgColor} );  
			$('.frente',this).css('display','block');
		
		}
	
	});
*/	

});