Problem mit durch JS generierten DIV Struktur

[Markus.Miederer]

Hallo,
ich benutze die Lightbox und muss dort die Struktur bzw. die Position der Div etwas verändern damit die Navigation der Lightbox also der oben statt unten steht.
Leider bekomme ich das nach langen probieren einfach nicht hin.

Es geht um den Div > "lbBottomNav" wo der Div eigentlich samt Inhalt ausgegeben werden soll habe ich mit einen Kommentar gekennzeichnet. Wäre echt klasse wenn mir jemand dabei helfen könnte.

Schon einmal vielen Danke!

Hier mal das Script dazu:

j.appendChild(

    Builder.node("div",{id:"lbLightbox"},[
        Builder.node("div",{id:"out_light"},[
            

        
            Builder.node("div",{id:"lbOuterImageContainer"},
            
//hier soll der Div lbBottomNav stehen
            
               Builder.node("div",{id:"lbImageContainer"},[
                Builder.node("img",{id:"lbLightboxImage"}),
                Builder.node("div",{id:"lbHoverNav"},[
                Builder.node("a",{id:"prevLink",href:"#"}),
                Builder.node("a",{id:"nextLink",href:"#"})
                ]),
                Builder.node("div",{id:"lbLoading"},
                Builder.node("a",{id:"loadingLink",href:"#"})),
                Builder.node("div",{id:"lbImageDataContainer"},
                Builder.node("div",{id:"lbImageData"},[
                Builder.node("div",{id:"lbImageDetails"},[
                Builder.node("span",{id:"lbCaption"}),
                Builder.node("span",{id:"lbNumberDisplay"}),
                Builder.node("span",{id:"lbPresent"})
                    ]),
                Builder.node("div",{id:"lbBottomNav"},[
                        Builder.node("a",{id:"closeLink",href:"#"}),
                        Builder.node("a",{id:"playLink",href:"#"}),
                        Builder.node("a",{id:"pauseLink",href:"#"}),
                        Builder.node("a",{id:"saveLink",href:"#",target:"_blank"})  
                    ])
                ]))
            ]))
        ])
    ])
    
);