/* Js para mostrar las secciones y la Red Universia() */

function mostrarSecciones()
{

    mostrarRedUniversia();
    /*mostrarOpenID();*/

    var boton = document.getElementById("mas-secciones");
    var secciones = document.getElementById("secciones");

    boton.onmouseover = function()
    {
        secciones.className = "block";
        boton.className = "mas-secciones";
    }

    boton.onmouseout = function()
    {
        secciones.className = "";
        boton.className = "";
    }


    secciones.onmouseover = function()
    {
        secciones.className = "block";
        boton.className = "mas-secciones";
    }

    secciones.onmouseout = function()
    {
        secciones.className = "";
        boton.className = "";
    }

}

function mostrarRedUniversia()
{

    var boton = document.getElementById("red-universia");
    var secciones = document.getElementById("reduniversia");

    boton.onmouseover = function()
    {
        secciones.className = "block";
        boton.className = "mas-secciones";
    }

    boton.onmouseout = function()
    {
        secciones.className = "";
        boton.className = "";
    }


    secciones.onmouseover = function()
    {
        secciones.className = "block";
        boton.className = "mas-secciones";
    }

    secciones.onmouseout = function()
    {
        secciones.className = "";
        boton.className = "";
    }

}


// javascript para cambiar el tamaņo del texto modificacion de http://www.white-hat-web-design.co.uk/articles/js-fontsize.php

var min = 8;
var max = 18;

function increaseFontSize()
{
    var caja = document.getElementById("text-size");
    var p = caja.getElementsByTagName('p');
    for (i = 0; i < p.length; i++)
    {
        if (p[i].style.fontSize)
        {
            var s = parseInt(p[i].style.fontSize.replace("px", ""));
        }
        else
        {
            var s = 12;
        }
        if (s != max)
        {
            s += 1;
        }
        p[i].style.fontSize = s + "px"
    }
    var h2 = caja.getElementsByTagName('h2');
    for (i = 0; i < h2.length; i++)
    {
        if (h2[i].style.fontSize)
        {
            var s = parseInt(h2[i].style.fontSize.replace("px", ""));
        }
        else
        {
            var s = 24;
        }
        if (s != max)
        {
            s += 1;
        }
        h2[i].style.fontSize = s + "px"
    }
}
function decreaseFontSize()
{
    var caja = document.getElementById("text-size");
    var p = caja.getElementsByTagName('p');
    for (i = 0; i < p.length; i++)
    {
        if (p[i].style.fontSize)
        {
            var s = parseInt(p[i].style.fontSize.replace("px", ""));
        }
        else
        {
            var s = 12;
        }
        if (s != min)
        {
            s -= 1;
        }
        p[i].style.fontSize = s + "px"
    }
    var h2 = caja.getElementsByTagName('h2');
    for (i = 0; i < h2.length; i++)
    {
        if (h2[i].style.fontSize)
        {
            var s = parseInt(h2[i].style.fontSize.replace("px", ""));
        }
        else
        {
            var s = 12;
        }
        if (s != min)
        {
            s -= 2;
        }
        h2[i].style.fontSize = s + "px"
    }
}


/*function aumentarTexto() {
	
	var boton = document.getElementById("aumentar");
	var caja = document.getElementById("text-size");
	
	boton.onclick = function() {
		caja.className = "destacado1 caja-ancha text-size-mas";
	}

}

function disminuirTexto() {
	
	var boton = document.getElementById("disminuir");
	var caja = document.getElementById("text-size");
	
	boton.onclick = function() {
		caja.className = "destacado1 caja-ancha text-size-menos";
	}

}*/

/*function mostrarOpenID()
{
    var boton = document.getElementById("openID-boton");
    var boton2 = document.getElementById("usuarios-boton");
    var capa = document.getElementById("openID");
    var capa2 = document.getElementById("usuarios");
    var capa3 = document.getElementById("usuario");

    boton.onclick = function()
    {
        capa2.className = "hidden";
        capa3.className = "usuario-universia";
        capa.className = "block";
        boton.className = "hidden";
        boton2.className = "";
    }

    boton2.onclick = function()
    {
        capa2.className = "block";
        capa3.className = "";
        capa.className = "hidden";
        boton.className = "";
        boton2.className = "hidden";
    }

}
*/

onload = mostrarSecciones;