/* Js para mostrar las secciones y la Red Universia() */

function mostrarSecciones()
{

    mostrarRedUniversia();

    var boton = document.getElementById("mas-secciones");
    var secciones = document.getElementById("secciones");
    var elements = secciones.childNodes;
    var twoColumns = false;
    var divFirstColumn;



    for(var i = 0, maxI = elements.length; i < maxI; ++i) {
        var element = elements[i];
        if (element.nodeName == "DIV") {
        	divFirstColumn = element;
        }
        if (element.nodeName == "UL") {
        	twoColumns = true;
        }
    }

    if (!twoColumns) {

    	divFirstColumn.className = "";
    }

    boton.onmouseover = function()
    {
        secciones.className = twoColumns ? "block" : "block reducidas";
        boton.className = "mas-secciones";
    }

    boton.onmouseout = function()
    {
        secciones.className = "";
        boton.className = "";
    }


    secciones.onmouseover = function()
    {
        secciones.className = twoColumns ? "block" : "block reducidas";
        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";
	}

}*/

onload = mostrarSecciones;