/*
    FUNCION : Funcion que capta el tamanio actual de un elemento HTML (sin importar la medida)
     y lo aumenta y/o disminuye segun el incremento y ajustando su tamanio actual a la medida 'px'
     Cada vez que capto el tamanio del elemento, capto el tamanio actual (incluso con cambios anteriores)
*/
function cambiaTamanoTexto(elemento,incremento){
    var objeto = document.getElementById(elemento);  //capto el elemento por su ID

    var size_actual;
    if (document.all){
        size_actual = objeto.currentStyle.fontSize;
        //controlamos el tamano actual y si ya es muy pequeno o muy grande, salimos
        //Establecemos 11 como minimo para evitar problemas con la impresion de paginas
        //en FF, pq si la letra es muy pequena no sale bien
        if (((size_actual == '11px') && (incremento == -1)) || ((size_actual == '30px')&& (incremento == 1)) ) {return false;}
        
        //adaptamos el tamanio a 'px'
        //Si esta definido en 'em'
        if (size_actual.substring(size_actual.length-2,size_actual.length) == 'em') {
            size_actual = 16 * parseInt(size_actual);
        }
        //Si esta definido con medidas absolutas
        else if (size_actual == 'xx-small')
            size_actual = 9;
        else if (size_actual == 'x-small')
            size_actual = 10;
        else if (size_actual == 'small')
            size_actual = 13;
        else if (size_actual == 'medium')
           size_actual = 18;
        else if (size_actual == 'large')
            size_actual = 19;
        else if (size_actual == 'x-large')
            size_actual = 24;
        else if (size_actual == 'xx-large')
            size_actual = 32;
        //Si esta definido en 'px'
        else {
            size_actual = parseInt(size_actual);
        }
       
        //aumento el tamanio con el incremento (medida 'px')
        size_actual = size_actual + incremento + 'px';
        
        //cambia el tamanio del elemento
        objeto.style.fontSize = size_actual;
    }
    else {
        //capta el tamanio actual convirtiendo la medida que tenga a 'px'
        size_actual = document.defaultView.getComputedStyle(objeto,'').getPropertyValue('font-size');

        //controlamos el tamano actual y si ya es muy pequeno o muy grande, salimos
        if (((size_actual == '11px') && (incremento == -1)) || ((size_actual == '30px')&& (incremento == 1)) ) {return false;}


        //cambia el tamanio del elemento (medida 'px')
        objeto.style.fontSize = parseInt(size_actual) + incremento + 'px';
    }
}

