/**
Botones.class.js

Descripcion:
    sirve para cambiar entre imágenes, prirncipalmente
    para hacer botones que cambien con el mouseover.
    Próximamente podría quedar obsoleto, por lo que la documentación es básica

Dependencias:
    Ninguna

Versión:
    2.0.0 - 11/11/2009 - CVI - Primera versión orientada a objetos.
        Basada en la versión 1.1 de botones.js
**/

var Botones = {

    /**
     * Funcion que se encarga de cambiar una imagen por otra.
     * Ver documentacion para ver como se usa.
     * @param imag Objeto DOM que representa a la imagen
     */
    toogle: function (imag) {
        if(typeof imag === 'undefined') {
            return;
        }
        var thesrc = imag.src;
        var ind = thesrc.lastIndexOf('.');
        var before = thesrc.substr(0, ind-2);
        var state = thesrc.substr(ind-2, 2);
        var after = thesrc.substr(ind, thesrc.length - ind);
        var newstate = '';
        if(state == 'on') {
            newstate = 'of';
        } else if(state == 'of') {
            newstate = 'on';
        } else {
            return;
        }
        imag.src = before + newstate + after;
        return;
    },

    /**
     * Funcion que se encarga de agregar nuevos eventos a una determinada imagen
     * @param idImag Id de la imagen
     */
    addEvent: function(idImag) {
        if(typeof idImag === 'undefined') {
            return;
        }
        if(document.getElementById && document.getElementById(idImag)) {
            var theImag = document.getElementById(idImag);
            theImag.onmouseover = function() {
                Botones.toogle(this);
            };
            theImag.onmouseout = function() {
                Botones.toogle(this);
            };
        }
    }

};