// JavaScript Document
var fondoMenu="#ffffff";

var fotos = new Array("img/fotos1",
					  "img/videos1",
					  "img/teatro1",
					  "img/cine1",
					  "img/television1",
					  "img/formacion1",
					  "img/contacto1");


		 var wNombre;
		 var hNombre;
		 var cmd;
		 var rfx;
		 var alto;
		 var ancho;

function cargarNombre(){
	//alert("cargaMenu");
		 var ig = new Image();
		 ig.src = "img/nombre3.png";
	alto = document.body.clientHeight;
	ancho = document.body.clientWidth;	
	var posx =  Math.round(150);
	var posy = Math.round(50);
	
	document.getElementById("nombre").innerHTML = 
	"<img id =\"nombreRV\" class=\"drag\" src=\"img/nombre3.png\" alt=\"Rebeca Valls\" style=\"top:"+posy+"; left:"+posx+"; position:absolute\"/>";
	
		 //document.getElementById("nombreRV").style.top = Math.round(10);
		 //document.getElementById("nombreRV").style.left = Math.round(1*ancho/9);
		 wNombre = ig.width;
		 hNombre = ig.height;
		 //alert(Math.round(wNombre*50/100) + "w:h" +Math.round(hNombre*50/100))
		 document.getElementById("nombreRV").style.width = Math.round(2*ig.width/3);//(457);//wNombre*50/100);
		 document.getElementById("nombreRV").style.height = Math.round(2*ig.height/3);//(93);//hNombre*50/100);
	
		 document.getElementById("nombre").style.top = Math.round(30);
		 document.getElementById("nombre").style.left = Math.round(2*ancho/9);
		 //alert(document.getElementById("nombreRV").style.top);
		 //alert(document.getElementById("nombreRV").style.left);
		 //alert(cmd);
		 if(cmd!=undefined){
			 clearTimeout(cmd);
			 }else{				 
	//cmd = setTimeout('cargarNombre()', 2000);
				 }
		 
		 
}
function cargarMenu(){
	//alert("cargaMenu");
	
	var alto = document.body.clientHeight;
	var ancho = document.body.clientWidth;	
	var y = alto-280;
	var x = alignLeft+100;
	//alert("menu1");
	crearMenu();
	//alert("menu2");
	
	var alignLeft = Math.round(ancho*5/100);
	document.getElementById("menu_h").style.left = alignLeft;
	
	document.getElementById("cor").innerHTML = 
	"<img id =\"corazon\" class=\"drag\" src=\"img/rebecavalls.gif\" alt=\"Rebeca Valls\" style=\"top:10; left:50; position:absolute\"/>";	
		 
		 document.getElementById("corazon").style.top = Math.round(30);
		 document.getElementById("corazon").style.left = Math.round(ancho/9);
		 
		 document.getElementById("corazon").style.height= 50;
		 document.getElementById("corazon").style.width = 50;

			 
	var im = new Image();
	im.src = fotos[0];
	var but = im.height;
	but=65;
		 
		 if(document.getElementById("vacio")!=null){
			 document.getElementById("menu_h").style.background=fondoMenu;
			 //altura menu_h + alturaNombre + offsetBottom
			 //document.getElementById("vacio").style.height=hNombre+but;	
			 document.getElementById("vacio").style.height=285;		 
			 }
	document.getElementById("menu_h").style.top = (alto-65);//but-18-16);// +"px";
	
	}
	
	
	
	
	//document.getElementById("corazon").style.top = alto-280;
	//document.getElementById("corazon").style.left = alignLeft+100;
	
	//var imgs = new Array();
	
	//imgs = document.getElementsByTagName("img");
	//imgs[1].style.width = 10+"px";
	//alert("antes" + imgs[0].style.width);
	
	//for(int i=0;i<imgs.length;i++){
		
			//if(imgs.id.startWith("img"))
		//var iAux = imgs[i].style.height;
		
			//alert(iAux);
			//imgs[i].style.height=Math.round(imgs[i].style.height/2);
			//alert(iAux);
		
		//}
	
	//}
	var opacidad = 100;
	
	function fade(){
	/*	if(document.getElementById&&!document.all){
			
	document.getElementById('corazon').style.MozOpacity=(opacidad/100);
			
			}else{
	document.getElementById('corazon').style.filter="alpha(opacity="+(opacidad)+")"
				
				}
				if(opacidad ==100)
				opacidad = (opacidad -40);
				else opacidad = 100;
				
				id = setTimeout('fade()', 1000);	*/
		}
		
function crearMenu(){
	
var z = document.getElementById("menu_h");
z.innerHTML = "";
z.innerHTML += "<ul>"

+ "<li><a href=\"fotos.html\" ><img src=\""+fotos[0]+".png\" alt=\"Fotos\" /></a></li>"

+ "<li><a href=\"videos.html\" ><img src=\""+fotos[1]+".png\" alt=\"Videos\"/></a></li>"

+ "<li><a href=\"teatro.html\" ><img src=\""+fotos[2]+".png\" alt=\"Teatro\"/></a></li>"

+ "<li><a href=\"cineytelevision.html\" ><img src=\""+fotos[3]+".png\" alt=\"Cine\"/>"
+ "<img src=\""+fotos[4]+".png\" alt=\"Television\"/></a></li>"

+ "<li><a href=\"formacion.html\" ><img src=\""+fotos[5]+".png\" alt=\"Formacion\"/></a></li>"

+ "<li><a href=\"contacto.html\" ><img src=\""+fotos[6]+".png\" alt=\"Contacto\"/></a></li>"

+ "</ul>";
	
	}
	
	function refrescar(){
	var asy = document.body.clientHeight;
	var asx = document.body.clientWidth;
			//alert(asx+":"+ancho);
		if(asx!=ancho || asy!=alto){
			//alert("iguales: "+asx+":"+ancho);
		
			ancho = asx;
			alto = asy
		 
			cargarNombre();
			cargarMenu();
			}else{
			}
			rfx = setTimeout('refrescar()', 500);
	}
	function refrescarImg(){
	var asy = document.body.clientHeight;
	var asx = document.body.clientWidth;
			//alert(asx+":"+ancho);
		if(asx!=ancho || asy!=alto){
			//alert("iguales: "+asx+":"+ancho);
		
			ancho = asx;
			alto = asy
		 
			cargarNombre();
			cargarMenu();
			iniciarFotos();
			}else{
			}
			rfx = setTimeout('refrescarImg()', 500);
	}
	
	function refrescarEntrada(){
	var asy = document.body.clientHeight;
	var asx = document.body.clientWidth;
			//alert(asx+":"+ancho);
		if(asx!=ancho || asy!=alto){
			//alert("iguales: "+asx+":"+ancho);
		
			ancho = asx;
			alto = asy
		 
			cargarNombre();
			cargarMenu();
			iniciarFotoEntrada();
			}else{
			}
			rfx = setTimeout('refrescarEntrada()', 500);
	}
	
	function crearBg(url){		
	
	var alto = document.body.clientHeight;
	var ancho = document.body.clientWidth;
	var img = new Image();
	img.src = url;
	var percent = Math.round(ancho*100/img.width);
	
//	alert("" + url + percent + img.height);
	var al = Math.round(img.height*percent/100);
	var an = Math.round(img.width*percent/100);
document.body.style.background="#ff00ff url("+url+") center top";
//alert("" + al + " an:" + an)
//document.body.innerHTML += "<div id=\"drag\"><img src="+url+" width="+an+" height="+al+" style=\"position:relative; top=0; left=0\"/></div>"
		}