$(document).ready(function() {
	$("#expand").click(function(){
	
			if(!$("div#panel").hasClass('llave')){
				$("div#panel").find('.llave').html('<iframe id="info-fixture" name="info-fixture" width="974px" height="400px" frameborder="0" scrolling="no" align="left" style="background-color: rgb(255, 255, 255); border-top: 1px solid #ccc; padding: 0px; overflow: hidden; text-align: left; height: 400px;" marginheight="0" marginwidth="0" src="/static/CLAClarin/fixture/Llave_sk.swf"></iframe>');					   
				$("div#panel").addClass('llave');
			}
			
			$("div#panel").find('#info-fixture').show();	
			
			$("div#panel").animate({
				height: "460px"
			})
			.animate({
				height: "440px"
			}, "fast");
									   
		$("div.button").toggle();
	
	});	
	
   
   $("#collapse").click(function(){
			$("div#panel").animate({
				height: "460px"
			})
			.animate({
				height: "0px"
			}, "fast",function(){
				$("div#panel").find('#info-fixture').hide();		
			});	
			
			$("div.button").toggle();
	
   });   
     
	
});