function eventPhotos(event_id) {	
	event_url = "http://wt.codigy.nl/events/photos/" + event_id + "?callback=?"
	createContainer(event_id);
	getPhotos();
}

function createContainer(event_id) {	
	var el = "<div id='images' class='' style='display: block; padding: -12px; margin-top: 24px;'><h1>Photos</h1></div>";
	jQuery(el).insertBefore('#tour_tickets');
	jQuery('#images').delay(1000).slideDown('slow');
}

function getPhotos() {

	jQuery.ajaxSetup({ scriptCharset: "utf-8" , contentType: "application/json; charset=utf-8", dataType: "jsonp" });
	jQuery.getJSON(event_url, function(data) {

		jQuery.each(data, function(key, val) {

			var thumb_url = val['extras']['small_thumb_url'];			
			var image_url = val['extras']['medium_url'];			
			
			jQuery("#images").append(
				createImageElement(thumb_url, image_url)
				);
		});
		
		myLightbox.updateImageList();
	});
}

function createImageElement(thumb_url, image_url) {
	var a, img;
	
	a = jQuery('<a/>')
	.attr({
		href: image_url,
		rel: "lightbox[481]"
	})
	.css({
		padding: "4px",
	});
	
	img = jQuery('<img/>')
	.attr({
		src: thumb_url,
	})
	.css({
		"border-left": "solid 1px #888",
		"border-top": "solid 1px #888",
		"border-right": "solid 1px #eee",
		"border-bottom": "solid 1px #eee",
	});	
	
	a.html(img);
	return a;
}