// JavaScript Document
function overMenu(div) {
	div.style.backgroundImage = "url(\"../../img/fondoMenu.gif\")";
}
function outMenu(div) {
	div.style.backgroundImage = "";
}

function cerrarCuadro() {
	var cuadro = document.getElementById("CuadroSurPone");
	cuadro.style.display = 'none';
}

function mostrarCuadro(cuadro) {
	var opacityAsDecimal = opacityAsInt = 100;
		
	opacityAsDecimal /= 100;
	if (opacityAsInt < 1)
		opacityAsInt = 1; // IE7 bug, text smoothing cuts out if 0
	
	cuadro.style.opacity = (opacityAsDecimal);
	cuadro.style.filter  = "alpha(opacity=" + opacityAsInt + ")";
	
	var boton = document.getElementById("botonCerrar");
	boton.style.display = 'block';
}

function ocultarCuadro(cuadro) {
	var opacityAsDecimal = opacityAsInt = 50;
		
	opacityAsDecimal /= 100;
	if (opacityAsInt < 1)
		opacityAsInt = 1; // IE7 bug, text smoothing cuts out if 0
	
	cuadro.style.opacity = (opacityAsDecimal);
	cuadro.style.filter  = "alpha(opacity=" + opacityAsInt + ")";
	
	var boton = document.getElementById("botonCerrar");
	boton.style.display = 'none';
}

var intervaloFade;

function fadeInCuadro() {
	var cuadro = document.getElementById("CuadroSurPone");
	cuadro.style.display = 'block';
	cuadro.style.opacity = "0";
	cuadro.style.filter  = "alpha(opacity=0)";
	intervaloFade = setInterval(fadeInCuadro_step,10);	
}

function fadeInCuadro_step() {
	var cuadro = document.getElementById("CuadroSurPone");
	var opacidad = parseFloat(cuadro.style.opacity);
	if (opacidad < 0.6) {
		cuadro.style.opacity = (opacidad+0.005)+"";
		cuadro.style.filter  = "alpha(opacity=" + (opacidad + 0.005)*100 + ")";
	}
	else {
		intervaloFade = clearInterval(intervaloFade);
	}
}