function prendeImagen(cualPrende){ 
	 
	 $('div[id="imagen'+ cualPrende + '"]').removeClass('apagado');
	  $('div[id="imagen'+ cualPrende + '"]').addClass('prendido');//alert(cualprende);
	 }
	 function apagaImagenes(){ //alert("apaga imagenes");
	 $('#galeria div').removeClass('prendido');
	  $('#galeria div').addClass('apagado');
	 }
	 
	 
	 
	 
     $(function() {
         /*$('#update-target a').click(function() {
         	$("li").remove();*/
             $.ajax({
                 type: "GET",
                 url: "galeria.xml",
                 dataType: "xml",
                 success: function(xml) {
                     $(xml).find('imagen').each(function(){
                         var id_text = $(this).attr('id');
						 var ruta = $(this).attr('ruta');
                         var titulo_text = $(this).find('titulo').text();    
						
                         //Esta funcion es para modificar la el div donde va la imagen, aqui se podria incrustar titulo o descripcion si asi lo reuquirieramos
                        // if(id_text == 'a'){
                         	$('<div id="imagen'+ id_text +'"></div>')
                             .html('<img src="'+ ruta +'"/>')
                             .appendTo('#galeria');
							 
							 //Esta funcion es para modificar la el div donde va los botones o textos con liga
							 
							 $('<a href="#"></a>').text(titulo_text).mouseover(function(){ 
							 var id_boton = id_text;
							 apagaImagenes();
							 prendeImagen(id_boton);
							 }).appendTo('#botones');
													   
													   
													  
							 
			
                        
                     }); //each
					 apagaImagenes();
					 prendeImagen(1);
                 }//success
             }); //close $.ajax(
       /*  }); //close click(*/
     }); //close $(