function loadGallery (imgid,container,pfad,imgAr,thumbname,thumbid,linkto,imgcount,ecard){
	window.addEvent('domready', function() {
		// fade
		var el = $(imgid);
		var con = $(container);
		//var elfade = new Fx.Styles(el,{duration:500});
		var elfade = new Fx.Morph(el);
		// preload
		preloadIMG ();
		
		// onclick next
		$('next').addEvent('click', function(e) {
			counter ("next");
		})
		// onclick preview
		$('pre').addEvent('click', function(e) {
			counter ("pre");
		});
		// onclick thumb
		$$("#"+thumbid+" 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: 1
			}).chain(function() {
				con.style.backgroundImage = "url("+pfad+imgAr[imgcount]+")";
				
				// von
				isimgtxt = imgcount+1;
				if (isimgtxt < 10){
					isimgtxt = "0"+isimgtxt;
				}
				// bis
				imglangth = imgAr.length;
				if (imglangth < 10){
					imglangth = "0"+imglangth;
				}
				
				$('isimg').innerHTML = (isimgtxt)+"/"+imglangth;
			});
		}
		
		// array position ermitteln
		function counter (todo){
			document.getElementById("imgthumb"+imgcount).style.borderColor = "#fff";
			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);
			}
			document.getElementById("imgthumb"+imgcount).style.borderColor = "#2a6bb7";
			el.src = pfad+imgAr[imgcount];
			if (ecard!=""){
				$(ecard).value = imgcount;
			}
			fadein ();
			return imgcount;
		}
		
		// alle bilder preloaden und thumb erstellen
		function preloadIMG (){
			var thumb = "";
			for (i=0; i < imgAr.length; i++) {
				var img = new Image();
				img.src = pfad+imgAr[i];
				thumb += "<li id='imgthumb"+i+"'><a id='img"+i+"' /><img src='"+pfad+thumbname+imgAr[i]+"' /></a></li>";
			}
			$(thumbid).innerHTML = thumb;
			counter (imgcount);
			return true;
		}
		
		
		
	});
}
