var LightshowLoader = Class.create(  {
	initialize: function( element, url) {
		this.element	= $(element);
		this.url = $(url);
		this.options = Object.extend({
		}, arguments[1] || {});

		this.loadImages( url );
		
	},

	loadImages: function( url ) {
		new Ajax.Request( url, {
			method: 'get',
			evalJSON: 'force',
			onSuccess: this.imagesLoaded.bind( this ),
			onFailure: this.loadFailure.bind( this )
		});
	},

	loadFailure: function( transport ) {
		this.element.update( "fout bij het laden van de foto's");
	},

	imagesLoaded: function( transport ) {

		var images = transport.responseJSON;
		
		var counter = 0;

//		var table = new Element( 'table' );
//		this.element.insert( table );
//		var tr 	 = new Element( 'tr' );
//		table.insert( tr );
		
		images.each( function( image ) {

/*		
			var td = new Element('td', {
				width: '25%',
				valign: 'center',
				align:	'middle'
			});
			tr.insert( td );
*/		
			var a = new Element( 'a', {
				rel:	'lightbox[Galerijen]',
				href:	image.image
			} );
			//td.insert( a );
			this.element.insert( a );
			
			a.insert( new Element( 'img', {
				src: image.thumb,
				height: '150px',
				border: 0
			}));
			
			counter++;
/*			
			if( (counter % 4)  == 0 ) {
				tr = new Element( 'tr' );
				table.insert( tr );
			}
*/
  		}.bind( this ));
		
		this.lightWindow = new lightwindow( {
			hideGalleryTab: true
		});
	}
});