function bildvor()
{
    var next = document.getElementById("nr").value;    
    next++;

    if (next>anz)
    {
    next=0;
    }      
  
    document.getElementById("nr").value = next;    
    document.grossbild.src="datei_upload/Bilder_Galerie/thumb/maxw_s_" + bild[next];  
}

function bildzurueck()
{
    var next = document.getElementById("nr").value;    
    next--;

    if (next<0)
    {
    next=anz;
    }    
  
    document.getElementById("nr").value = next;    
    document.grossbild.src="datei_upload/Bilder_Galerie/thumb/maxw_s_" + bild[next];  
}

function wechsel(next)
{
    document.getElementById("nr").value = next;
    document.grossbild.src="datei_upload/Bilder_Galerie/thumb/maxw_s_" + bild[next];    
}
function thumbs()
{
    var cols = 2;
    var c = 0;
    document.write("<table><tr>");
 
    
    for (var i in bild)
    {

        document.write("<td class='imgthumb'>");
        document.write("<img src='datei_upload/Bilder_Galerie/thumb/cut_s_"); 
        document.write(bild[i] + "'");
        document.write(" name='thmb'");
        document.write(" alt=''");
        document.write(" onClick='wechsel(" + i + ")'");           
        document.write(" />");
        document.write("</td>");
        c++;
        
        if (c==cols)
        {
            document.write("</tr><tr>");
            c = 0;
        }
    }
    
    if (c!=0)
    {
        for (c=c; c<cols;c++)  // Zum Auffüllen der Spalten
        {
            document.write("<td class=''>"); 
            document.write("</td>");  
        }                 
    }     
    document.write("</tr></table>");       
}

function grossbild()
{
    var i = 0;
    document.write("<table><tr>");
    document.write("<td class='imglarge' colspan='3'>");
    document.write("<img src='datei_upload/Bilder_Galerie/thumb/maxw_s_"); 
    document.write(bild[i] + "'");
    document.write(" name='grossbild'");
    document.write(" alt=''");
    document.write(" />");
    document.write("</td>");
    document.write("</tr>");      
    document.write("<tr>"); 
    document.write("<td align='left'>");
    document.write("<input type='image' value='zur&uuml;ck' src='image_layout/bildzurueck.gif' onClick='bildzurueck()' />" );     
    document.write("</td>");
    document.write("<td class='mid'>"); 
      document.write("<input type='hidden' value='" + i + "' id='nr' />" );         
    document.write("</td>");    
    document.write("<td align='right'>");
    document.write("<input type='image' value='vor' src='image_layout/bildvor.gif' onClick='bildvor()' />" );     
    document.write("</td>");            
    document.write("</tr></table>");       
}