var blockAnimation=false;


var button = {
 halt_animation:0,
 'anim': function() {
        if(this.halt_animation==1)
          return;

        $("#buttonarrow").animate({
          left: "35px"
        }, 500, '', function() {
          $("#buttonarrow").animate({
            left: "28px"
           }, 500,'',function() {}
          )})

          $('#buttonframe').animate({ opacity:1},500,
              function() {$('#buttonframe').animate({ opacity:0},500)});
      },
   'init': function() {
           var ani = window.setInterval(button.anim, 3000);
        this.anim();

        $('#button').bind("mouseenter",function() {
          this.halt_animation=1;
          $('#buttonframe').stop().animate({ opacity:1},500);
          $('#buttonarrow').stop().animate({ left: "35px"},500);
          window.clearInterval(ani);
        });
        $('#button').bind("mouseleave",function() {
          this.halt_animation=0;
          $('#buttonframe').stop().animate({ opacity:0},500);
          $('#buttonarrow').stop().animate({ left: "28px"},500);
          ani = window.setInterval(button.anim, 3000);
        });
   }
}

function showMovie() {
    $('#overlaybg').css("opacity","0").css('display','block').gx({"opacity": "0.85"},400,"Linear");

    if($.support.opacity) {
        $('#overlay3').add('div.overlaycontent3').css("opacity","0").css('display','block').gx({"opacity": "1"},400,"Linear");
    } else {
        // this is for ie
        $('#overlay3').add('div.overlaycontent3').css('display','block');
    }

    $(document).scrollTo($('#overlay3'), 800);
    $('iframe[name=videoframe]').attr('src','flv/flvplayer/flashvideoplayer.html?video=x-campaign.flv&autoplay=true&width=720&height=440&ending=none&preloader=none');
    $('#button').css('display','none'); //.animate({"opacity": "0"},400, function(){$('#button')});
}

function showTab(id,selectorleft) {
    if(showTab.first) {
        $('.tab').not('#'+id).hide().css('opacity','0').css('height','535px');
        $('#'+id).show().css('opacity','1');
        $('#'+id+'selector').css('display','block');
        $('#tabs').add('#'+id).gx({'height':'535'},500,'Linear');
        showTab.first=false;
    } else {
        $('.tab').add('.divselector').hide().animate({opacity:0},100,'linear',function() {$('#'+id).add('#'+id+'selector').show().animate({'opacity':'1'},100,'linear');});
    }
}
showTab.first=true;
blockAnimation=false;

function tabLeft() {
    if(blockAnimation)
        return false;

    blockAnimation=true;
    vis=$(".tab:visible .page:visible");

    $("div.tab:visible").prepend('<div id="animationcontainer"></div>');
    $('#animationcontainer').css('height','514px').css("left","-983px");
     $(vis).prev().clone().show().appendTo('#animationcontainer');
    vis.clone().show().css('left','983px').appendTo('#animationcontainer');
    $("#animationcontainer").show();
    vis.hide();

    $("#animationcontainer").gx({"left": '0px'},800,"Quad", function(){
                                        $("#animationcontainer").remove();
                                        $(vis).prev().show();
                                        blockAnimation=false;
                                });
}

function tabRight() {
    if(blockAnimation)
        return false;

    blockAnimation=true;
    vis=$(".tab:visible .page:visible");

    $("div.tab:visible").prepend('<div id="animationcontainer"></div>');
    $('#animationcontainer').css('height','514px');

    vis.clone().show().css('display','block').appendTo('#animationcontainer');
     $(vis).next().clone().show().css('top','0px').css('left','983px').appendTo('#animationcontainer');

     $("#animationcontainer").show();
    vis.hide();


    $("#animationcontainer").gx({"left": '-983px'},800,"Quad", function(){
                                        $("#animationcontainer").remove();
                                        $(vis).next().show();
                                        blockAnimation=false;
                                });
}

function showDiashow() {
    $('#overlaycontent>div').css('display','none');
    $('#diashowcontent').css('display','block');
    $('#overlaybg').css("opacity","0").css('display','block').gx({"opacity": "0.8"},400,"Linear", function(){});
    $('#overlay').css("opacity","0").css('display','block').gx({"opacity": "1"},400,"Linear", function(){});
    $(document).scrollTo( $('#overlay'), 800);
}

function showImpressum() {
    $('#overlaycontent>div').css('display','none');
    $('#impressumcontent').css('display','block');

    $('#overlaybg').css("opacity","0").css('display','block').gx({"opacity": "0.8"},400,"Linear", function(){});
    $('#overlay').css("opacity","0").css('display','block').gx({"opacity": "1"},400,"Linear", function(){});
    $(document).scrollTo( $('#overlay'), 800);
}

formShown=false;

function showForm() {
    formShown=true;
    $('#contact').css('height','0px').css('display','block').gx({"height": "710"},400,"Linear", function(){$(document).scrollTo( $('#contact'), 800,{offset:-30});});
    $('#contactform').animate({'height':'660'},400);
    $('.nem-cb').css('display','block');
}

function showConfirmation() {
    hideForm();
    showConfirmationOverlay();
}


function showConfirmationOverlay() {
    $('#overlaybg').css("opacity","0").css('display','block').gx({"opacity": "0.85"},400,"Linear");
    $('#overlay2').css("opacity","0").css('display','block').gx({"opacity": "1"},400,"Linear");
    $('.overlaycontent2').css("opacity","0").css('display','block').gx({"opacity": "1"},400,"Linear");
    $('#button').css('display','none');
    $(document).scrollTo($('#overlay2'), 800,{offset:-100});
}

function hideForm(responseText, statusText) {
     var h = 710;

    $('#contact').css('height',h+'px').gx({"height": "0"},400,"Linear",
            function() {
                $('#contact').hide();
                formShown=false;
                 $('#contactfields').css('display','block');
            });
}

function validateForm() {
    if($('[name=telefon]').val()=='' || $('[name=email]').val()=='' || $('[name=vorname]').val()=='' || $('[name=name]').val()=='') {
        alert(unescape("Bitte geben Sie Ihren vollst%E4ndigen Namen%2C eine Telefonnummer%2C eine E-Mail-Adresse und die URL Ihrer Webseite an%21"));
        return false;
    }
    if(!$('#datenschutz').is(':checked')) {
        alert('Akzeptieren Sie bitte die Datenschutzbestimmungen!');
        return false;
    }
}

blockingChanges=false;

function showDia(id) {
    if(blockingChanges)
        return;

    setTimeout("blockingChanges=false;",1000);
    blockingChanges=true;
    old=$('.thumb:visible').attr('id');
    newid=$(id).attr('id');

    if(!$(id).hasClass('active')) {
        $('.thumb:visible').removeClass("active");
        $('#dia').gx({"opacity": "0"},400,"Linear", function(){
            $('#loadingimg').show();
            $('#dia').attr('src','img/'+newid+'.jpg');
            var h=$('#dia').attr('offsetHeight');
            h=parseInt(h)+22;
            $("#diashowcontent").gx({'height':h+'px'},500,'Linear',
                function() {
                    blockingChanges=false;
                    $('#loadingimg').hide();
                    $(id).addClass("active");
                    $('#dia').gx({"opacity": "1"},400,"Linear",function(){});
                });
        });
    }
}

$(document).ready(function(){
    nemantis.forms.checkbox('datenschutz');
    // initialize
    button.init();


    // bind events
    $('#tab1').click(function() {showTab('diashowdiv')});
    $('#tab2').click(function() {showTab('videodiv')});
    $('#tab3').click(function() {showTab('teamplayerdiv')});
    $('#tab4').click(function() {
        document.location='Produktbroschuere_XCAMPAIGN.pdf';
    });
    $('#playvideo').click(showMovie);

    $('.tableft_arrow').click(function() {tabLeft();});
    $('.tabright_arrow').click(function() {tabRight();});

    $('.dia').click(function() {
        showDiashow();
    })

    function closeButton() {
        $('#overlaybg').gx({"opacity": "0"},400,"Linear", function(){$('#overlaybg').css('display','none')});

        if($.support.opacity) {
           $('#overlay').gx({"opacity": "0"},400,"Linear", function(){$('#overlay').css('display','none');$('#button').css('display','block');});
           $('#overlay2').gx({"opacity": "0"},400,"Linear", function(){$('#overlay2').css('display','none');$('#button').css('display','block');});
           $('#overlay3').gx({"opacity": "0"},400,"Linear", function(){$('#overlay3').css('display','none');$('#button').css('display','block');});
           $('.overlaycontent2').gx({"opacity": "0"},400,"Linear", function(){$('.overlaycontent2').css('display','none');});
        } else {
           $('#button').css('display','block');
           $('#overlay').css('display','none');
           $('#overlay2').css('display','none');
           $('#overlay3').css('display','none');
           $('.overlaycontent2').css('display','none');
        }

        $('iframe[name=videoframe]').attr('src','');
    }

    $('#close').click(closeButton);
    $('.close').click(closeButton);

    $('#button').click(function() { if(!formShown) showForm();})
    $('#impressum').click(function() {
        showImpressum();
    })
    $('a.impressum').click(function() {
        showImpressum();
    })
    $('#impressum2').click(function() {
        showImpressum();
    })
    $('#closeform').click(function() {
        hideForm();
    })
    $('#formsubmit').click(function() {
         $('#contactform').ajaxSubmit({
                     beforeSubmit: validateForm,
                    success:      showConfirmation  // post-submit callback
                    });
            return false;
        });

    $('.thumb').click(function() {
        showDia(this);
    })

    // preload images
    dias = new Array();

    for(i=1;i<7;i++) {
        var dia = new Image();
        dia.src = "img/dia"+i+".jpg";
        dias.push(dia);
    }
});