function loadGallery (imgid,container,pfad,imgAr,imgcount){
		var el = $(imgid);
		var con = $(container);
		var elfade = new Fx.Styles(el,{duration:500});
		preloadIMG ();
		
		// onclick next
		$('next').addEvent('click', function(e) {
			counter ("next");
		})
		// onclick preview
		$('pre').addEvent('click', function(e) {
			counter ("pre");
		});
		// onclick thumb
		$$('#thumb a').each(function(div){
			aname = div.id;
			$(aname).addEvent('click', function(e){
				var id = this.id.substr(3);
				counter (id);
			});
		});
		
		// fadein
		function fadein (){
			el.setOpacity(0);
			elfade.start ({'opacity':[0,1]}).chain(function(){
				document.getElementById(container).style.backgroundImage = "url("+pfad+imgAr[imgcount]+")";
				$('isimg').innerHTML = (imgcount+1)+"/"+imgAr.length;
			});
		}
		
		// array position ermitteln
		function counter (todo){
			switch (todo){
				case "next":
					imgcount ++;
					if (imgcount > imgAr.length-1){
						imgcount = 0;
					}
					break;
				case "pre":
					imgcount --;
					if (imgcount < 0){
						imgcount = imgAr.length-1;
					}
					break;
				default:
					imgcount = Number(todo);
			}
			el.src = pfad+imgAr[imgcount];
			fadein ();
			return imgcount;
		}
		
		// alle bilder preloaden und thumb erstellen
		function preloadIMG (){
			var thumb = "<ul>";
			for (i=0; i < imgAr.length; i++) {
				var img = new Image();
				img.src = pfad+imgAr[i];
				thumb += "<li><a href='#' id='img"+i+"' />Bild "+(i+1)+"</a></li>";
			}
			$('thumb').innerHTML = thumb+"</ul>";
			counter (imgcount);
			return true;
		}
}