var picsLoaded = 0;
var pics = Array("ventana.png", "girl.png", "girlref.png", "elipse.png", "silla.png", "girl-silueta.png", "hojitas.png",
		"menormesa.png", "lampara.png", "lamparar.png", "circulos.png" );
var imgObjs = Array;
var siluetPng;
var siluetRefPng;
var IE = document.all?true:false;
var misrayas = document.getElementById('misrayas');
var siluet = document.getElementById('girlsilueta');
misrayas.style.display = "block";
document.getElementById('todo').style.display="none";	

for (i=0; i<pics.length; i++) {
	imgObjs[i] = new Image();
	imgObjs[i].onload = imgLoaded;
	imgObjs[i].src = pics[i];
}

function imgLoaded(){
	picsLoaded++;
	if (picsLoaded==pics.length){
	/*	if(IE)
		window.onload = function() { loadd(); }
		else 
		document.addEventListener('load', function() { loadd() }, true);
	 */
		setTimeout("loadd()",1000);
	}
}

function loadd(){
	document.getElementById('todo').style.display="block";
	document.getElementById('mainText').style.display="block";
	document.getElementById('girl').style.display="none";
	document.getElementById('girlRef').style.display="none";
	var aumtando = setInterval( function() {
		var heightactual = parseInt(currentCSS(misrayas.getElementsByTagName('div')[1],'height'));
		if (heightactual == 0) {					
			misrayas.style.display = "none";
			misrayas.parentNode.removeChild(misrayas);
			setTimeout("girlghost()", 500);
			clearInterval(aumtando);
		} else {
			for(i=0;i<misrayas.getElementsByTagName('div').length;i++) {
				var div = misrayas.getElementsByTagName('div')[i];
				div.style.top = parseInt(currentCSS(div,'top')) + 5 + "px";
				div.style.height = parseInt(currentCSS(div,'height')) - 10 + "px";
			}
		}
		var numero = numero+1;

	}, 30);
}
function girlghost(){
	var siluet = document.getElementById('girlsilueta');
	var siluetRef = document.getElementById('girlRefsilueta');
	var numeroItera = 0;
	centrado['girlRefsilueta'] = centrado['girlsilueta'] = parseInt(centrado['girlsilueta']) + 200;
	siluetRef.style.marginLeft = siluet.style.marginLeft = parseInt(currentCSS(siluet, 'margin-left')) + 200 + "px";
	siluetRef.style.opacity = siluet.style.opacity = 0.0;
	if(IE){
		siluetPng = siluet.style.filter;
		siluetRefPng = siluetRef.style.filter;
		siluet.style.filter = siluetPng+"alpha(opacity=10)";
		siluetRef.style.filter = siluetRefPng+"alpha(opacity=10)";				
	}
	siluetRef.style.display = siluet.style.display = "block";
	var aumtando = setInterval( function() {
		//if (parseInt(siluet.style.marginLeft) <= 200) {			
		if (numeroItera >= 10) {			
			siluetRef.style.opacity = siluet.style.opacity = 1;
			if(IE){
				siluet.style.filter = siluetPng+"alpha(opacity=100)";
				siluetRef.style.filter = siluetRefPng+"alpha(opacity=100)";	
			}				
			adiosghost();
			clearInterval(aumtando);
		} else {
			numeroItera++;
			siluetRef.style.marginLeft = siluet.style.marginLeft = parseInt(siluet.style.marginLeft)-20+"px";
			centrado['girlRefsilueta'] = centrado['girlsilueta'] = centrado['girlsilueta'] - 20;
			siluetRef.style.opacity = siluet.style.opacity = parseFloat(siluet.style.opacity)+.05;
			if(IE){
				siluet.style.filter = siluetPng+ "alpha(opacity=" + (parseInt(siluet.style.filter.replace(/\D/g,"")) + 5) +")";
				siluetRef.style.filter = siluetRefPng+ "alpha(opacity=" + (parseInt(siluet.style.filter.replace(/\D/g,"")) + 5) +")";
			}
		}
	}, 30);
}
function adiosghost(){
	var siluet = document.getElementById('girlsilueta');
	var siluetRef = document.getElementById('girlRefsilueta');
	document.getElementById('girl').style.display="block";
	document.getElementById('girlRef').style.display="block";
	siluet.style.opacity = 1.0;			
	var aumtando = setInterval(function() {
		if (parseFloat(siluet.style.opacity) <= 0) {			
			siluetRef.style.opacity = siluet.style.opacity = 0;
			siluet.parentNode.removeChild(siluet);
			siluetRef.parentNode.removeChild(siluetRef);
			clearInterval(aumtando);
		} else {
			siluetRef.style.opacity = siluet.style.opacity = parseFloat(siluet.style.opacity)-.05;
			if(IE){					
				siluet.style.filter = siluetPng+ "alpha(opacity=" + (parseInt(siluet.style.filter.replace(/\D/g,"")) - 5) +")";
				siluetRef.style.filter = siluetRefPng+ "alpha(opacity=" + (parseInt(siluet.style.filter.replace(/\D/g,"")) - 5) +")";
			}
		}
	}, 30);
}