/*<script language="Javascript">*/
estanNoticias="1"; 
estanEventos="1";
estanEstadisticas="1";
alturaNoticias="0";
alturaEventos="0";
estaMapita="1";
estaRegistro="0";
estanEstadisticos="1";
alturaEstadisticos="0";
mostrarEstadisticos="0";
estanEnlaces="1";
mostrarEnlaces="0";
estaLogueado="0";

//apuntes generales: en 280, activar o desactivar nombres de modulos.
//aquí almacenamos la altura de los módulos para que al ser plegados y desplegados conserven el tamaño marcado en la css
alturaContenido=new Array();
alturaTitulo=new Array();
//aquí guardamos el estado de los módulos (plegados o desplegados)
estadoModulos=new Array();
estadoModulos['Cooking']=0; //cero es desplegado y distinto de cero plegado
estadoModulos['Earth']=1;
estadoModulos['Ehes']=1;
estadoModulos['Workshop']=1;
estadoModulos['Articulos']=1; 
//estadoModulos['Fake']=1;
//estadoModulos['Fluidos']=1;
//estadoModulos['Mobile']=1;
//estadoModulos['Micro']=1;

function mostrar(nombreCapa){
if (document.getElementById(nombreCapa)!=null) 
	document.getElementById(nombreCapa).style.display="block";
}

function ocultar(nombreCapa){
if (document.getElementById(nombreCapa)!=null) 
	document.getElementById(nombreCapa).style.display="none";
}




 
/* función genérica que contrae uno de los módulos elásticos
*  @param tituloExtendido:   nombre DOM título del módulo extendido
*  @param tituloPlegado:   nombre DOM del titulo del módulo plegado
*  @param contenidoFrame:   nombre DOM del espacio para el contenido
*  @param contenido:   nombre DOM del contenido, la info que va dentro del espacio del contenido
*  @param iconoMenu:   nombre DOM del icono del menú superior
*  @param iconoMenuIMG: url del icono del menu
*  @param iconoMargen: nombre DOM del icono del márgen
*  @param iconoMargenIMG: url del icono del márgen
*
*/

function contraerSb( nombreModulo, iconoMenuIMG, iconoMargenIMG, bannerTitulo ){
	//ocultamos el icono del margen mientras dura el Modceso
	ocultar(nombreModulo+"IconoMargen");
	//mostramos el icono del margen una vez se haya contraido el módulo
	setTimeout("mostrar('"+nombreModulo+"IconoMargen')",300)
	//ocultamos el título del módulo expandido a los 850 milisengundos momento en que se muestra el título para el módulo plegado
	setTimeout("ocultar('"+nombreModulo+"TituloExtendido')",250)
	//efecto de comprensión del título
	if (document.getElementById(nombreModulo+"TituloExtendido")!=null){
		var expandDiv = new Fx.Styles($(nombreModulo+"TituloExtendido"),{duration: 300});
      		expandDiv.start({'height': 100, 'width': 890})
	}
	ocultar(nombreModulo+"Contenido");
	//mostramos el título del módulo plegado y ocultamos el frame donde va el contenido
	if (bannerTitulo){
		if (document.getElementById(nombreModulo+"TituloPlegado")!=null){
			var expandDiv = new Fx.Styles($(nombreModulo+"TituloPlegado"),{duration: 300});
      			expandDiv.start({'height': 120, 'width': 890})
			}
	}
	setTimeout("mostrar('"+nombreModulo+"TituloPlegado')",250);
	
	setTimeout("ocultar('"+nombreModulo+"ContenidoFrame')",250)
	//efecto de plegado del contenido del módulo.
	//calculamos la altura del frame de contenido
	if(document.getElementById(nombreModulo+"ContenidoFrame")!=null){
		alturaContenido[nombreModulo]=document.getElementById(nombreModulo+"ContenidoFrame").offsetHeight;
		//document.getElementById(nombreModulo+"ContenidoFrame").style.height = alturaContenido;
	}else{
		alturaContenido[nombreModulo]=1;
	}
	//calculamos la altura del titulo extendido
	if(document.getElementById(nombreModulo+"TituloExtendido")!=null){
		alturaTitulo[nombreModulo]=document.getElementById(nombreModulo+"TituloExtendido").offsetHeight;
		//document.getElementById(nombreModulo+"ContenidoFrame").style.height = alturaContenido;
	}else{
		alturaTitulo[nombreModulo]=1;
	}

	if (document.getElementById(nombreModulo+"ContenidoFrame")!=null){
		var expandDiv = new Fx.Styles($(nombreModulo+"ContenidoFrame"),{duration: 300});
			expandDiv.start({'height': 1, 'width': 1})
	}
	//asignamos los iconos, tanto al menú superior como al margen 
		if (document.getElementById(nombreModulo+"IconoMenu")!=null) document.getElementById(nombreModulo+"IconoMenu").src=iconoMenuIMG;
		//al plegar no nos lleva a ningún lado porque extraña no existe, je,je.
		if (document.getElementById(nombreModulo+"IconoMenuAncla")!=null)document.getElementById(nombreModulo+"IconoMenuAncla").href="#extraña";
		if (document.getElementById(nombreModulo+"MenuAncla")!=null)document.getElementById(nombreModulo+"MenuAncla").href="#extraña";
		
	if (document.getElementById(nombreModulo+"IconoMargen")!=null)document.getElementById(nombreModulo+"IconoMargen").src=iconoMargenIMG;
}
/* función genérica que expande uno de los módulos elásticos
*  @param tituloExtendido:   nombre DOM título del módulo extendido
*  @param tituloPlegado:   nombre DOM del titulo del módulo plegado
*  @param contenidoFrame:   nombre DOM del espacio para el contenido
*  @param contenido:   nombre DOM del contenido, la info que va dentro del espacio del contenido
*  @param iconoMenu:   nombre DOM del icono del menú superior
*  @param iconoMenuIMG: url del icono del menu
*  @param iconoMargen: nombre DOM del icono del márgen
*  @param iconoMargenIMG: url del icono del márgen
*  @param alturaTitulo: altura para el espacio del título.
*  @param alturaTitulo: altura para el espacio del contenido y su marco.
*
*/
function expandirSb(nombreModulo,  iconoMenuIMG, iconoMargenIMG, alturaContenido, bannerTitulo ){
		//ocultamos el icono del margen mientras dura el Modceso
	ocultar(nombreModulo+"IconoMargen");
		//mostramos el icono del margen una vez se haya expandido el módulo
		setTimeout("mostrar('"+nombreModulo+"IconoMargen')",300);
		//ocultamos el título del módulo plegado
		if (bannerTitulo){
			if (document.getElementById(nombreModulo+"TituloPlegado")!=null){
		//alert(nombreModulo+" "+bannerTitulo);
				var expandDiv = new Fx.Styles($(nombreModulo+"TituloPlegado"),{duration: 300});
					expandDiv.start({'height': 1, 'width': 890})
				}
		}
		ocultar(nombreModulo+"TituloPlegado");
		//Mostramos el título de cuándo el módulo está expandido
		mostrar(nombreModulo+"TituloExtendido");
		//Efecto de despliege del título
		if (document.getElementById(nombreModulo+"TituloExtendido")!=null){
			var expandDiv = new Fx.Styles($(nombreModulo+"TituloExtendido"),{duration: 300});
				expandDiv.start({'height':25, 'width': 890})
		}
		//mostramos el marco del contenido
		mostrar(nombreModulo+"ContenidoFrame");
		//efecto del despliege del marco del contenido
		if (document.getElementById(nombreModulo+"ContenidoFrame")!=null){
			var expandDiv = new Fx.Styles($(nombreModulo+"ContenidoFrame"),{duration: 300});
				expandDiv.start({'height': alturaContenido, 'width': 890})
		}
		//una vez desplegado, mostramos el contenido
		setTimeout("mostrar('"+nombreModulo+"Contenido')",300);
		//asignamos los iconos, tanto al menú superior como al margen 
		if (document.getElementById(nombreModulo+"IconoMenu")!=null) document.getElementById(nombreModulo+"IconoMenu").src=iconoMenuIMG;
		if (document.getElementById(nombreModulo+"IconoMenuAncla")!=null) document.getElementById(nombreModulo+"IconoMenuAncla").href="#"+nombreModulo+"Ancla";
		if (document.getElementById(nombreModulo+"MenuAncla")!=null) document.getElementById(nombreModulo+"MenuAncla").href="#"+nombreModulo+"Ancla";
		if (document.getElementById(nombreModulo+"IconoMargen")!=null) document.getElementById(nombreModulo+"IconoMargen").src=iconoMargenIMG;
}


/*
	Esta función se llama cuando un usuario pincha sobre el desplegador del módulo
	
*/
function contraer(nombreModulo, bannerTitulo){
	//si ya se ha guardado el estado en la cookie la recuperamos
	if(getCookie('modulo'+nombreModulo)!=null){
	 	estadoModulo=getCookie('modulo'+nombreModulo);
	 }else{//tomamos el valor por defecto del módulo
		estadoModulo=estadoModulos[nombreModulo];
	 }
	if (estadoModulo==0){
		contraerSb(nombreModulo,"./imgs/btn0.gif","./imgs/expand.gif",bannerTitulo);
		if(document.getElementById(nombreModulo+"ContenidoFrame")!=null){
			alturaContenido=document.getElementById(nombreModulo+"ContenidoFrame").offsetHeight;
		//document.getElementById(nombreModulo+"ContenidoFrame").style.height = alturaContenido;
		}else{
			alturaContenido=1;
		}
		
		document.cookie="modulo"+nombreModulo+"="+alturaContenido+";"; 	
		//estadoModulos[nombreModulo]=0;
	}else{
		expandirSb(nombreModulo,"./imgs/btn1.gif","./imgs/close.gif", estadoModulo,bannerTitulo);
		document.cookie="modulo"+nombreModulo+"=0;"; 	
		//estadoModulos[nombreModulo]=1;
	}
	//guardarCookie();		
}
/*
	Esta función se llama cuándo se carga la página
*/
function inicializarModulo(nombreModulo, bannerTitulo){
	//si ya se ha guardado el estado en la cookie la recuperamos
	if(getCookie('modulo'+nombreModulo)!=null){
	 	estadoModulo=getCookie('modulo'+nombreModulo);
	 }else{//tomamos el valor por defecto del módulo
		estadoModulo=estadoModulos[nombreModulo];
	 }
	if (estadoModulo!=0){
		if(getCookie('modulo'+nombreModulo)==null){//si no hay cookie, quiere decir que tenemos el 
		//valor inicial así que tenemos que obtener el alto del contenedor y grabarlo en la cookie
			if(document.getElementById(nombreModulo+"ContenidoFrame")!=null){
			    alturaContenido=document.getElementById(nombreModulo+"ContenidoFrame").offsetHeight;
				//document.getElementById(nombreModulo+"ContenidoFrame").style.height = alturaContenido;
				document.cookie="modulo"+nombreModulo+"="+alturaContenido+";";
			}else alert("Error de diseño de página: no existe el div "+nombreModulo+"ContenidoFrame");
		}
		contraerSb(nombreModulo,"./imgs/btn0.gif","./imgs/expand.gif",bannerTitulo);
	}else{
		if(document.getElementById(nombreModulo+"ContenidoFrame")!=null)
			alturaContenido=document.getElementById(nombreModulo+"ContenidoFrame").offsetHeight;
		else 
			alert("Error de diseño de página: no existe el div "+nombreModulo+"ContenidoFrame");		
		expandirSb(nombreModulo,"./imgs/btn1.gif","./imgs/close.gif", alturaContenido,bannerTitulo);
		document.cookie="modulo"+nombreModulo+"=0;"; 	
	}

}




function getCookie(name) {
var dc = document.cookie;
var prefix = name + "=";
var begin = dc.indexOf("; " + prefix);
if (begin == -1) {
begin = dc.indexOf(prefix);
if (begin != 0) return null;
} else {
begin += 2;
}
var end = document.cookie.indexOf(";", begin);
if (end == -1) {
end = dc.length;
}
return unescape(dc.substring(begin + prefix.length, end));
}

/*function getCookie(c_name)
{
if (document.cookie.length>0)
  {
  c_start=document.cookie.indexOf(c_name + "=");
  if (c_start!=-1)
    { 
    c_start=c_start + c_name.length+1; 
    c_end=document.cookie.indexOf(";",c_start);
    if (c_end==-1) c_end=document.cookie.length;
    return unescape(document.cookie.substring(c_start,c_end));
    } 
  }
return "";
}*/

function inicializarLogin() {
if(getCookie('login')==null) {
document.cookie=" login =-1;"; 
//alert('pongo login a -1');
}
}
function guardarCookie() {
//var exdate = new Date();
//exdate.setDate(exdate.getDate()+10);
//document.cookie=" estadoModulos="+ estadoModulos+";";
document.cookie=" registro ="+ estaRegistro +";"; 
document.cookie=" noticias ="+ estanNoticias + ";";
document.cookie=" eventos ="+ estanEventos +";";
document.cookie=" estadisticas ="+ estanEstadisticas + ";";
document.cookie=" mapita ="+ estaMapita+";";
document.cookie=" estadisticos ="+ estanEstadisticos+";";
document.cookie=" enlaces ="+ estanEnlaces+";";
//document.cookie+=";expires =" + exdate.toGMTString();



//alert("login = "+ getCookie('login')+ "registro ="+ getCookie('registro') + "noticias ="+ getCookie('noticias') + " eventos ="+ getCookie('eventos') +" estadisticas ="+ getCookie('estadisticas') //+" mapita ="+ getCookie('mapita') +" estadisticos ="+ getCookie('estadisticos')+"enlaces = "+ getCookie('enlaces') +"fecha = "+ getCookie('expires')  );


}

	



function inicializar(){	
	inicializarModulo("Cooking",true);
	inicializarModulo("Earth");
	inicializarModulo("Ehes");
	inicializarModulo("Workshop");
	inicializarModulo("Earth");
	inicializarModulo("Articulos");
	//inicializarModulo("Fake");
	//inicializarModulo("Fluidos");
	//inicializarModulo("Mobile");
	//inicializarModulo("Micro");
}
/*</script>*/