function agregarCamara(url){
  var i = parseInt($('camara_ubicacion_ncamaras').value);
  new Ajax.Request(url,
  {
    method:'post',
    parameters: {'i':i},
    onSuccess: function(transport){
      $('camaras').insert(transport.responseText) ;
      $('camara_ubicacion_ncamaras').value = i+1;
    },
    onFailure: function(){ 
	//alert('Something went wrong...') 
	$('camaras').insert(transport.responseText);
    }
  });

}

function cambiarExterno(i){
	if($('camara_'+i+'_externo').checked){
		$('camara_externo_'+i).style.display = '';
	}
	else{
		$('camara_externo_'+i).style.display = 'none';
	}
}

/*
new_img = document.createElement( 'img' );
new_img.setAttribute( 'src', imagenes[19]['imagen'] );	 $(new_img).setStyle( { position: 'absolute', left: '0px', top: '0px', opacity: '0' } );
 
$('image_holder').appendChild( new_img ); 
new Effect.Appear( new_img, { duration: 0.5, from: 0.0, to: 1.0} );

*/
var lista_selected = '';
var ImageTransition = Class.create();
ImageTransition.prototype = {
	initialize: function( imagenes ) {
		this.imagenes = imagenes;
		this.imagen_actual = $('imagen_actual');	
		image_transition = this;
		this.as = $('lista_imagenes').getElementsByTagName('a');
		this.first = this.as[0];
		this.last = this.as[this.as.length-1];
		for(var i=0; i<this.as.length;i++){
			this.as[i].onclick = function () {
				image_transition.stop();
				image_transition.loadImage(this, this.removeImage); 
				return false;
			}
		}
	},
	loadImage: function(a, callback){
		var new_img = document.createElement( 'img' );
		new_img.setAttribute( 'src', a.getAttribute( 'href') );	 $(new_img).setStyle( { position: 'absolute', left: '23px', top: '0px', opacity: '0' } );
		$('image_holder').appendChild( new_img );
		
		if(lista_selected)
			lista_selected.className = '';
		a.className="selected";
		lista_selected = a;
		$('imagen_info').innerHTML = a.getAttribute('title');
		this.transImage(new_img, callback);
	},
	transImage: function(img, callback){
		
		new Effect.Appear( img, { duration: 0.5, from: 0.0, to: 1.0, afterFinish: callback} );
// 		new Effect.Appear( this.imagen_actual, { duration: 1.5, from: 1.0, to: 0.0, afterFinish: callback} );
		this.imagen_actual = img;
	},
	removeImage: function(img){	
		img.element.remove();
	},
	play: function(pos,init){
// 		alert(pos);
		if(init){
			this.stopped = false;
		}
		if(this.stopped){	
			return;
		}
		if(pos>=this.as.length)
			return;
		this.loadImage(this.as[pos], function(){
			$('image_holder').getElementsByTagName('img')[0].remove();
			image_transition.play(pos+1);
		});
		
// 		var new_img = document.createElement( 'img' );
// 		new_img.setAttribute( 'src', this.imagenes[pos]['imagen'] );	 
// 		$(new_img).setStyle( { position: 'absolute', left: '0px', top: '0px', opacity: '0' } );
// 		$('image_holder').appendChild( new_img ); 
// 		$('lista_imagen_'+pos).className="selected";
// 		if(lista_selected)
// 			lista_selected.className = '';
// 		lista_selected = $('lista_imagen_'+pos);
// 
// 		new Effect.Appear( new_img, { duration: 1.0, from: 0.0, to: 1.0, afterFinish: function(){
// 			
// 		}} );
// 		new Effect.Appear( this.imagen_actual, { duration: 1.2, from: 1.0, to: 0.0, afterFinish: function(){image_transition.play(pos+1);}} );
// 		this.imagen_actual = new_img;
	},
	stop: function(a){
		this.stopped = true;
	},
	forward_: function(){
		this.loadImage(this.last, this.last.removeImage);
		 
	},
	backwards: function(){
		this.loadImage(this.first, this.first.removeImage);
// 		image_transition.loadImage(image_transition.first, image_transition.removeImage); 
	}
// 	pause: function(){
// 		this.pause = true;
// 	}
}