var glOldThumb = "";
    var glIndex = 0;
    var diaState = 0; //0 ... pause, 1 ... playing
    var iv;
    var arImgs=new Array;

    function loadMainImage(no,mode) {
    
        if (mode == 0 && iv) {
            diaState = 1;
            dia();
        }
        var img = document.getElementById('imgMain');
        setTimeout("setImgSrc("+no+","+mode+")",200);
    }
    
    function setImgSrc(no,mode) {
        var img = document.getElementById('imgMain');
        //Bildpfad suchen
        var thumb = document.getElementsByName('img'+no)[0];
        var path = thumb.className;
                
        img.style.padding="0";
        
        if(navigator.appName=="Microsoft Internet Explorer") {
            img.style.filter="blendTrans(duration=1)";
            img.style.filter="blendTrans(duration=crossFadeDuration)";
            img.filters.blendTrans.Apply();
        }
                
        //img.src="includes/img.aspx?k="+path;
        img.src = arImgs[no].src
        img.className="b";
        if(navigator.appName=="Microsoft Internet Explorer") {
            img.filters.blendTrans.Play();
        }
        
        glIndex=no;
        
                
        //Text ausgeben
        if (document.getElementById('galleryThumbDescr'+no)) {
            document.getElementById('galleryMainDescr').innerHTML = document.getElementById('galleryThumbDescr'+no).innerHTML;
            document.getElementById('galleryMainDescr').style.width=img.width;
        }
        
        
        if (glOldThumb != "") glOldThumb.className="";        
        thumb.className = "hover";
        
        //zu document scrollen - nur wenn aufruf über Pfeile oder Diashow
        if (mode==1) location.href="#a"+no;
        
        glOldThumb = thumb;
        
        //Checken ob es das letzte bild ist -> dann button ausblenden
        if (no == 1) { 
            document.getElementById('galleryBack').style.display='none';
            document.getElementById('galleryNext').style.marginLeft = 28; 
        } else {
            document.getElementById('galleryBack').style.display='';
            document.getElementById('galleryNext').style.marginLeft = 0;
        }
        
        if (document.getElementsByName('img'+(no+1)).length > 0) {
            document.getElementById('galleryNext').style.display='';
        } else {
            document.getElementById('galleryNext').style.display='none';
        }
    }
    
    
    function back() {
        loadMainImage(glIndex-1);
    }
    
    function next() {
        loadMainImage(glIndex+1,1);    
    }
    
    function dia() {
        if (diaState == 0) {
            //Starten
            document.getElementById('galleryDia').src="App_Themes/"+glTheme+"/images/pause.gif";
            iv=setInterval("loaddia();",5000);
            diaState = 1;
        } else {
            document.getElementById('galleryDia').src="App_Themes/"+glTheme+"/images/play.gif";
            window.clearInterval(iv);
            diaState = 0;
        }
        
    }
    
    function loaddia() {
        glIndex = glIndex+1;
        if (document.getElementsByName('img'+(glIndex)).length > 0) {
            loadMainImage(glIndex,1);   
        } else {
            //Ende
            window.clearInterval(iv);
        }
    }
    
    function prelodImages() {
        for (i=1;i<300;i++) {
           if (document.getElementsByName('img'+i).length == 0) break;
           arImgs[i]=new Image();
           arImgs[i].src="includes/img.aspx?k="+document.getElementsByName('img'+i)[0].className;
       }
    }
    
    //erstes Bild laden
    prelodImages();
    loadMainImage(1);