// JavaScript Document

var ID
function chargeImageFade (actual){
		switch (document.getElementById("ubicacion").value)
		  {
			case "1": { 
				document.getElementById("ima").src= "imagenes/bg_home.jpg"
				break; 				
			}			  
			case "2": { 
				document.getElementById("ima").src= "imagenes/bg_informacion_general.jpg"
				break; 				
			}
			case "3": { 
				document.getElementById("ima").src= "imagenes/bg_coleccion.jpg"					
				break; 				
			}
			case "4": { 
				document.getElementById("ima").src= "imagenes/bg_tour_virtual.jpg"				
				break; 				
			}
			case "5": { 
				document.getElementById("ima").src= "imagenes/bg_agenda.jpg"				
				break; 				
			}
			case "6": { 
				document.getElementById("ima").src= "imagenes/bg_edificio.jpg"				
				break; 				
			}
			case "7": { 
				document.getElementById("ima").src= "imagenes/bg_tienda.jpg"				
				break; 				
			}
			case "8": { 
				document.getElementById("ima").src= "imagenes/bg_prensa.jpg"				
				break; 				
			}			
		  }
		document.getElementById("ubicacion").value= actual
		
		document.getElementById("apDiv9").style.visibility="Visible"
		document.getElementById("apDiv9").style.opacity = 100;
		document.getElementById("apDiv9").style.filter = "alpha(opacity=100)";		
	}
	
	
function ImageFade(){

		//var opa = document.getElementById('apDiv9').style.opacity
		if (navigator.appName=="Microsoft Internet Explorer")
		{	
				//document.getElementById("apDiv9").style.visibility="Visible"		
				var t=setTimeout("fadeDiv(100)",0200);
				var t=setTimeout("fadeDiv(90)",0250);
				var t=setTimeout("fadeDiv(80)",0350);
				var t=setTimeout("fadeDiv(70)",0450);
				var t=setTimeout("fadeDiv(60)",0560);
				var t=setTimeout("fadeDiv(50)",0650);
				var t=setTimeout("fadeDiv(40)",0750);							
				//document.getElementById("apDiv9").style.visibility="Hidden"	
				//document.getElementById("apDiv9").style.height = "20px"
			}
			else
		{
				opacity('apDiv9', 100, 0, 500)
				//document.getElementById("apDiv9").style.visibility="Hidden"	
				//document.getElementById("apDiv9").style.height = "20px"				
				
			}
			
		

	
	}	
	
	
function loadFrameColeccion(actual){
		var slices
		var id
		var posicion
		chargeImageFade(actual)

		for (i=2;i<=8;i++)
			{
				if (i!=actual){
					document.getElementById("visible"+i).value = 0
					
				}
				else
				{					
					document.getElementById("visible"+actual).value = 1					
					posicion = (actual - 1) * (-30)
					slices = "mover(" + "document.getElementById('apDiv"+ actual + "'),"+posicion+","+ actual +")"
				}
			}	
			

		setInterval(slices,50) 
ImageFade()
	}
	
function fadeDiv(fade){

	
	
 	 switch (fade)
  {
	  
    case 100: { 
				document.getElementById("apDiv9").style.opacity = 90;
				document.getElementById("apDiv9").style.filter = "alpha(opacity=90)";	
				break; 
				}
    case 90: { 
				document.getElementById("apDiv9").style.opacity = 80;
				document.getElementById("apDiv9").style.filter = "alpha(opacity=80)";		
				break; 
				}
    case 80: { 
				document.getElementById("apDiv9").style.opacity = 70;
				document.getElementById("apDiv9").style.filter = "alpha(opacity=70)";		
				break; 
				}	
    case 70: { 
				document.getElementById("apDiv9").style.opacity = 60;
				document.getElementById("apDiv9").style.filter = "alpha(opacity=60)";
				break; 
				}	
    case 60: { 
				document.getElementById("apDiv9").style.opacity = 50;
				document.getElementById("apDiv9").style.filter = "alpha(opacity=50)";
				break; 
				}	
    case 50: { 
				document.getElementById("apDiv9").style.opacity = 40;
				document.getElementById("apDiv9").style.filter = "alpha(opacity=40)";
				break; 
				}					
    default: { 
	
				document.getElementById("apDiv9").style.opacity = 0;
				document.getElementById("apDiv9").style.filter = "alpha(opacity=0)";
				
				break; 
				}
  }


}
	
	
function mover(div,posicion,id){
		
	miObjeto = div;
	y = parseInt(miObjeto.style.top);
	if (y > posicion + (-28)){
		y = y - 2;
		miObjeto.style.top = y + 'px';  

	}
	
		if ((y< (-30))&& document.getElementById("visible"+id).value == 1)
		{		
				document.getElementById("apDiv"+id).style.visibility ="visible";

			}
			else
		{
			switch(id)
				{
				case 2:
				  document.getElementById("apDiv2").style.top = '-30px';
				  break;    
				case 3:
				  document.getElementById("apDiv3").style.top = '-60px';
				  break;
				case 4:
				  document.getElementById("apDiv4").style.top = '-90px';
				  break;
				case 5:
				  document.getElementById("apDiv5").style.top = '-120px';
				  break;
				case 6:
				  document.getElementById("apDiv6").style.top = '-150px';
				  break;	
				case 7:
				  document.getElementById("apDiv7").style.top = '-180px';
				  break;	
				case 8:
				  document.getElementById("apDiv8").style.top = '-210px';
				  break;					  
				}
					document.getElementById("apDiv"+id).style.visibility ="hidden";
			}

	}


function muestraDiv(id,hasta){
	for (i=1;i<=hasta;i++)
		{
				document.getElementById("div0"+i).style.visibility='hidden'
		}
	
	if (document.getElementById("div0"+id).style.visibility!='visible')
		{
		  document.getElementById("div0"+id).style.visibility='visible'
			}


  }


function controlResize()
	{
	switch (document.body.offsetWidth){
		
//		case 1004:{
//			//alert('1')			
//				document.getElementById("apDiv9").style.left ="62px";
//				break; 
//			}
//		case 1260:{
//			//alert('2')
//				document.getElementById("apDiv9").style.left ="190px";
//				break; 			
//			}
//		default: { 
//			//alert('3')		
//			document.getElementById("apDiv9").style.left ="0px";
//			break; 
//			}
		}
	
		

}

		
function generaPost(){
	window.location.reload()
	
	}
	
	
	
function opacity(id, opacStart, opacEnd, millisec) { 
    //speed for each frame 
    var speed = Math.round(millisec / 100); 
    var timer = 0; 

    //determine the direction for the blending, if start and end are the same nothing happens 
    if(opacStart > opacEnd) { 
        for(i = opacStart; i >= opacEnd; i--) { 
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed)); 
            timer++; 
        } 
    } else if(opacStart < opacEnd) { 
        for(i = opacStart; i <= opacEnd; i++) 
            { 
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed)); 
            timer++; 
        } 
    } 
} 

//change the opacity for different browsers 
function changeOpac(opacity, id) { 
    var object = document.getElementById(id).style; 
    object.opacity = (opacity / 100); 
    object.MozOpacity = (opacity / 100); 
    object.KhtmlOpacity = (opacity / 100); 
    object.filter = "alpha(opacity=" + opacity + ")"; 
}