/*******************************************************************
 * simple_js_gallery ist ein kleines JavaScript-basiertes Projekt  *
 * von Yannic Labonte <yannic.labonte@socovero.com> das jedem zur  *
 * nichtkommerziellen Nutzung frei zur Verfügung steht. Die        *
 * kommerzielle Nutzung ist nur in Absprache und nach Zustimmung   *
 * gestattet.                                                      *
 * Getestet wurde dieses Script in folgenden Browsern:             *
 *  - Mozilla Firefox v3.5.3                                       *
 *  - Internet Explorer v8.0.6001.18702 (auch Kompatibilitätsmode) *
 *  - Apple Safari v4.0.3 (531.9.1)                                *
 *******************************************************************/

var imageWidth = 640; // Hier kannst du die Standartbreite in Pixeln (in vergrößerter Darstellung) einstellen.


function gallery(img) {
	var overlay = document.getElementById('gallery_image_overlay');
	var title = document.getElementById('gallery_image_title');
	var target = document.getElementById('gallery_image');
	if (img.title != '') {
		title.innerHTML = img.title;
		target.title = img.title;
		if (img.alt == '') target.alt = img.title;
		else target.alt = img.alt;
		title.style.display = 'block';
	} else if (img.alt != '') {
		title.innerHTML = img.alt;
		target.alt = img.alt;
		target.title = img.alt;
		title.style.display = 'block';
	} else {
		title.style.display = 'none';
	}
	target.src = img.src;
	target.style.width = imageWidth+'px';
	target.style.height = galleryFitImage(img.src)+'px';
	overlay.style.display = 'block';
}

function galleryFitImage(imgSrc) {
	var vImage = new Image();
	vImage.src = imgSrc;
	var height = (imageWidth / vImage.width) * vImage.height;
	return height;
}