/**
 * Función para mostar videos youtube.
 */
function multimedia(indice)
{    
    var div;
    var div2;

        div = document.getElementById("youtube_" + indice);

        div2 = document.getElementById("multimedia");

        //estilos css
        div.style.width = "365px";
        div.style.height = "250px";
        div2.style.width = "370px";
}

/**
 * Cambiar la imagen de la página
 */
function verImagen(img, pie)
{
    limpiarTextoDiv("verFoto");

    var verPie;

        verPie = document.getElementById("verPieFoto");

        verPie.style.width = "370px";

    var div;

        div = document.getElementById("verFoto");

        div.style.width = "370px";
        div.style.overflow = "hidden";

    var div2;

        div2 = document.getElementById("multimedia");

        div2.style.width = "370px";
        
    var verFoto;

        verFoto = document.getElementById("verFoto");

    var imagen;

        imagen = document.createElement("img");
        imagen.setAttribute("src", rutaImagen + img);
        imagen.setAttribute("width", 370);

        verFoto.appendChild(imagen);

        limpiarTextoDiv("verPieFoto");
        addTextoDiv("verPieFoto", pie);
}

/*
 * Añadir texto 
 */
function addTextoDiv(id,texto)
{
    //variables
    var div;
    var nodoTexto;

        //asignar a la variable div un div creado en el HTML
        div = document.getElementById(id);

        //crear un nodo de texto
        nodoTexto = document.createTextNode(texto);

        //asignar el nodo de texto al div
        div.appendChild(nodoTexto);

}

/*
 * Eliminar texto
 */
function limpiarTextoDiv(id)
{
    var div;

        //asignar a la variable div el div creado en el HTML
        div = document.getElementById(id);

        //borrar todos los nodos hijos del div
        while(div.hasChildNodes())
        {
            div.removeChild(div.lastChild);
        }
}