window.addEvent("domready", function(){
                                function sleep(ms){
                                var zeit=(new Date()).getTime();
                                var stoppZeit=zeit+ms;
                                while((new Date()).getTime()<stoppZeit){};
                                }
                                pause = 0;
                                activeimage = 1;
                                $('bilderbox').setStyle('overflow', 'hidden');
                                bilder = new Array();
                                produktcounter = 0;
                                $("bilderbox").getElements(".produktbild").each(function(el){
                                produktcounter = produktcounter + 1;
                                bilder[produktcounter] = el;
                                el.setStyle('position', 'absolute');

                                });

                                active = 1;
                                i = 0;
                                $$(".preview_pb").each(function(container){
                                        i = ++i;

                                        var abc = i;
                                        container.addEvent("click", function(e){
                                                new Event(e).stop()
                                                if (abc != active && pause == 0) {
                                                        pause = 1;

                                                        $$(".preview_pb").each(function(image){
                                                        var delBorder = new Fx.Style(image, 'border-color');
                                                        delBorder.set('#EFEDE9');
                                                        });
                                                        var myBorder = new Fx.Style(container, 'border-color');
                                                        myBorder.set('#57AE26');


                                                        var hideactive = new Fx.Style(bilder[activeimage], 'left', { duration: 750, transition: Fx.Transitions.Quad.easeOut});

                                                        if (activeimage == 1) {
                                                        document.getElementById('bild2').src = container.name;
                                                        document.getElementById('bild2').alt = container.alt;
                                                        sleep(400);
                                                        hideactive.start(341);
                                                        var mySlide = new Fx.Style(bilder[activeimage+1], 'left', { duration: 750, transition: Fx.Transitions.Quad.easeOut});
                                                        mySlide.set(-341);
                                                        mySlide.start(0);
                                                        activeimage = 2;

                                                        } else if (activeimage == 2) {
                                                        sleep(400);
                                                        hideactive.start(341);
                                                        document.getElementById('bild1').src = container.name;
                                                        document.getElementById('bild1').alt = container.alt;
                                                        var mySlide = new Fx.Style(bilder[activeimage-1], 'left', { duration: 750, transition: Fx.Transitions.Quad.easeOut});
                                                        mySlide.set(-341);
                                                        mySlide.start(0);

                                                        activeimage = 1;
                                                        }
                                                        active = abc;
                                                        setTimeout("pause = 0;",600);

                                                }
                                        });
                                });

                                 if (i < 2) {
                                        $('vorschaubilder').setStyle('display', 'none');
                                };

                                $$(".produktbild").each(function(image){
                                        new Fx.Style(image, 'left').set(-341);
                                });

                                new Fx.Style(bilder[activeimage], 'left').set(0);

                                //Setzt den Border bei dem anfänglich aktiven Vorschaubild
                                firstborder = 0;
                                $$(".preview_pb").each(function(image){
                                        if (firstborder == 0) {
                                        new Fx.Style(image, 'border-color').set('#57AE26');
                                        document.getElementById('bild1').src = image.name;
                                        document.getElementById('bild1').alt = image.alt;
                                        }
                                        ++firstborder;
                                });
                        });