$(document).ready(function(){


    //************************* Para los iconos en la cabecera y los banners de la derecha ********************/
	/*	NOTA: Para que funcionen hay que ponerles una ID con el nombre de la imagen	*/

    $('#site_top a img, #site_top #boton_login_enviar, #cuerpo_columna a img, #cuerpo_columna img, #inicio_otros_contenido img').hover(function(){
            var id = $(this).attr('id');
            $(this).attr('src', base_url+'img/'+id+'_hover.png');
        },
        function(){
            var id = $(this).attr('id');
            $(this).attr('src', base_url+'img/'+id+'.png');
        }
    );



    //************************* Para los botones con fondo ********************/
	/*	NOTA: Para que funcionen hay que ponerles una ID con el nombre de la imagen	*/

    $('.ejemplo').hover(function(){
            var id = $(this).attr('id');
            $(this).attr('style', 'background-image: url('.base_url+'img/'+id+'_hover.png);');
        },
        function(){
            var id = $(this).attr('id');
            $(this).attr('style', 'background-image: url('.base_url+'img/'+id+'.png);');
        }
    );




});