function DiaShow(name, br, dirbase) {        
        
    var breite = br;
    var selfName = name;
    var diainhalt ="";
    var left = 0 - breite;   
        
    
    this.init = function() {
         
        var stringBilder = "";
        for(var z=0; z < bilder.length; ++z) {
        	if( bilder[z][2] == undefined || bilder[z][2] != false ) {
	        	if(z < bilder.length && z>0)
	        		stringBilder += ";";
	        		
	        	stringBilder += bilder[z][1];
        	}
        }         
         
         
        //Bilder Array auffüllen falls zu wenige bilder vorhanden sind.
        while(bilder.length < 6) {
        	var arrayTmp = new Array();
        	for(var z=0; z < bilder.length; ++z) {
        		arrayTmp.push(bilder[z]);
        	}
        	for(var z=0; z < arrayTmp.length; ++z) {
        		bilder.push(arrayTmp[z]);
        	}
        } 
                
        //dialeiste ins document schreiben               
        for(var z=0; z < bilder.length; ++z) {
            var stringTmp = stringBilder.replace(bilder[z][1]+";","");
                stringTmp = stringTmp.replace(bilder[z][1],"");
            
            // Maurice, 3ter Parameter, wenn leer-bild dann ohne link!
            if( bilder[z][2] != undefined && bilder[z][2] == false ) {
            	diainhalt +='<div id="diadiv'+(z+1)+'" class="diadiv" style="left:'+left+'px; top:0px; cursor:default;" ><div class="diaBorder"><img class="diaImg" src="'+dirbase+'/'+bilder[z][0]+'" border="0" /></div></div>';
            } else {
            	diainhalt +='<div id="diadiv'+(z+1)+'" class="diadiv" style="left:'+left+'px; top:0px; "><div class="diaBorder"><a href="'+dirbase+'/resizeimg.php?img='+dirbase+'/'+bilder[z][1]+'" rel="lightbox[expose_gallery]"><img class="diaImg" src="'+dirbase+'/'+bilder[z][0]+'" border="0" /></a></div></div>';
            }
            left += breite;
        }
        document.getElementById("dia").innerHTML = diainhalt;
       
        //document.getElementById("diaAnzahl").innerHTML =  bilder.length+" Bilder";
        
        //div für bigshow schreiben
        var body = document.getElementsByTagName("BODY");
        body = body[0];	
        var div = document.createElement("div");
        div.setAttribute("id","diaFullImage");
        div.setAttribute("style"," display:none;");
        body.appendChild(div);            
        var div2 = document.createElement("div");
        div2.setAttribute("id","diafullshadow");
        div2.setAttribute("style"," display:none;");
        body.appendChild(div2);  

        //document.getElementById("diaFullImage").innerHTML = '<div id="diaTopDrag" style="float:right; background-image:url('+dir_export+'/diatop.png); border-bottom:1px solid #CCCCCC; width:100%;"><img set="diaover" onclick="showHiddenFullDia(\'hidden\')" style="float:right; cursor:pointer;" src="'+dir_export+'/suchbar_close_norm.png"></div><div id="diaShow"></div>';
        
        for(var z=0; z < bilder.length; ++z) {
            var elem = document.getElementById("diaImg"+(z+1))
            if(elem) {
                elem.onmousedown = showBigDia;
                elem.onmouseover = diaSetBorder;
                elem.onmouseout = diaDelBorder;
            }
        }
        
        var elem = document.getElementsByTagName("IMG");
        for(var i=0; i < elem.length; ++i) {
            if(elem[i].getAttribute("set") == "diaover") {
                elem[i].onmouseover = diaover;
                elem[i].onmouseout = diaover;
            }
        }
        
        //draginit();
        //document.getElementById("diaTopDrag").onmousedown = dragstart;
    }

    function diaSetBorder(dasEreignis) {
        var meinEreignis = dasEreignis || window.event;
        var ereignisQuelle = meinEreignis.target || meinEreignis.srcElement;
        
        ereignisQuelle.parentNode.style.border = "5px solid #FFFFFF";
    }

    function diaDelBorder(dasEreignis) {
        var meinEreignis = dasEreignis || window.event;
        var ereignisQuelle = meinEreignis.target || meinEreignis.srcElement;
        
        ereignisQuelle.parentNode.style.border = "5px solid #B4C9DA";
    }

    function showBigDia(dasEreignis) {
        var meinEreignis = dasEreignis || window.event;
        var ereignisQuelle = meinEreignis.target || meinEreignis.srcElement;

        showHiddenFullDia("show")
        document.getElementById("diaShow").innerHTML = '<img style="background-color: #FFFFFF; border:1px solid #CCCCCC;" src="'+dir_root+'/'+bilder[parseInt(ereignisQuelle.getAttribute("set"))][1]+'"/>';
    }

    function showHiddenFullDia(set) {
        
        var x,y;
        if (self.innerHeight) // all except Explorer
        {
            x = self.innerWidth;
            y = self.innerHeight;
        }
        else if (document.documentElement && document.documentElement.clientHeight)
            // Explorer 6 Strict Mode
        {
            x = document.documentElement.clientWidth;
            y = document.documentElement.clientHeight;
        }
        else if (document.body) // other Explorers
        {
            x = document.body.clientWidth;
            y = document.body.clientHeight;
        }

        var sx,sy;
        if (self.pageYOffset) // all except Explorer
        {
            sx = self.pageXOffset;
            sy = self.pageYOffset;
        }
        else if (document.documentElement && document.documentElement.scrollTop)
            // Explorer 6 Strict
        {
            sx = document.documentElement.scrollLeft;
            sy = document.documentElement.scrollTop;
        }
        else if (document.body) // all other Explorers
        {
            sx = document.body.scrollLeft;
            sy = document.body.scrollTop;
        }

        //dia content
        var div = document.getElementById("diaFullImage");            
        div.style.left = sx+(x/2 - 225)+'px';
        div.style.top = sy+(y/2 -255)+'px';            
        //dia shadow
        var div2 = document.getElementById("diafullshadow");            
        div2.style.left = sx+(x/2 - 225)+5+'px';
        div2.style.top = sy+(y/2 -255)+5+'px';
        
        if(set=="show") {
            div.style.display = "block";
            div2.style.display = "block";  
        }
        else {
            div.style.display = "none";
            div2.style.display = "none";  
        }            
    }

    function diaover(dasEreignis) {
        var meinEreignis = dasEreignis || window.event;
        var ereignisQuelle = meinEreignis.target || meinEreignis.srcElement;
                    
        if(ereignisQuelle.src.match(/over/)) {
            ereignisQuelle.src = ereignisQuelle.src.replace("_over", "_norm");
        }
        else {
            ereignisQuelle.src = ereignisQuelle.src.replace("_norm", "_over");
        }

    }

    this.moveDiv = function(richtung,i) {
        var schritte = 10;
        var anzahl = bilder.length;
        var sichtbar = bilder.length-2;

        if(richtung == "rechts" && i < breite/schritte) {
            for(var z=0; z < anzahl; ++z) {
                right("diadiv"+(z+1));
            }
            i++;		
            setTimeout("window['"+selfName+"'].moveDiv('rechts',"+i+")", 10);
        }
        
        if(richtung == "links" && i < breite/schritte) {
            for(var z=0; z < anzahl; ++z) {
                left("diadiv"+(z+1));
            }		
            i++;		
            setTimeout("window['"+selfName+"'].moveDiv('links',"+i+")", 10);
        }
        
        function left(id) {
            var div = document.getElementById(id);
            var left = parseInt(div.style.left.replace(/px/, ""))-schritte;
            if(left < 0 - breite*2) left = breite*sichtbar - schritte;
            div.style.left = left+"px";
        }
        
        function right(id) {
            var div = document.getElementById(id);
            var left = parseInt(div.style.left.replace(/px/, ""))+schritte;
            if(left > breite*sichtbar) left = 0 - (breite*2) + schritte;;
            div.style.left = left+"px";
        }

    }

}