glow.ready(
    function() {
        myLb1 = new glow.widgets.Panel("#myLightbox1", {
            mask: new glow.widgets.Mask({color:"#F4F5ED"}),
            width:840,
            height:960,
            theme: "light",
            anim:'roll',
            modal: true,
            autoposition:false
        });
        myLb1.container.addClass("husky-panel");
        glow.events.addListener(myLb1, "afterShow", function(event) {
            aktiv = window.setInterval("rsw()", 10);
        });
        glow.events.addListener(myLb1, "afterHide", function(event) {
            window.clearInterval(aktiv);
            glow.dom.get('#picansicht').attr('src','/gif/pix.gif');
        });




        bgcol=glow.dom.get('#bg').html();
        glow.dom.get('body, #logo').css('background-color',bgcol);
        glow.dom.get('#content_div').css('opacity',0);
        var t=(glow.dom.get('body').height()-glow.dom.get('#content_div').height())/2-50;
        if(t<0)t=0;
        var l=glow.dom.get('body').width()/2-glow.dom.get('#content_div').width()/2;
        if(l<0)l=0;
        glow.dom.get('#content_div').css('top',t);
        glow.dom.get('#content_div').css('left',l);
        myAnimation = glow.anim.css("#content_div", 5,{
                "opacity": {from: 0, to: 100}
            }, {
                tween: glow.tweens.easeIn()
            }
        );
        myAnimation.start();
        var arrLi = glow.dom.get("#menu li div");
        arrLi.each(function(i){
            glow.dom.get(arrLi[i]).children().clone().appendTo(glow.dom.get(arrLi[i]).parent());
            glow.dom.get(glow.dom.get(arrLi[i]).parent()).children().slice(-1).css('color',bgcol);
            //glow.dom.get(glow.dom.get(arrLi[i]).parent()).children().slice(0,1).css('border-bottom','1px solid #ababab');

            //glow.dom.get(glow.dom.get(arrLi[i]).parent()).children().slice(0,1).css('background-color','red');
            var started=0;
            var started1=0;
            var overlistener=glow.events.addListener(glow.dom.get(glow.dom.get(arrLi[i]).parent()),'mouseenter',function(event){
                glow.dom.get(this).children().each(function(j){
                var mAni=glow.anim.css(this, 0.3,
                    {
                        "margin-top": {from:glow.dom.get(this).css('margin-top'), to:-35}
                    }, {
                        tween: glow.tweens.easeBoth()
                    }
                );
                glow.events.addListener(mAni, "start", function(event) {
                    started=1;
                });
                glow.events.addListener(mAni, "complete", function(event) {
                    started=0;
                });
                if(started!=1){
                  mAni.start();
                  //glow.events.removeListener(overlistener);
                }
              });
            });
            var outlistener=glow.events.addListener(glow.dom.get(glow.dom.get(arrLi[i]).parent()),'mouseleave',function(event){
              glow.dom.get(this).children().each(function(j){
                var mAni=glow.anim.css(this, 0.3,
                    {
                        "margin-top": {from:glow.dom.get(this).css('margin-top'), to:0}

                    }, {
                        tween: glow.tweens.easeBoth()
                    }
                );
                glow.events.addListener(mAni, "start", function(event) {
                    started1=1;
                });
                glow.events.addListener(mAni, "complete", function(event) {
                    started1=0;
                    /*overlistener=glow.events.addListener(glow.dom.get(glow.dom.get(arrLi[i]).parent()),'mouseenter',function(event){
                        glow.dom.get(this).children().each(function(j){
                            var mAni=glow.anim.css(this, 0.3,
                                {
                                    "margin-top": {from:glow.dom.get(this).css('margin-top'), to:-35}
                                }, {
                                    tween: glow.tweens.easeBoth()
                                }
                            );
                            glow.events.addListener(mAni, "start", function(event) {
                                started=1;
                            });
                            glow.events.addListener(mAni, "complete", function(event) {
                                started=0;
                            });
                            if(started!=1){
                                mAni.start();
                                glow.events.removeListener(overlistener);
                            }
                        });
                   });*/
                });
                mAni.start();
                //glow.events.removeListener(outlistener);
              });
            });

        });
        if(document.getElementById('carousel5')){
            var carousel5 = new glow.widgets.Carousel("#carousel5",{
                id: "layeredCarousel",
                loop: false,
                size: 1,
                slideOnScroll: true,
                animDuration: 0.5,
                animTween: glow.tweens.overshootBoth()
            });
            glow.dom.get('#carousel5 h1').css('color',bgcol);
            var arrLi = glow.dom.get("#carousel5 li");
            arrLi.each(function(i){
                var radindex=6;
                var detailindex=5;
                var detbutindex=1;
                var zoombutindex=3;
                var isdet=0;
                var iszoom=0;
                var zoomcursor_offset=0;
                glow.events.addListener(glow.dom.get(arrLi[i]).children().slice(detbutindex,detbutindex+1), "click",showdet);
                glow.events.addListener(glow.dom.get(arrLi[i]).children().slice(detbutindex+1,detbutindex+2), "click",hidedet);
                glow.events.addListener(glow.dom.get(arrLi[i]).children().slice(zoombutindex,zoombutindex+1), "click",showzoom);
                glow.events.addListener(glow.dom.get(arrLi[i]).children().slice(zoombutindex+1,zoombutindex+2), "click",hidezoom);
                var scrolllistener=glow.events.addListener(carousel5, "scroll", function(event) {
                    if(isdet==1)hidedet();
                    if(iszoom==1)hidezoom();
                });
                function hidezoom(event){
                    glow.dom.get("#zoomWindow, #zoomCursor").destroy();
                    glow.events.removeListener(zoomminus_listener);
                    glow.events.removeListener(zoomplus_listener);
                    glow.dom.get(arrLi[i]).children().slice(zoombutindex,zoombutindex+1).css('display','');
                    glow.dom.get(arrLi[i]).children().slice(zoombutindex+1,zoombutindex+2).css('display','none');
                    iszoom=1;
                }

                function showzoom(event){
                    if(isdet==1)hidedet();
                    glow.dom.create('<div id="zoomWindow"><div id="zoomPos"><input type=image id=plus src="/gif/site/zoom_plus.png" /><input type=image id=minus src="/gif/site/zoom_minus.png" /></div></div>').appendTo(glow.dom.get('body'));
                    glow.dom.create('<div id="zoomCursor"></div>').appendTo(glow.dom.get(arrLi[i]));
                    glow.dom.get('#zoomCursor').css('left',200+zoomcursor_offset*i);
                    glow.dom.get('#zoomCursor').css('top',200);

                    glow.dom.get('#zoomWindow').css('top',parseInt(glow.dom.get('#content_div').css('top'))+370);
                    glow.dom.get('#zoomWindow').css('left',parseInt(glow.dom.get('#content_div').css('left')));
                    glow.dom.get('#zoomPos').css('background-color',bgcol);
                    zoomplus_listener=glow.events.addListener(glow.dom.get('#plus'), "click",function(event){
                        glow.dom.get('#zoomWindow').css('width',glow.dom.get('#zoomWindow').width()+20);
                        glow.dom.get('#zoomWindow').css('height',glow.dom.get('#zoomWindow').height()+20);
                        glow.dom.get('#zoomCursor').css('width',glow.dom.get('#zoomCursor').width()+20/6.66);
                        glow.dom.get('#zoomCursor').css('height',glow.dom.get('#zoomCursor').height()+20/6.66)

                    });
                    zoomminus_listener=glow.events.addListener(glow.dom.get('#minus'), "click",function(event){
                      glow.dom.get('#zoomWindow').css('width',glow.dom.get('#zoomWindow').width()-20);
                      glow.dom.get('#zoomWindow').css('height',glow.dom.get('#zoomWindow').height()-20);
                      glow.dom.get('#zoomCursor').css('width',glow.dom.get('#zoomCursor').width()-20/6.66);
                        glow.dom.get('#zoomCursor').css('height',glow.dom.get('#zoomCursor').height()-20/6.66)
                    });
                    setzoompos((zoomcursor_offset*i));
                    glow.dom.get('#zoomWindow').css('background-image','url('+glow.dom.get(arrLi[i]).children().slice(-2).html()+')');

                    new glow.dragdrop.Draggable('#zoomWindow', {
                        placeholderClass : 'myspacer',
                        onDrop : function (e) {


                        }
                    });
                    var myoffsettop=glow.dom.get(arrLi[i]).offset().top;
                    var myoffsetleft=glow.dom.get(arrLi[i]).offset().left;
                    var maxl=glow.dom.get(arrLi[i]).width()-20;
                    var maxt=glow.dom.get(arrLi[i]).height()-80;

                    zoom_listener = glow.events.addListener('body', "mousemove", function(event) {
                        var t=event.pageY-myoffsettop-glow.dom.get('#zoomCursor').width()/2;
                        var l=event.pageX-myoffsetleft-glow.dom.get('#zoomCursor').width()/2;
                        if(t<maxt&&l<maxl&&l>-20){
                            glow.dom.get('#zoomCursor').css('top',t);
                            glow.dom.get('#zoomCursor').css('left',l);
                            setzoompos((zoomcursor_offset*i));
                        }
                    });

                    glow.events.addListener(glow.dom.get(arrLi[i]), "mouseenter", function(event) {
                        var myoffsettop=glow.dom.get(arrLi[i]).offset().top;
                        var myoffsetleft=glow.dom.get(arrLi[i]).offset().left;
                        zoom_listener = glow.events.addListener('body', "mousemove", function(event) {
                            var t=event.pageY-myoffsettop-glow.dom.get('#zoomCursor').width()/2;
                            var l=event.pageX-myoffsetleft-glow.dom.get('#zoomCursor').width()/2;
                            if(t<maxt&&l<maxl&&l>-20){
                                glow.dom.get('#zoomCursor').css('top',t);
                                glow.dom.get('#zoomCursor').css('left',l);
                                setzoompos((zoomcursor_offset*i));
                            }
                        });
                    });
                    glow.events.addListener(glow.dom.get(arrLi[i]), "mouseleave", function(event) {
                        glow.events.removeListener(zoom_listener);
                    });

                    /*
                    new glow.dragdrop.Draggable('#zoomCursor', {
                        container : glow.dom.get(arrLi[i]),
                        placeholderClass : 'myspacer',
                        onDrag : function (e) {
                            zoomint=window.setInterval("setzoompos("+(zoomcursor_offset*i)+")",50);
                        },
                        onDrop : function (e) {
                            window.clearInterval(zoomint);
                        }

                    });*/
                    glow.dom.get(arrLi[i]).children().slice(zoombutindex,zoombutindex+1).css('display','none');
                    glow.dom.get(arrLi[i]).children().slice(zoombutindex+1,zoombutindex+2).css('display','');
                    iszoom=1;
                }
                function showdet(event) {
                    if(iszoom==1)hidezoom();
                    var wrad=carousel5.visibleItems().children().slice(radindex,radindex+1).attr('width');
                    var hrad=carousel5.visibleItems().children().slice(radindex,radindex+1).attr('height');
                    var wdet=carousel5.visibleItems().children().slice(detailindex,detailindex+1).attr('width');
                    var hdet=carousel5.visibleItems().children().slice(detailindex,detailindex+1).attr('height');
                    var wrad_ziel=wrad/2;
                    var hrad_ziel=hrad/2;
                    var wdet_ziel=600-wrad_ziel;
                    var mAni=glow.anim.css(carousel5.visibleItems().children().slice(radindex,radindex+1), 0.5,{
                            "width": {from: wrad, to: wrad_ziel},
                            "height": {from: hrad, to: hrad_ziel},
                            "margin-left": { to: 600-wrad_ziel},
                            "margin-top": { to: ((520-hrad_ziel)/2)}
                        }, {
                            tween: glow.tweens.easeBoth()
                        }
                    );
                    mAni.start();
                    glow.anim.css(carousel5.visibleItems().children().slice(detailindex,detailindex+1), 0.5,{
                            "width": {from: wdet, to: wdet_ziel}
                        }, {
                            tween: glow.tweens.easeBoth()
                        }
                    ).start();
                    glow.events.addListener(mAni, "complete", function(event) {
                        //carousel5.visibleItems().children().slice(detailindex,detailindex+1).children().css('border-right','1px solid '+bgcol);
                        glow.dom.get(arrLi[i]).children().slice(detbutindex,detbutindex+1).css('display','none');
                        glow.dom.get(arrLi[i]).children().slice(detbutindex+1,detbutindex+2).css('display','');
                    });
                    isdet=1;
                }
                function hidedet(event) {
                    var wrad=carousel5.visibleItems().children().slice(radindex,radindex+1).width();
                    var hrad=carousel5.visibleItems().children().slice(radindex,radindex+1).height();
                    var wdet=carousel5.visibleItems().children().slice(detailindex,detailindex+1).width();
                    var wrad_ziel=wrad*2;
                    var hrad_ziel=hrad*2;
                    var wdet_ziel=0;
                    var mAni=glow.anim.css(carousel5.visibleItems().children().slice(radindex,radindex+1), 0.5,{
                            "width": {from: wrad, to: wrad_ziel},
                            "height": {from: hrad, to: hrad_ziel},
                            "margin-left": { to: 600-wrad_ziel},
                            "margin-top": { to: ((520-hrad_ziel)/2)}
                        }, {
                            tween: glow.tweens.easeBoth()
                        }
                    );
                    mAni.start();
                    glow.anim.css(carousel5.visibleItems().children().slice(detailindex,detailindex+1), 0.5,{
                            "width": {from: wdet, to: wdet_ziel}
                        }, {
                            tween: glow.tweens.easeBoth()
                        }
                    ).start();
                    glow.events.addListener(mAni, "complete", function(event) {
                        carousel5.visibleItems().children().slice(detailindex,detailindex+1).children().css('border-right','none');
                        glow.dom.get(arrLi[i]).children().slice(detbutindex,detbutindex+1).css('display','');
                        glow.dom.get(arrLi[i]).children().slice(detbutindex+1,detbutindex+2).css('display','none');
                    });
                    isdet=0;
                }
            });
            new glow.dragdrop.Draggable('#zoomWindow', {
                placeholderClass : 'myspacer'
            });
            glow.events.addListener(glow.dom.get('.carousel-prev'), "mouseover", function(event) {
                glow.dom.get('#Panel').destroy();
                glow.dom.get('body').append("<div id=\"Panel\"><p style=\"padding-top:50%;\"><b>vorige&nbsp;Farboption</b></p></div>");
                myPanel = new glow.widgets.InfoPanel('#Panel', {context: glow.dom.get('.carousel-prev'),pointerPosition: "r",offsetInContext: {x: "0%", y: "50%"}});
                myPanel.container.css('width','170px');
                myPanel.show();
                glow.dom.get('.panel-close').css('display','none');
            });
            glow.events.addListener(glow.dom.get('.carousel-prev'), "mouseout", function(event) {myPanel.hide();});
            glow.events.addListener(glow.dom.get('.carousel-next'), "mouseover", function(event) {
                glow.dom.get('#Panel').destroy();
                glow.dom.get('body').append("<div id=\"Panel\"><p style=\"padding-top:50%;\"><b>nächste&nbsp;Farboption</b></p></div>");
                myPanel = new glow.widgets.InfoPanel('#Panel', {context: glow.dom.get('.carousel-next'),pointerPosition: "l",offsetInContext: {x: "100%", y: "50%"}});
                myPanel.container.css('width','170px');
                myPanel.show();
                glow.dom.get('.panel-close').css('display','none');
            });
            glow.events.addListener(glow.dom.get('.carousel-next'), "mouseout", function(event) {myPanel.hide();});
        }

        if(document.getElementById('gallery')){
            var carousel6 = new glow.widgets.Carousel("#carousel",{
                vertical: true,
                size: 3
            });
            startgal();
        }
        if(document.getElementById('bestellForm')){


            var myloginForm = new glow.forms.Form("#bestellForm")
            .addTests(
                "Name",
                ["required", {
                    on: "submit",
                    message:"Geben Sie einen Namen ein!"
                }]
            )
            .addTests(
                "Anschrift",
                ["required", {
                    on: "submit",
                    message:"Geben Sie eine Anschrift ein!"
                }]
            )
            .addTests(
                "PLZundOrt",
                ["required", {
                    on: "submit",
                    message:"Geben Sie eine PLZ und einen Ort ein!"
                }]
            )
            .addTests(
                "Land",
                ["required", {
                    on: "submit",
                    message:"Geben Sie ein Land ein!"
                }]
            )
            .addTests(
                "Telefonnummer",
                ["required", {
                    on: "submit",
                    message:"Geben Sie eine Telefonnummer ein!"
                }]
            )
            .addTests(
                "Email",
                ["required", {
                    on: "change submit",
                    message:"Geben Sie eine gültige Email ein!"
                }],
                ["isEmail", {
                    on: "change submit",
                    message:"Das ist keine gültige Emailadresse!"
                }]
            )
        }
        if(document.getElementById('kontaktForm')){
          //rcf=document.getElementById('recaptcha_challenge_field').value;
            var myloginForm = new glow.forms.Form("#kontaktForm")
            .addTests(
                "Vorname",
                ["required", {
                    on: "submit",
                    message:"Geben Sie einen Vornamen ein!"
                }]
            )
            .addTests(
                "Nachname",
                ["required", {
                    on: "submit",
                    message:"Geben Sie einen Nachnamen ein!"
                }]
            )
            //.addTests(
//                "recaptcha_response_field",
//                ["ajax", {
//                    on: "submit",
//                    arg: function(response) {
//                        //alert(response.text())
//                        if(response.text()==1){
//                          return true;
//                        }else{
//                            Recaptcha.reload();
//                            rcf=document.getElementById('recaptcha_challenge_field').value;
//                            return false;
//
//                        }
//                },
//                url: "/shop/ucontrol/checkemail.php?recaptcha_response_field={recaptcha_response_field}&recaptcha_challenge_field={recaptcha_challenge_field}",
//                message:"Captcha wurde nicht richtig eingegeben!"
//                }]
//            )
            .addTests(
                "Email",
                ["required", {
                    on: "change submit",
                    message:"Geben Sie eine gültige Email ein!"
                }],
                ["isEmail", {
                    on: "change submit",
                    message:"Das ist keine gültige Emailadresse!"
                }]
            )
        }
    }

);
function setzoompos(o){
  var x=glow.dom.get('#zoomCursor').css('left');
  var y= glow.dom.get('#zoomCursor').css('top');
  var x1=Math.round((parseInt(x)-o)*-6.66);
  var y1=Math.round((parseInt(y))*-6.66);
  //glow.dom.get('#zoomPos').html('x:'+x+' y:'+y+'<br>x:'+x1+' y:'+y1+'<br>'+o);
  document.getElementById('zoomWindow').style.backgroundPosition=x1+'px '+y1+'px';
}
function rsw(){
    if (document.getElementById('picansicht').complete){
        myLb1.container.css('width',(picansichtw+40));
        myLb1.container.css('height',(picansichth+67));
        myLb1.setPosition('50%','50%');
        document.getElementById('myLightbox1').parentNode.parentNode.parentNode.parentNode.style.display='';
        window.clearInterval(aktiv);
    }
}
function showpic(w,h,b){
 if(h<=600){
    picansichtw=w;
    picansichth=h;
  }else{
    var f=h/600;
    picansichtw=w/f;
    picansichth=h/f;
  }
  myLb1.show();
  glow.dom.get('.glowNoMask').css('height',window.innerHeight);
  document.getElementById('myLightbox1').parentNode.parentNode.parentNode.parentNode.style.display='none';
  glow.dom.get('#picansicht').attr('src',b);
    glow.dom.get('#picansicht').attr('width',picansichtw);
    glow.dom.get('#picansicht').attr('height',picansichth);
}
rlistener=-1;
llistener=-1;
function showpic2(w,h,b,r){
    if(h<=600){
        picansichtw=w;
        picansichth=h;
    }else{
        var f=h/600;
        picansichtw=w/f;
        picansichth=h/f;
    }
    myLb1.show();
    glow.dom.get('.glowNoMask').css('height',window.innerHeight);
    document.getElementById('myLightbox1').parentNode.parentNode.parentNode.parentNode.style.display='none';
    glow.dom.get('#picansicht').attr('src',b);
    glow.dom.get('#picansicht').attr('width',picansichtw);
    //myLb1.width(w);
    glow.dom.get('#picansicht').attr('height',picansichth);
    if(llistener!=-1)glow.events.removeListener(llistener);
    if(rlistener!=-1)glow.events.removeListener(rlistener);
    lnr=parseInt(r)-1;
    rnr=parseInt(r)+1;
    llistener=glow.events.addListener(glow.dom.get('#glb'), "click", function(event) {
        switchpic(lnr)
    });
    rlistener=glow.events.addListener(glow.dom.get('#grb'), "click", function(event) {
        switchpic(rnr)
    });

    galbuts(lnr,rnr);
}
function switchpic(r){
    w=parseInt(galpix[r][0]);
    h=parseInt(galpix[r][1]);
    b=galpix[r][2];

    if(h<=600){
        picansichtw=w;
        picansichth=h;
    }else{
        var f=h/600;
        picansichtw=w/f;
        picansichth=h/f;
    }
    glow.dom.get('.glowNoMask').css('height',window.innerHeight);
    glow.dom.get('#picansicht').attr('src',b);
    glow.dom.get('#picansicht').attr('width',picansichtw);
    //alert(picansichtw)
    //myLb1.content.width(picansichtw+40);
    glow.dom.get('#picansicht').attr('height',picansichth);
    if(llistener!=-1)glow.events.removeListener(llistener);
    if(rlistener!=-1)glow.events.removeListener(rlistener);
    lnr=parseInt(r)-1;
    rnr=parseInt(r)+1;
    llistener=glow.events.addListener(glow.dom.get('#glb'), "click", function(event) {
        switchpic(lnr)
    });
    rlistener=glow.events.addListener(glow.dom.get('#grb'), "click", function(event) {
        switchpic(rnr)
    });
    aktiv = window.setInterval("rsw()", 10);
    galbuts(lnr,rnr);

}

function galbuts(lnr,rnr){
  if(lnr==0)glow.dom.get('#glb').css('display','none');
  else glow.dom.get('#glb').css('display','');
  if(rnr>geza)glow.dom.get('#grb').css('display','none');
  else glow.dom.get('#grb').css('display','');
}
function showpic1(w,h,b){
  if(h<=408){
    picansichtw=w;
    picansichth=h;
  }else{
    var f=h/408;
    picansichtw=w/f;
    picansichth=h/f;
  }
  glow.dom.get('#picansichtgal').html('<img src="'+b+'" width='+picansichtw+' height='+picansichth+' />');



}
function more(i){
  h_lang=document.getElementById("termtext_lang_"+i).offsetHeight;
  var myAnimation1 = glow.anim.css("#term_lang_"+i, 0.5,{
    "height": {from:0,to: h_lang}
  }, {
    tween: glow.tweens.easeBoth()
  });
  myAnimation1.start();
  document.getElementById('more'+i).style.display='none';
  document.getElementById('less'+i).style.display='';
}
function less(i){
  h_lang=document.getElementById("termtext_lang_"+i).offsetHeight;
  var myAnimation1 = glow.anim.css("#term_lang_"+i, 0.5,{
    "height": {from:h_lang,to: 0}
  }, {
    tween: glow.tweens.easeBoth()
  });
  myAnimation1.start();
  document.getElementById('more'+i).style.display='';
  document.getElementById('less'+i).style.display='none';
}
function makepanel(h,c,w){

    glow.dom.get('#Panel').destroy();
    glow.dom.get(c).append("<div id=\"Panel\"><p><font size=3><b>"+h+"</b><br><br></font></p><p><INPUT NAME=\"bild\" TYPE=\"file\"></p><p><input type=text name=test value=test /></p></div>");
    myPanel = new glow.widgets.InfoPanel('#Panel', {context: c});
    myPanel.container.css('width',w+'px');
    myPanel.show();
}
window.onresize=function(){
  var t=(glow.dom.get('body').height()-glow.dom.get('#content_div').height())/2-50;
  if(t<0)t=0;
  var l=glow.dom.get('body').width()/2-glow.dom.get('#content_div').width()/2;
  if(l<0)l=0;
  glow.dom.get('#content_div').css('top',t);
  glow.dom.get('#content_div').css('left',l);
  glow.dom.get('#zoomWindow').css('top',parseInt(glow.dom.get('#content_div').css('top'))+370);
  glow.dom.get('#zoomWindow').css('left',parseInt(glow.dom.get('#content_div').css('left')));
}