$(document).ready(function() {



    
    var tile = $('ul#tiles li span.flip');
    
    var panel = $('ul#tiles li span.flip img');
    
    
    tile.addClass('ugly').removeClass('flip');
    
    panel.animate({ opacity: "0.2" }, 500);
    
    tile.animate({
    		width:"1px", 
    		left: "62px"
    		}, 500, "", 
    	function() {
    		tile.addClass('pretty').removeClass('ugly');
    		tile.animate({ width: "125px", left: "0px" }, 500);
    		panel.animate({ opacity: "1" }, 500);
    		}
    	)
    ;
    
    var submit = $('button[@name=submit_final]');
    
    submit.attr('disabled', 'disabled');
    
    $('input[@name=tc]').click(function() {
    	submit.removeAttr('disabled');
    });
    
});