$(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,#top_iconos a img, #cuerpo_columna a img,#cuerpo_columna img,#inicio_otros_contenido img,#boton_me_interesa,#boton_me_interesa_verde,#boton_me_interesa_azul,#boton_me_interesa_rojo,#boton_me_interesa_naranja,#boton_me_interesa,#me_interesa input[type="image"],#boton_solicitar_spanish,#boton_solicitar_tecnologia_01_spanish,#boton_solicitar_tecnologia_02_spanish,#boton_solicitar_tecnologia_03_spanish,#boton_solicitar_tecnologia_04_spanish, .menu_horizontal 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 productos del inicio ********************/

    $('.producto01_element, #producto01_footer').hover(function(){
            var rel = $(this).attr('rel');
            $(this).attr('style', 'background-color: '+rel);
        },
        function(){
            var id = $(this).attr('rel');
            $(this).attr('style', 'background-color: #cdcdcd');
        }
    );



    //************************* Para las pestañas del inicio ********************/

    $('.cambio_productos').click(function()
	{
		var rel = '#'+$(this).attr('rel');
		
		$('#productos_inicio_01').attr('style', 'visibility:hidden; height: 0; width:0;');
		$('#productos_inicio_02').attr('style', 'visibility:hidden; height: 0; width:0;');
		$('#productos_inicio_03').attr('style', 'visibility:hidden; height: 0; width:0;');
		
		$(rel).attr('style', 'visibility:visible; height: 401px; width:528px;');
        }
    );



    //************************* 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);');
        }
    );




});