// 20100210kg 
// 20100408kg - change structure of ceebox div , deleted unnecessary code

$(function() {
	$(window).bind('resize', function() {
		$('#cee_overlay').css({ width: $(document).width(), height: $(document).height() });
	});
});


// holt sich alle Bildernamen aus uebergebenen Verzeichnis, erstellt die entsprechenden Elemente, bindet sie ins DOM ein und loest das Plugin aus
// dir - das Bilderverzeichnis in images/ 
function showGallery(dir) {
	
	$('body').append('<div class="ceebox"><div id="hidden_images"></div>');		// Container für die Bilder
	$.get('/ajax/galerie/ajax_images.html', { directory: dir }, function (data) { 
//		data = "/pfad/bild|beschreibung,/pfad/bild|beschreibung,...,AnzahlDerBilder" - Beschreibung muss nicht vorhanden sein
		var images = data.split(",");
		var nr_of_images = images.pop();

		for (var i = 0; i < images.length; i++) {
			var img_and_desc = images[i].split("|");

			var splitted_path = img_and_desc[0].split("/");
			var img_name = splitted_path.pop();
			var pathToImage = "/images/"+dir+"/"+img_name;
			if (img_and_desc[1]) {		//wenn eine Beschreibung vorhanden ist
				$('#hidden_images').append('<a title="'+img_and_desc[1]+'" href="'+pathToImage+'"></a> ');
			} else {
				$('#hidden_images').append('<a href="'+pathToImage+'"></a> ');
			} 
		}
		$('.ceebox').ceebox();				
		var firstImage = document.getElementById("hidden_images").firstChild;
		$(firstImage).click();		// der Link zum ersten Bild wird angeklickt - löst das Plugin und somit die Vorschau aus
	});

	return false;
}

