var galleryImages;
var imageString;
var fcImage;
var index = 0;
function openGallery(glName, images, fcImage, fcIndex, e){
	disableWebsite();
	
	
	index = fcIndex;
	imageString 	= images;
	galleryImages 	= images.split(",");
	pos 			= getMouseCoords(e);

	d = document.getElementById("detailImage");
	d.innerHTML 		= 
							"<div class=\"quickNavHeader\"><b>Galerie: "+glName+"</b> :: <span id='imageCount'>Bild "+(fcIndex+1)+" von "+(galleryImages.length-1)+"</span></div>"+
							"<div class=\"quickNavClose\">[<a href=\"javascript:hideElement('detailImage');enableWebsite()\">x</a>]</div>"+
							"<table width='100%' height='620' cellpadding='0' cellspacing='0'>"+
								"<tr>"+
									"<td align='left' style='padding-left:10px;' height='30'><a href='javascript:showLastImage()' title='Zurueck'><<</a> | <a href='javascript:showNextImage()' title='Vor'>>></a></td>"+
								"</tr>"+
								"<tr>"+
									"<td align='center' valign='middle'>"+
										"<img src=\""+fcImage+"\" name='galleryImage' alt='Galerie im Weg? Einfach wegschieben!' title='Galerie im Weg? Einfach wegschieben!'/>"+
									"</td>"+
								"</tr>"+
							"</table>";
	d.style.display  	= "block";
	
	d.style.height		= "710px";
	d.style.width		= "660px";
	d.style.top			= pos['posy']-200+"px";
	d.style.left		= pos['posx']-300+"px";
	d.style.zindex 		= "10000";
	
	Drag.init(d);
}


function showNextImage(){
	index++;
	if(galleryImages[index] == undefined || galleryImages[index] == ""){
		index = 0;
	}
	
	document.galleryImage.src = galleryImages[index];
	d = document.getElementById("imageCount").innerHTML = "Bild "+(index+1)+" von "+(galleryImages.length-1)+"";
}

function showLastImage(){
	index--;
	if(galleryImages[index] == undefined || galleryImages[index] == ""){
		index = galleryImages.length-2;
	}
	document.galleryImage.src = galleryImages[index];
	d = document.getElementById("imageCount").innerHTML = "Bild "+(index+1)+" von "+(galleryImages.length-1)+"";
}