var aCargar;
var siguiente;
var anterior;
var actual;
window.addEvent('load', function()
{
	//
	var efecto1 = new Fx.Tween($('vin_siguiente'));
	
	//
	
	var ancla ;
	ancla = window.location.toString();
	pos = ancla.indexOf('#');
	ancla = ancla.substr(pos + 1,ancla.length - pos);
	
	if($('i_' + ancla))
		{
			actual  = $('i_' + ancla).getParent();
		
		}
	else
		{
			actual = $('lista_minis').getFirst();
		}
	
	habilitar_sig_ant();
	fola();
	
	var minisss = $$('#lista_minis a');
 	minisss.each(function(elemento)
		{
			elemento.innerHTML = ' ';
			elemento.addEvent('click', function(ev)
				{
					new Event(ev).stop();
					if (this.title != 'no')
					{
						actual.getChildren().setStyle('background-color','#ffffff');
						actual =  this.getParent();
						fola();
					}
			});	
		});
	
	$('vin_siguiente').innerHTML = ' ';
	$('vin_anterior').innerHTML = ' ';
		
	$('vin_siguiente').addEvent('click',function(ev)
		{
			new Event(ev).stop();
			if (this.title != 'no')
			{
				actual.getChildren().setStyle('background-color','#ffffff');
				actual = siguiente;
				fola();
			}
		}
	);
	
	$('vin_anterior').addEvent('click',function(ev)
		{
			actual.getChildren().setStyle('background-color','#ffffff');
			new Event(ev).stop();
			actual = anterior;
			fola();
			
			
			
		}
	);
	
		
});


function fola()
{
	//$('gran').innerHTML = "";
	habilitar_sig_ant()
	var imagen = [actual.getChildren()]
	actual.getChildren().setStyle('background-color','#F8003D');
	
	var imagenes = new Asset.images(imagen,
					{
						onComplete: function()
							{
								imagenes.each(function(el)
									{
										//alert(el.height);
										el.className = 'pics';
										var efecto = new Fx.Tween($('gran'),{
											transition: Fx.Transitions.Back.easeInOut,
											onComplete: function(){
													$('gran').getFirst().setOpacity(1);
												}
										});
										//desde = $('gran').height;
										efecto.start('height',el.height + 20);
										$('gran').empty();
										$('gran').adopt(el);
										$('gran').getFirst().setOpacity(0);
										margen = (590 - el.width) / 2;
										$('gran').getFirst().setStyle('margin-left',margen+'px');
										$('descripcion').load('recibe_p.asp?id='+ actual.getChildren().getProperty('id'));
									});
							}
						
					});
}

function habilitar_sig_ant()
{
	if (actual.getNext())
		{
			siguiente = actual.getNext();
			$('vin_siguiente').className = "si";
		}
	else
		{
			$('vin_siguiente').className = "no";
			
		}
	if(actual.getPrevious())
		{
			anterior = actual.getPrevious();
			$('vin_anterior').className = "si";
			
		}
	else
		{
			$('vin_anterior').className = "no";
		}
}