var texte = new Array();
var titel = new Array();
var src = new Array();
src["bildGrossAktu"] = "";
src["kleineBilder"] = new Array();
src["grosseBilder"] = new Array();




function setBildInnerHTML(gross_klein){

        bilder = src["kleineBilder"];
        bereich = document.getElementById("bildergalerie");
        if(bereich != null)
        {
                if(gross_klein == "gross")
                {
                        bereich.innerHTML = getTextInnerGross();
                }
                else if(gross_klein == "klein")
                {
                        bereich.innerHTML = getTextInnerKlein();

                        if(bilder.length > 16)
                        {
                               // document.getElementById("bildvorschau_verpacker").style.overflow="auto";
                               // document.getElementById("bildvorschau").style.width="240px";
                        }
                }
        }


}

function getTextInnerGross(){
        bildAktu = src["bildGrossAktu"];

        //~ bildZurueck = "<div id='b-zu-bildgalerie' class='center'  >&nbsp;</div>";
        //~ bildNext = "<div id='b-zu-bildgalerie' class='center' >&nbsp;</div>";

        bildZurueckHref = " href='javascript:void(0);' ";
        bildNextHref = " href='javascript:void(0);' ";
        klassZurueck = " class='nirgends' ";
        klassNext = " class='nirgends' ";

        bilder = src["kleineBilder"];
        indZurueck = -1;
        indNext = bilder.length;
        indAktu = 0;
        if(bilder.length > 1)
        {
                indAktu = 0;
                for(var i=0; i<bilder.length; i++)
                {
                        //gross = bilder[i].substring(0, bilder[i].length-10)+"jpg";
                        gross = src["grosseBilder"][i];
                        if(gross == bildAktu)
                        {
                                indAktu = i;
                                break;
                        }
                }

                indZurueck = indAktu-1;
                indNext = indAktu+1;


                if(indZurueck >= 0)
                {
                        //gross = bilder[indZurueck].substring(0, bilder[indZurueck].length-10)+"jpg";
                        gross = src["grosseBilder"][indZurueck];
                        //bildZurueck = "<div id='b-zu-bildgalerie' class='center-hand' onClick=\"setBildGrossAktu('"+gross+"');setBildInnerHTML('gross');\">"+texte["jsBildZurueck"]+"</div>";

                        bildZurueckHref = " href=\"javascript:bildBlaettern('"+gross+"', 'gross');\" ";
                        klassZurueck = " class='links' ";
                }
                if(indNext < bilder.length)
                {
                        //gross = bilder[indNext].substring(0, bilder[indNext].length-10)+"jpg";
                        gross = src["grosseBilder"][indNext];
                        
                        //bildNext = "<div id='b-zu-bildgalerie' class='center-hand' onClick=\"setBildGrossAktu('"+gross+"');setBildInnerHTML('gross');\">"+texte["jsBildNext"]+"</div>";
                        bildNextHref = " href=\"javascript:bildBlaettern('"+gross+"', 'gross');\" ";
                        klassNext = " class='rechts' ";
                }

        }

        //---------

        ret =
        "<div id='galerie_buttons'>"+
                "<a "+bildZurueckHref+" "+klassZurueck+">&nbsp;</a>"+
                "<a href=\"javascript:setBildInnerHTML('klein');\" class='mitte'>"+texte["jsZumBildauswahl"]+"</a>"+
                "<a "+bildNextHref+" "+klassNext+">&nbsp;</a>"+
        "</div>"+
        "<div id='bildanzeige' title='"+titel[indAktu]+"'>"+
                "<img onClick=\"setBildInnerHTML('klein');\" src='"+bildAktu+"' width='516' height='344' border='0' alt='"+titel[indAktu]+"'>"+
        "</div>";


        return ret;
}

//-------------------------------
function bildBlaettern(bild_gross, gross_klein){
        setBildGrossAktu(bild_gross);
        setBildInnerHTML(gross_klein);
        //alert("lb");
        //setQFokus();
}

//--------------------------------
function getTextInnerKlein(){
        ret = "<div id='b-zu-bildgalerie' class='center' >"+texte["jsEinBildauswahl"]+"</div>";;

        bilder = src["kleineBilder"];

        //~ for(var i=0; i<bilder.length; i++ )
        //~ {
                //~ gross = bilder[i].substring(0, bilder[i].length-10)+"jpg";
                //~ ret += "<img class='detailbild-klein-inner' onClick=\"setBildGrossAktu('"+gross+"');setBildInnerHTML('gross');\" src='"+bilder[i]+"' >";

        //~ }

        bildHref = " href='javascript:void(0);' ";
        ret =
        "<div id='galerie_buttons'>"+
        "<a href='javascript:void(0);' class='ganz'>"+texte["jsEinBildauswahl"]+"</a>"+
        "</div>"+
        "<div id='bildvorschau_verpacker'>"+
        "<div id='bildvorschau'>";


        for(var i=0; i<bilder.length; i++ )
        {
                //gross = bilder[i].substring(0, bilder[i].length-10)+"jpg";
                gross = src["grosseBilder"][i];

                bildHref = " href=\"javascript:zeigeGross('"+gross+"');\" ";

                ret +="<a "+bildHref+" title='"+titel[i]+"'><img src='"+bilder[i]+"'  width='120' height='80' border='0' alt='"+titel[i]+"'></a>";

                //ret += "<img class='detailbild-klein-inner' onClick=\"setBildGrossAktu('"+gross+"');setBildInnerHTML('gross');\" src='"+bilder[i]+"' >";

        }

        ret+=
        "</div></div>";
        return ret;
}

//-------------------------
function zeigeGross(gross){
        setBildGrossAktu(gross);
        setBildInnerHTML("gross");
        //setQFokus();
}


function setBildGrossAktu(aktu){
        src["bildGrossAktu"] = aktu;
}