Event.observe(window, 'load',
	    function() {
		
			visores = $$('.visor_fotos');
			
			for (i=0; i< visores.length; i++) {
				
				// Poner el offset a 0 al refrescar
				lst = visores[i].readAttribute("id").split("_");
				ga_id = lst[1];
				$("offsetActual_" + ga_id).value = 0;
				
				elemPrev = visores[i].getElementsByClassName('goPrev');
				elemNext = visores[i].getElementsByClassName('goNext');
				
				if (visores[i].hasClassName('coleccion') == true) {
					if (elemPrev != null) {
						Event.observe(elemPrev[0], "click", goPrevColeccion);
					}
					if (elemNext != null) {
						Event.observe(elemNext[0], "click", goNextColeccion);
					}
				}
				else {
					if (elemPrev != null) {
						Event.observe(elemPrev[0], "click", goPrev);
					}
					if (elemNext != null) {
						Event.observe(elemNext[0], "click", goNext);
					}
				}
				
			}
			

			  
});

function add_uploader_usuario(arr_clas) {
	  id_div = "uploaders";
	  class_uploader = "uploader";
	  id_uploader = "uploader_";
	  id_input = "fichero_";
	  suf_clas = "_clas";
	  uldr = $(id_div).getElementsByClassName(class_uploader);
	  num_uploader = uldr.length + 1;
	  select =
	    "SOLO <select id='" + id_input + num_uploader + suf_clas + "' name ='" + 
	    id_input + num_uploader + suf_clas + "' >\n";
	  for(var i=0 ; i<arr_clas.length; i++)
	    select += " <option value='"+arr_clas[i][0] + "'>"+arr_clas[i][1] + "</option>\n";
	  select +="</select>\n";
	  new Insertion.Bottom(
	    id_div,
	    '\n'+
	    '<div id="' + id_uploader + num_uploader+'">'+
	      ' <a href="#" onclick="del_uploader(\'' + id_uploader + num_uploader + '\'); '+
	      'return false;">eliminar</a>' +
	      " " + '<input type="file" class="' + class_uploader + '" name="' + id_input 
	      + num_uploader+'" '+
	      'id="' + id_input + num_uploader+'" title="Engadir" /> ' +
	      select + "TODOS <input type='checkbox' value='1' name='" + id_input + num_uploader + "_todos' />" +
	    '</div>'
	  );
	}

function add_uploader(arr_clas) {
  id_div = "uploaders";
  class_uploader = "uploader";
  id_uploader = "uploader_";
  id_input = "fichero_";
  suf_clas = "_clas";
  uldr = $(id_div).getElementsByClassName(class_uploader);
  num_uploader = uldr.length + 1;
  select =
    "<select id='" + id_input + num_uploader + suf_clas + "' name ='" + 
    id_input + num_uploader + suf_clas + "' >\n";
  for(var i=0 ; i<arr_clas.length; i++)
    select += " <option value='"+arr_clas[i][0] + "'>"+arr_clas[i][1] + "</option>\n";
  select +="</select>\n";
  new Insertion.Bottom(
    id_div,
    '\n'+
    '<div id="' + id_uploader + num_uploader+'">'+
      ' <a href="#" onclick="del_uploader(\'' + id_uploader + num_uploader + '\'); '+
      'return false;">eliminar</a>' +
      " " + select +
      '<input type="file" class="' + class_uploader + '" name="' + id_input 
      + num_uploader+'" '+
      'id="' + id_input + num_uploader+'" title="Engadir" /> ' +
    '</div>'
  );
}

function del_uploader(a) {
  $(a).remove();
}


function reset_submit(formName) {
	Form.disable(formName);
	$(formName).submit();
}



/*
 * FUNCIONES MOVER COLECCIONES
 */
 function goPrevColeccion(evento) {
		
	el_controlador = Event.element(evento);
	lst = el_controlador.readAttribute("id").split("_");
	
	id = lst[2];
	offset = $("offsetActual_" + id).value;
	offset = parseInt(offset) - 18;
	
	if (offset == 0) {
		$('img_goPrev_' + id).src = '/images/general/flecha_arriba_nor.gif'; 
		$('img_goPrev_' + id).addClassName('noClick');
	}
	
	if ($('img_goNext_' + id).hasClassName('noClick'))
	{
		$('img_goNext_' + id).src = '/images/general/flecha_abajo_act.gif'; 
		$('img_goNext_' + id).removeClassName('noClick');
	}
  
	if (offset >= 0) {
		$("offsetActual_" + id).value = offset;
		moverColeccion(id, offset);
	}
	
	return false;
}

function goNextColeccion(evento) {
			
	el_controlador = Event.element(evento);
	lst = el_controlador.readAttribute("id").split("_");
	
	id = lst[2];

	offset = $("offsetActual_" + id).value;
	offset = parseInt(offset) + 18;
	offsetMaximo = $("offsetMax_" + id).value;
	
	if (offsetMaximo <= 0)
		return false;

	if ($('img_goPrev_' + id).hasClassName('noClick'))
	{
		$('img_goPrev_' + id).src = '/images/general/flecha_arriba_act.gif'; 
		$('img_goPrev_' + id).removeClassName('noClick');
	}
  
	if (offset == offsetMaximo) {
		$('img_goNext_' + id).src = '/images/general/flecha_abajo_nor.gif';  
		$('img_goNext_' + id).addClassName('noClick');
	}
		
	if (offset <= offsetMaximo) {
		$("offsetActual_" + id).value = offset;
		moverColeccion(id, offset);
	}
  
	return false;
	
}


function moverColeccion(ga_id, offset) {

    ajaxurl = "/pub_dev.php/portada/ajaxGaleria";
        
    new Ajax.Request(ajaxurl, {
        method:'post', 
        encoding:'UTF-8',
        evalJSON: true,
        parameters: {id_galeria: ga_id,
                     offset: offset,
                     resultados: 18},
        onCreate: function(){
          
          for (var pos=1; pos<=18; pos++) {
	          elem = $('foto_' + ga_id + "_" + pos);
	          
	          if (elem.hasClassName('oculto') == true) {
	        	  elem.removeClassName('oculto');
	          }
	          elem.src = '/images/general/loader_grande.gif';
	          
	          elem = $('num_foto_' + ga_id + "_" + pos);
	          elem.update('');
          }
          
        },
        onFailure:function(){
          alert('Fallo carga fotos');
        },
        onComplete: function(transport, json){
          lst_fotos = json;
          
          for (i=0; i<lst_fotos.length; i++)
          {
            id = lst_fotos[i][0]
            nombre = lst_fotos[i][1]
            ruta_thum = lst_fotos[i][2];
            ruta_fichero = lst_fotos[i][3];

            elem = $('foto_' + ga_id + "_" + (i+1));
            elem.src = "/ficheros/" + ruta_thum;
            
            elemOcul = $('full_' + ga_id + "_" + (i+1));            
            elemOcul.value = ruta_fichero;
            
            numelem = $('num_foto_' + ga_id + "_" + (i+1));  
            numFoto = i + 1 + offset;
            
            numelem.update(nombre);
            
          } 
          
          if (lst_fotos.length) {
        	  for (x=lst_fotos.length; x<18; x++) {
        		  numelem = $('num_foto_' + ga_id + "_" + (x+1)); 
        		  numelem.update("<b></b>");              
	              elem = $('foto_' + ga_id + "_" + (x+1));
	              elem.addClassName('oculto');
        	  }
        	  
          }
        }
    });
}