var width__izq = 0;
var width__der = 0;

var width__collap;
function setPanelesCollap ( )
{
	jQuery("#eyj_collap_hidePanel").click(function(){
			  jQuery("#eyj_collap_hidePanelDerecha").hide("normal");
		 			width__izq=jQuery("#eyj_collap_colizquierda").width();
		 			width__der=jQuery("#eyj_collap_colderecha").width();
				 jQuery("#eyj_collap_panel").animate({marginLeft:"-30px", opacity:0}, 50 );
				 jQuery("#eyj_collap_colizquierda").animate({width:"0px", opacity:0}, 400 );
				 jQuery("#eyj_collap_colderecha").animate({width:"95%", opacity:1}, 400 );
				 jQuery("#eyj_collap_showPanel").show("normal").animate({width:"28px", opacity:1}, 200);
				 jQuery("#eyj_collap_hidePanel").hide("normal");
		 });
		 jQuery("#eyj_collap_showPanel").click(function(){
		 		
				 jQuery("#eyj_collap_colderecha").animate({width:width__der}, 200);
				 jQuery("#eyj_collap_panel").animate({marginLeft:"0px", opacity:1}, 400 );
				 jQuery("#eyj_collap_colizquierda").animate({width:width__izq, opacity:1}, 400 );
				 jQuery("#eyj_collap_showPanel").animate({width:"0px", opacity:0}, 400).hide("slow");
				 jQuery("#eyj_collap_hidePanel").show("normal");
				 width__der = 0;
				 width__izq = 0;
				 jQuery("#eyj_collap_hidePanelDerecha").show("normal");
		 });
		 
		jQuery("#eyj_collap_hidePanelDerecha").click(function(){
			 	 jQuery("#eyj_collap_hidePanel").hide("normal");
		 		 width__izq=jQuery("#eyj_collap_colizquierda").width();
		 		 width__der=jQuery("#eyj_collap_colderecha").width();
				 //jQuery("#eyj_collap_panel").animate({marginLeft:"-30px", opacity:0}, 50 );
				 width__collap = jQuery("#eyj_collap_panel").width(); 
				 jQuery("#eyj_collap_panel").animate({width:"0", opacity:0}, 50 );
				 //var ancho = 800+'px';
				 var ancho = parseInt(jQuery("#eyj_altura_variable").width( )*0.95)+'px';
				 //jQuery("#eyj_collap_colizquierda").animate({width:"95%", opacity:1}, 400 );
				 jQuery("#eyj_collap_colizquierda").animate({width:ancho, opacity:1}, 400 );
				 jQuery("#eyj_collap_colderecha").animate({width:"0px", opacity:0}, 400 );
				 jQuery("#eyj_collap_showPanelDerecha").show("normal").animate({width:"28px", opacity:1}, 200);
				 jQuery("#eyj_collap_hidePanelDerecha").hide("normal");
		 });
		 jQuery("#eyj_collap_showPanelDerecha").click(function(){
		 	   
		 		 jQuery("#eyj_collap_colderecha").animate({width:width__der,  opacity:1}, 200);
				 //jQuery("#eyj_collap_panel").animate({marginLeft:"0px", opacity:1}, 400 );
				 jQuery("#eyj_collap_panel").animate({width:width__collap, opacity:1}, 50 );
				 jQuery("#eyj_collap_colizquierda").animate({width:width__izq, opacity:1}, 400 );
				 jQuery("#eyj_collap_showPanelDerecha").animate({width:"0px", opacity:0}, 400).hide("slow");
				 jQuery("#eyj_collap_hidePanelDerecha").show("normal");
				 width__der = 0;
				 width__izq = 0;
				 jQuery("#eyj_collap_hidePanel").show("normal");
		 }); 
		 
	
		 
}

jQuery(document).ready(function(){
		 
		
		try
  	{
  		
  		 	_mitimer = setInterval( pintar, 1000 );
  	}
		catch(err)
  	{
  		//alert("no puedes pintar" );
  	}
	
		
});