function loadGallery (imgid,container,imgAr,imgcount){
	window.addEvent('domready', function() {
		var el = $(imgid);
		var con = $(container);
		var elfade = new Fx.Morph(el,{duration:500});
		preloadIMG ();
		
		// onclick next
		$('next').addEvent('click', function(e) {
			counter ("next");
		})
		// onclick preview
		$('pre').addEvent('click', function(e) {
			counter ("pre");
		});

		var imgcounter = 0;
		// onclick thumb
		$$('#thumb a').each(function(div){
		    imgcounter++;
			aname = div.id;
			$(aname).addEvent('click', function(e){
				var id = this.id.substr(3);
				counter (id);
			});
		});
		
		var clickcounter  = 0;
		var scrollcounter = 0;
		$$('#img_scroll a').each(function(div){
			aname = div.id;
			$(aname).addEvent('click', function(e){
			    if( imgcounter > 4 ) {
			        imageDiv = imgcounter - 4;
        			if( this.id == 'scroll_next' ) {
                        if( scrollcounter > (-76 * imageDiv) ) {
                            scrollcounter -= 76; 
                            scrollVal = scrollcounter;
                        }
                    } else {
                        if( scrollcounter < 0 ) {
                            scrollcounter += 76; 
                            scrollVal = scrollcounter;
                        }
                    }
                    $('scrollcontent').tween('left', scrollVal);
                }
			    clickcounter++;
			});
		});
/*
        $$('#img_scroll a').each( function(fader) {
            alert("drin");
            var element = $$('#thumb');
            fader.addEvent('click', function(){
                $('movingBG').tween('left', '200');
            });													
        });		                                          
*/
		
		
		// fadein
		function fadein (){
			el.setOpacity(0);
			
			elfade.start ({'opacity':[0,1]}).chain(function(){
				//document.getElementById(container).style.backgroundImage = "url("+imgAr[imgcount]+")";
				document.getElementById(container).style.backgroundRepeat = "no-repeat";
				
				$('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 = imgAr[imgcount];
			fadein ();
			return imgcount;
		}
		
		// alle bilder preloaden und thumb erstellen
		function preloadIMG (){
			// Navileiste für Bildernavigation ausbleden wenn es nur ein Bild gibt. Wäre sonst unnötig!
			$('imgControl').style.display = 'none';
			//if( imgAr.length <= 1 ) $('imgControl').style.display = 'none';
			counter (imgcount);
			return true;
		}
		
		
		
	});
}