/*
 * Los estilos que se aplican son los establecidos en popups.css
 */
var zindex_carrusel = 6000;
var n_carrusel = 0;
var carrusel;
var nombre_carrusel;
var foto_actual = 0;

function nuevo_carrusel(nombre, carpeta, subprocces, titulo, ancho, alto, scroll_h){

	if(!$('ventana_'+nombre)){
		nombre_carrusel = nombre;
		var ventana = new Element('div',{'class':'ventana_popup','id':'ventana_'+nombre});
		//IExplorer 7
		ventana.addClassName('ventana_popup');
		if(ancho){
			ventana.setStyle({'width':ancho+'px'});
		}
		ventana.setStyle({
			zIndex:zindex_carrusel++
			});
		var titulo = new Element('div',{'class':'titulo_ventana'}).update(titulo+' <span id="fotos_totales_y_actual"></span>');
		//IExplorer 7
		titulo.addClassName('titulo_ventana');
		var capa_cerrar = new Element('div',{'class':'boton_cerrar_ventana'});
		capa_cerrar.addClassName('boton_cerrar_ventana');
		//var enlace = new Element('a',{'href':'','onclick':'cerrar_nueva_ventana(event); return false;'}).update("X Cerrar");
		var enlace = new Element('a',{'href':'#'}).update("X Cerrar");
		enlace.observe('click',function(ev){
			return cerrar_ventana_carrusel(ev);
		}); 
		var contenido = new Element('div',{'class':'contenido_ventana','id':'contenido_ventana_'+nombre});
		contenido.addClassName('contenido_ventana');
		if(scroll_h!=undefined){
			contenido.addClassName('scroll_contenido');
			if(alto){
				contenido.setStyle({'height':(alto-50)+'px'});
			}
		}
		
		var sig = new Element('div',{'class':'pestana_flecha','id':'siguiente'});
		sig.addClassName('pestana_flecha');
		sig.addClassName('siguiente');
		
		sig.update('<a href="" title="Siguiente Foto">Siguiente >></a>');
		
		var prev = new Element('div',{'class':'pestana_flecha','id':'anterior'});
		prev.addClassName('pestana_flecha');
		prev.addClassName('anterior');
		
		prev.update('<a href="" title="Foto Anterior"><< Anterior</a>');
		prev.hide();
		
		//var descripcion = new Element('div',{'id':'descripcion_imagen'});
		
		ventana.appendChild(sig);
		ventana.appendChild(prev);
		//ventana.appendChild(descripcion);
		
		capa_cerrar.appendChild(enlace);
		
		ventana.appendChild(titulo);
		ventana.appendChild(capa_cerrar);
		ventana.appendChild(contenido);
		
		document.body.appendChild(ventana);
		
		$('ventana_'+nombre_carrusel).setStyle({
			'left':'50%',
			'top':'50%',
			'marginTop': '-100px',
			'marginLeft': '-100px',
			'width':'200px',
			'height':'200px'
		});
		
		new Ajax.Request('/visor-fotos2.php',{
			//opciones
			parameters:{'ver':carpeta,'subprocess':subprocces},
			method:'post',
			onComplete:function(res){
				$('contenido_ventana_'+nombre).update('Cargando imagen...');
				carrusel = res.responseJSON;
				ver_foto(0);
			},
			onFailure:function(){
				$('contenido_ventana_'+nombre).update('Se produjo un error al solicitar la biblioteca de imágenes.');
			}
		});
		
		
		$('ventana_'+nombre).observe("ventana:cerrar",function(){
			this.remove();
		});
		
		$('siguiente').observe('click',siguiente_foto);
		$('anterior').observe('click',foto_anterior);
		
		//new Draggable('ventana_'+nombre,{handle:'titulo_ventana',zindex:6000,starteffect:null,endeffect:null});
		
		if(n_carrusel==0){
			$$('object param[name=movie]').each(function(el){
				el.up('object').hide();
			});
			$('ocultador').show();
		}
		
		n_carrusel++;
	}
}

function ver_foto(indice){
	var c = $$('DIV[id^=contenido_ventana_]')[0];
	c.update('Cargando imagen...');
	//$('descripcion_imagen').update('');
	var ob = carrusel[indice];
	new Effect.Morph('ventana_'+nombre_carrusel, {
		  style: {
			'left':'50%',
			'top':'50%',
			'marginLeft': '-'+(ob.ancho/2)+'px',
			'marginTop': '-'+((ob.alto+37)/2)+'px',
			'width':ob.ancho+'px',
			'height':(ob.alto+37)+'px'
		  },
		  afterFinish:function(){
			  c.update('<img src="'+ob.nombre+'">');
			 // $('descripcion_imagen').update(ob.texto_imagen);
			  $('ventana_'+nombre_carrusel).setStyle({
					'left':'50%',
					'top':'50%',
					'marginLeft': '-'+(ob.ancho/2)+'px',
					'marginTop': '-'+((ob.alto+37)/2)+'px',
					'width':ob.ancho+'px',
					'height':(ob.alto+37)+'px'
				});
		  }
		  });
	/*$('ventana_'+nombre_carrusel).setStyle({
		'left':'50%',
		'marginLeft': '-'+(ob.ancho/2)+'px',
		'width':ob.ancho+'px',
		'height':(ob.alto+37)+'px'
	});*/
	foto_actual = indice;
	$('fotos_totales_y_actual').update((foto_actual+1)+' de '+carrusel.size());
	if(foto_actual==(carrusel.size()-1)){
		$('siguiente').hide();
	}
	else{
		$('siguiente').show();
	}
	if(foto_actual==0){
		$('anterior').hide();
	}
	else{
		$('anterior').show();
	}
}
function siguiente_foto(ev){
	ev.stop();
	foto_actual++;
	ver_foto(foto_actual);
}
function foto_anterior(ev){
	ev.stop();
	foto_actual--;
	ver_foto(foto_actual);
}
function cerrar_ventana_carrusel(ev){
	var ev = Event.extend(ev);
	ev.stop();

	var vent = ev.findElement().up('.ventana_popup');
	vent.remove();
	n_carrusel--;
	if(n_carrusel==0){
		$$('object param[name=movie]').each(function(el){
			el.up('object').show();
		});
		$('ocultador').hide();
	}
	return false;
}