var locked = false;
var gallery = new Array();
var currentImage = 0;
var currentGallery = '';
var $overlayerTop = 80;

$(document).ready(function(){

});

function showGalleryLightBox(galleryName,arrayID){
	if (locked != true) {
		locked = true;
		if (document.getElementById("lightBoxGallery")) {
			currentGallery = galleryName;
			prepareGalleryLightBoxChanger(arrayID);
			srcBig = gallery[galleryName][arrayID][0];
			title = gallery[galleryName][arrayID][1];
			
			currentImage = arrayID;
			document.getElementById("lightBoxImageBig").src = srcBig;
			var c = 0;
			setTimeout("document.getElementById(\"lightBoxGallery\").style.display = 'block'; ",c*40);
			for (i=1;i<=10;i++) {
				c++;
				if(i==10){
					setTimeout("document.getElementById(\"lightBoxGallery\").style.opacity = '1'",c*50);
				}else{
					setTimeout("document.getElementById(\"lightBoxGallery\").style.opacity = '0." + i + "'",c*50);
				}
			}
		}
		setTimeout("locked = false;",c*40);
	}
}

function hideGalleryLightBox(){
	if (locked != true) {
		locked = true;
		if (document.getElementById("lightBoxGallery")) {
			var a = 0;
			for (i=9;i>=0;i--) {
				a = 10-i;
				setTimeout("document.getElementById(\"lightBoxGallery\").style.opacity = '0." + i + "'",a*50);
			}
		}
		setTimeout("locked = false;",a*40);
		setTimeout("document.getElementById(\"lightBoxGallery\").style.display = 'none'; ",a*40);
	}
}

function prepareGalleryLightBoxChanger(imageID){
	var countedItems = gallery[currentGallery].length;
	if(countedItems > 0){
		newHTMLImage = '<table cellpadding="0" cellspacing="0" border="0"><tr>';
		
		if(imageID >= 1){
			newHTMLImage += '<td><a href="javascript:backLightBoxImage();"><img src="/cms_components/media/box_pfeil_links.png" style="margin-top:0px;" width="35"/></a></td>';
		}else{
			newHTMLImage += '<td width="35">&nbsp;</td>';
		}
		for(i=0;i<countedItems;i++){
			if(imageID == i){
				newHTMLImage += '<td style="border:1px solid grey; width:64px; margin-top:1px; margin-right:1px; margin-left:2px;"><a href="javascript:changeLightBoxImage('+i+');"><img style="margin:2px;" src="'+gallery[currentGallery][i][0]+'" width="60" alt=""/></a></td>';
			}else{
				newHTMLImage += '<td style="border:1px solid #FFFFFF; width:64px; margin-top:1px; margin-right:1px; margin-left:2px;"><a href="javascript:changeLightBoxImage('+i+');"><img style="margin:2px;" src="'+gallery[currentGallery][i][0]+'" width="60" alt=""/></a></td>';
			}
		}
		if(countedItems-1 != imageID){
			newHTMLImage += '<td><a href="javascript:nextLightBoxImage();"><img src="/cms_components/media/box_pfeil_rechts.png" style="margin-top:0px;" width="35"/></a></td>';
		}else{
			newHTMLImage += '<td width="35">&nbsp;</td>';
		}
		newHTMLImage += '</tr></table>';
		document.getElementById("lightBoxChanger").innerHTML = newHTMLImage;
	}
}

function changeLightBoxImage(arrayID){
	currentImage = arrayID;
	document.getElementById("lightBoxImageBig").src = gallery[currentGallery][arrayID][0];
	prepareGalleryLightBoxChanger(arrayID);
}

function backLightBoxImage(){
	currentImage = currentImage-1;
	document.getElementById("lightBoxImageBig").src = gallery[currentGallery][currentImage][0];
	prepareGalleryLightBoxChanger(currentImage);
}

function nextLightBoxImage(){
	currentImage = currentImage+1;
	document.getElementById("lightBoxImageBig").src = gallery[currentGallery][currentImage][0];
	prepareGalleryLightBoxChanger(currentImage);
}

$(window).scroll(function () {
	if (window.pageYOffset) {
		$("#lightBoxGallery").css("top",$overlayerTop+Number(window.pageYOffset));
	}
});