var number_of_pictures =0;
//var limite_vertical = 10;
var fotos = new Array(number_of_pictures);
var ides = new Array(number_of_pictures);
var cadena2;
var cargando = true;
function show_pictures () {
	var while_pictures = 0;

	while(while_pictures < names.length) {
		var new_image = new Element('img', {
									//MODIFICACION
			'src': 'thumbs/' + names[while_pictures],
			'id': 'image_' + while_pictures,
			'events': {
				'click': function(){
					cad_src=this.src.replace('thumbs/', 'pictures/');
					cad_src=cad_src.replace('.jpg', '.png/');
					$('display_picture_img').innerHTML = "<img src=\"" + this.src.replace('thumbs/', 'pictures/') + "\" id=\"big_picture\" class=\"" + this.id + "\" />";
					alto=$('big_picture').getStyle('height');
					if (alto!='580px'){fotos[while_pictures]='v'} else {fotos[while_pictures]='h'}
					//$('prueb').set('text',alto);
					$('display_picture_container').fade(1);
					$('big_picture').fade(.999999);
					vert_hori(while_pictures); // ACCIONES SEGUN ORIENTACION DE LA FOTO ACTUAL

					$('controls_vert').setStyle('display', 'none');
					
					if (this.id.charAt(5)=='v'){
							if(this.id.replace('imagev_', '')==0) {
							$('left').set('class', 'deactivated');	
							$('right').erase('class');	
						} else if(this.id.replace('imagev_', '')==number_of_pictures-1) {
							$('left').erase('class');	
							$('right').set('class', 'deactivated');	
						} else {
							$('left').set('class', 'activated');	
							$('right').erase('class');
						}
					} else {
						if(this.id.replace('image_', '')==0) {
							$('left').set('class', 'deactivated');	
							$('right').erase('class');	
						} else if(this.id.replace('image_', '')==number_of_pictures-1) {
							$('left').erase('class');	
							$('right').set('class', 'deactivated');	
						} else {
							$('left').set('class', 'activated');	
							$('right').erase('class');
						}
					}
					
					//if (cargando == false){$('controls_horz').setStyle('display', 'block');} else {$('controls_horz').setStyle('display', 'none');}
					$('controls_horz').setStyle('display', 'block');
					if(Browser.Engine.trident4) { $('left').tween('margin-left', '143px'); } else { $('left').tween('margin-left', '430px'); }
				}
			}
		});
		new_image.inject($('inside'));	
		// Tratamiento en funcion de condicion vertical u horizontal!!
		var ancho=new_image.getStyle('width');
		//cadena2=cadena2 + ancho + " ";
		if (ancho=='122px'){new_image.setStyle('margin-left','45px');new_image.setStyle('margin-right','96px');fotos[while_pictures]='v';
							} else {fotos[while_pictures]='h';}
							
		//--------------------------------------------
		// preload all of the images
		var preload_image = new Element('img', {
										//MODIFICACION
			'src': 'pictures/' + names[while_pictures],
			'class': 'hide'		
		});
		preload_image.inject($('container'));	
		// NOTE: I didn't create an alt attribute because it won't be seen by anyone here anyway.
		while_pictures++;
		//return fotos;
	}
	/*$('prueb').set('text',cadena2);*/
}
function recarga(){
		for(j=0;j<number_of_pictures;j++){
		var capa0="image_" + j;
		var ele=$(capa0);
		var ancho2 = ele.getStyle('width');
		if (ancho2=='122px'){ele.setStyle('margin-left','45px');ele.setStyle('margin-right','96px');}
		}
}
function listaFotos(){
	var req = new Request({'url': 'galeriafotos.php',
						  onComplete: function(respuesta){
							  names = JSON.decode(respuesta);
							  number_of_pictures = names.length;
							  show_pictures();
							  genBody();
							 /* var cadenames='';
							  for (i=0;i<names.length;i++){cadenames+=names[i] + ", ";}
							  $('prueb').set('text',cadenames);*/
							  }
						  });
	req.post();
}
function galleria(){
	listaFotos();
	//show_pictures();
	setTimeout("recarga()",5000);
	setTimeout("recarga()",10000);
	setTimeout("recarga()",13000);
}
function genBody(){
	$('display_picture_container').fade('hide');
	
	var vertical_moves = 0;
	var rows = Math.ceil(number_of_pictures/3); 
	
	if(rows>3) {
	
		$('up').addEvent('click', function(event){
			if(!$('up').hasClass('deactivated')) {
				vertical_moves--;
				$('down').erase('class');
				$('inside').tween('margin-top', '-' + (169 * vertical_moves) + 'px');
				if (vertical_moves==0) {
					$('up').set('class', 'deactivated');	
				}
			}
		});
		
		
		$('down').addEvent('click', function(event){
			if(!$('down').hasClass('deactivated')) {
				vertical_moves++;
				$('up').erase('class');
				recarga();
				$('inside').tween('margin-top', '-' + (169 * vertical_moves) + 'px');
				if(vertical_moves == (rows-3)) {
					$('down').set('class', 'deactivated');	
				}
			}
		});
	} else {
		$('up').set('class', 'deactivated');	
		$('down').set('class', 'deactivated');	
	}
	
	var current_id = 0;
	
	$('left').addEvent('click', function(){
		if(!$('left').hasClass('deactivated')) {
			current_id = $('big_picture').get('class').replace('image_', '');
			current_id--;
			var anch = $('image_' + current_id).getStyle('width');
			//$('prueb').set('text',anch);
			if (anch=='122px'){fotos[current_id]='v';} else {fotos[current_id]='h';}
			$('big_picture').fade('hide');
			//modificacion
			$('big_picture').set('src', 'pictures/' + names[current_id]);
			$('big_picture').set('class', 'image_' + current_id);
			//     SELECTOR DE ACCIONES SEGUN ORIENTACION DE LA FOTO ACTUAL
			vert_hori(current_id);
			$('big_picture').fade(1);
			//alert(names[current_id]);
			//--------------------------------------------
			if(current_id==0) { $('left').set('class', 'deactivated'); }
			if(current_id==(number_of_pictures-2)) { $('right').erase('class');  }
		} 
	});
	
	$('right').addEvent('click', function(){
		if(!$('right').hasClass('deactivated')) {
			current_id = $('big_picture').get('class').replace('image_', '');
			current_id++;
			var anch = $('image_' + current_id).getStyle('width');
			//$('prueb').set('text',current_id);
			if (anch=='122px'){fotos[current_id]='v';} else {fotos[current_id]='h';}
			$('big_picture').fade('hide');
			//modificacion
			$('big_picture').set('src', 'pictures/' + names[current_id]);
			$('big_picture').set('class', 'image_' + current_id);
			//     SELECTOR DE ACCIONES SEGUN ORIENTACION DE LA FOTO ACTUAL
			vert_hori(current_id);
			$('big_picture').fade(1);
			//alert(names[current_id]);
			//--------------------------------------------
			if(current_id==1) { $('left').erase('class'); }
			if(current_id==number_of_pictures-1) { $('right').set('class', 'deactivated'); }
		} 
	});
	
	$('display_picture_img').addEvent('click', function(){
		$('display_picture_container').fade(0);
		$('big_picture').fade(0);
		//         SELECTOR DE VERTICALIDAD
		$('display_picture').tween('height','640px');
		$('container').tween('height','600px');$('controls_horz').tween('margin-top','0px');
		$('display_picture_container').setStyle('top','-80px');
		//-----------------------------------------------
		if(Browser.Engine.trident4) { $('up').setStyle('margin-left', '143px'); } else { $('up').setStyle('margin-left', '286px'); }
		$('controls_horz').setStyle('display', 'none');
		$('controls_vert').setStyle('display', 'block');
		$('left').tween('margin-left', '7px');
		$('up').tween('margin-left', '15px');
	});

}
function vert_hori(indice){
	if (fotos[indice]=='v'){
		$('big_picture').setStyle('margin-left','100px');$('display_picture').tween('height','820px');
		$('container').tween('height','765px');$('controls_horz').tween('margin-top','165px');
		$('display_picture_container').setStyle('top','-100px');
	} else {
		$('big_picture').setStyle('margin-left','0px');$('display_picture').tween('height','640px');
		$('container').tween('height','600px');$('controls_horz').tween('margin-top','0px');
		$('display_picture_container').setStyle('top','-80px');
	}
}
//galleria();