// JavaScript Document
/*
* Window Javascript te genera un window replegable y usa la libreria de script.acu.lous
*/

function generaVentanaPlegable(divIdBotonPlegar, divIdBotonDesplegar, divZonaPlegable){
	$(divIdBotonPlegar).observe('click', function(event){
	    if($(divIdBotonPlegar).style.display == "none"){
			// Aqui es cuando debemos desplegar la zona desplegable.
			show(divIdBotonPlegar);
			hide(divIdBotonDesplegar);	
			desplegar(divZonaPlegable);
		}
		else{
			// Aqui es cuando debemos plegar la zona desplegable.
			show(divIdBotonDesplegar);
			hide(divIdBotonPlegar);	
			plegar(divZonaPlegable);
		}
	 });
	$(divIdBotonDesplegar).observe('click', function(event){
		if($(divIdBotonDesplegar).style.display == "none"){
			// Aqui es cuando debemos plegar la zona desplegable.
			show(divIdBotonDesplegar);	
			hide(divIdBotonPlegar);
			plegar(divZonaPlegable);
		}
		else{
			// Aqui es cuando debemos  desplegar la zona desplegable.
			show(divIdBotonPlegar);
			hide(divIdBotonDesplegar);	
			desplegar(divZonaPlegable);
		}
	 });
	
	function hide(element){
		$(element).style.display =  "none";
	}
	function show(element){
		$(element).style.display =  "block";
	}
	
	
	function desplegar(divId){
		new Effect.BlindDown($(divId), {duration: .5});
	}
	
	function plegar(divId){
		new Effect.BlindUp($(divId), {duration: .5});
	}
}