// JavaScript Document
/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
                    FUNCIÓN PARA CARGAR UNA IMAGEN ALEATORIAMENTE
            con la opción de que cambie cada vez que se ingresa a la página 
                    o que se cambie cada un tiempo predefinido.
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

/* ====================================================================================
las imagenes estarán en una carpeta llamada 'imagenes/bannerIndex'.
las imagenes deberán estár numeradas 1.jpg, 2.jpg... (no se usa 0.jpg)
==================================================================================== */
        /*--------------------------------------------------------
         Editar esta parte con la CONFIGURACIÓN según sea el caso
        --------------------------------------------------------*/
        // CANTIDAD DE IMAGENES
        var cant_img = 6
        //DURACIÓN DE CADA IMAGEN EN MILISEGUNDOS (1 segundo = 1000, 20 segundos = 20000)
        var t_img = 5000

//Función que devuelve una imagen aleatoria.
function cambiar() 
    {      
        
    /* ========== EXPLICACIÓN DE FORMULA PARA EL NÚMERO ALEATORIO ENTRE 1 Y 10 ==========
    Math.ceil() Redondea un número hacia arriba (por lo cual no puede dar Cero).
    Math.random() Genera un número aleatorio entre 0.0 y 1.0.
    en el ejemplo multiplicamos esa variable por el número de imagenes que tenemos.
    En este caso es: 0.0 a 1.0 * 10. Esto nos devolvería una variable de números entre 0 y 10.
    Como no vamos a usar la imagen 0.jpg a esta función 'Math.random()*10' la redondeamos hacia arriba
    con la función Math.ceil() por lo que tendremos una variable de números de 1 a 10.
    */
    
    //Genera sobre la variable 'img' un número entre 1 y el número de la variable 'cant_img'.
    img = Math.ceil(Math.random()*cant_img); 
        var imagen=new Image
            //Inserta la ruta de la imagen concatenando el número aleatorio y la extensión '.jpg'.
            //en este caso le agregamos "imgram/" porque están dentro de una carpeta.
            //si no escribiriamos ' imagen.src=img + ".jpg" '.
        imagen.src="imagenes/bannerIndex/" + img + ".jpg" //Cambiar '.jpg' para usar otro tipo de imagen como '.gif'
            //Inserta la ruta de la imagen (imagen.src) al objeto 'imagen' insertado en la página html.
        document.images['imagen'].src=imagen.src 

    } //fin función cambiar()

function cambiar2() 
    {      
        
    /* ========== EXPLICACIÓN DE FORMULA PARA EL NÚMERO ALEATORIO ENTRE 1 Y 10 ==========
    Math.ceil() Redondea un número hacia arriba (por lo cual no puede dar Cero).
    Math.random() Genera un número aleatorio entre 0.0 y 1.0.
    en el ejemplo multiplicamos esa variable por el número de imagenes que tenemos.
    En este caso es: 0.0 a 1.0 * 10. Esto nos devolvería una variable de números entre 0 y 10.
    Como no vamos a usar la imagen 0.jpg a esta función 'Math.random()*10' la redondeamos hacia arriba
    con la función Math.ceil() por lo que tendremos una variable de números de 1 a 10.
    */
    
    //Genera sobre la variable 'img' un número entre 1 y el número de la variable 'cant_img'.
    img = Math.ceil(Math.random()*cant_img); 
        var imagen=new Image
            //Inserta la ruta de la imagen concatenando el número aleatorio y la extensión '.jpg'.
            //en este caso le agregamos "imgram/" porque están dentro de una carpeta.
            //si no escribiriamos ' imagen.src=img + ".jpg" '.
        imagen.src="imagenes/bannerform/" + img + ".jpg" //Cambiar '.jpg' para usar otro tipo de imagen como '.gif'
            //Inserta la ruta de la imagen (imagen.src) al objeto 'imagen' insertado en la página html.
        document.images['imagen'].src=imagen.src 

    } //fin función cambiar()
function cambiar3_old() 
    {      
        
   //Gemma 12/01/11 Cojo el numero de imagen y muestro la siguiente
   img = document.images['imagen'].src;//alert(img);
   img = parseInt(img.substr(47,1));
   //alert(img);
   if(img == 4) img = 1; else img = img + 1;
   //alert(img);
   var imagen=new Image
            //Inserta la ruta de la imagen concatenando el número aleatorio y la extensión '.jpg'.
            //en este caso le agregamos "imgram/" porque están dentro de una carpeta.
            //si no escribiriamos ' imagen.src=img + ".jpg" '.
        imagen.src="imagenes/bannerCabecera/" + img + ".jpg" //Cambiar '.jpg' para usar otro tipo de imagen como '.gif'
            //Inserta la ruta de la imagen (imagen.src) al objeto 'imagen' insertado en la página html.
        document.images['imagen'].src=imagen.src 

    } //fin función cambiar()

//Gemma 18/02/11 Dentro de cv
function cambiar4() 
    {      
        
   //Gemma 12/01/11 Cojo el numero de imagen y muestro la siguiente
   img = document.images['imagen'].src;//alert(img);
   img = parseInt(img.substr(51,1));
   //alert(img);
   if(img == 4) img = 1; else img = img + 1;
   //alert(img);
   var imagen=new Image
            //Inserta la ruta de la imagen concatenando el número aleatorio y la extensión '.jpg'.
            //en este caso le agregamos "imgram/" porque están dentro de una carpeta.
            //si no escribiriamos ' imagen.src=img + ".jpg" '.
        imagen.src="imagenes/bannerCabecera/" + img + ".jpg" //Cambiar '.jpg' para usar otro tipo de imagen como '.gif'
            //Inserta la ruta de la imagen (imagen.src) al objeto 'imagen' insertado en la página html.
        document.images['imagen'].src=imagen.src 

    } //fin función cambiar()
	
//Gemma 07/02/11 Imagenes facebook y youtube
function cambiar_img(opc){
	if(opc==1){
		document.getElementById('imagen1_1').style.visibility = "visible";
		document.getElementById('imagen1_1').style.display = "inline";
		document.getElementById('imagen1_2').style.visibility = "hidden";
		document.getElementById('imagen1_2').style.display = "none";
	}
	if(opc==2){
		document.getElementById('imagen1_2').style.visibility = "visible";
		document.getElementById('imagen1_2').style.display = "inline";
		document.getElementById('imagen1_1').style.visibility = "hidden";
		document.getElementById('imagen1_1').style.display = "none";
	}
	if(opc==3){
		document.getElementById('imagen2_1').style.visibility = "visible";
		document.getElementById('imagen2_1').style.display = "inline";
		document.getElementById('imagen2_2').style.visibility = "hidden";
		document.getElementById('imagen2_2').style.display = "none";
	}
	if(opc==4){
		document.getElementById('imagen2_2').style.visibility = "visible";
		document.getElementById('imagen2_2').style.display = "inline";
		document.getElementById('imagen2_1').style.visibility = "hidden";
		document.getElementById('imagen2_1').style.display = "none";
	}
}

function cambiar_8marzo(){
	img = document.images['imagen2'].src;//alert(img);
   img = parseInt(img.substr(53,1));//47
   //alert(img);
   if(img == 3) img = 1; else img = img + 1;
   //alert(img);
   var imagen=new Image
            //Inserta la ruta de la imagen concatenando el número aleatorio y la extensión '.jpg'.
            //en este caso le agregamos "imgram/" porque están dentro de una carpeta.
            //si no escribiriamos ' imagen.src=img + ".jpg" '.
	imagen.src="imagenes/bannerCabecera/banner" + img + ".jpg" //Cambiar '.jpg' para usar otro tipo de imagen como '.gif'
		//Inserta la ruta de la imagen (imagen.src) al objeto 'imagen' insertado en la página html.
	document.images['imagen2'].src=imagen.src 
}

function cambiar3(){//QR
	img = document.images['imagen'].src;//alert(img);
   img = parseInt(img.substr(49,1));
   //alert(img);
   if(img == 3) img = 1; else img = img + 1;
   //alert(img);
   var imagen=new Image
		//Inserta la ruta de la imagen concatenando el número aleatorio y la extensión '.jpg'.
		//en este caso le agregamos "imgram/" porque están dentro de una carpeta.
		//si no escribiriamos ' imagen.src=img + ".jpg" '.
	imagen.src="imagenes/bannerCabecera/QR" + img + ".jpg" //Cambiar '.jpg' para usar otro tipo de imagen como '.gif'
		//Inserta la ruta de la imagen (imagen.src) al objeto 'imagen' insertado en la página html.
	document.images['imagen'].src=imagen.src 
}
function cambiar_gris(){//Capa gris
	img = document.images['imagen_gris'].src;//alert(img);
   img = parseInt(img.substr(48,1));//43
   //alert(img);
   if(img == 3) img = 1; else img = img + 1;
   //alert(img);
   var imagen=new Image
		//Inserta la ruta de la imagen concatenando el número aleatorio y la extensión '.jpg'.
		//en este caso le agregamos "imgram/" porque están dentro de una carpeta.
		//si no escribiriamos ' imagen.src=img + ".jpg" '.
	imagen.src="imagenes/recursos/NOTICIA" + img + ".jpg" //Cambiar '.jpg' para usar otro tipo de imagen como '.gif'
		//Inserta la ruta de la imagen (imagen.src) al objeto 'imagen' insertado en la página html.
	document.images['imagen_gris'].src=imagen.src 
}