$(document).ready(function(){

// --- GRAPHIC HIRES ---
//    $("a[rel]").overlay({
//	mask: '#FFFFFF',
//	onBeforeLoad: function() {
//           $(this.getOverlay()).remove().appendTo("body");
//           var triggerHref = this.getTrigger().attr("href");
//           var triggerImg = '<img src=\"'+triggerHref+'\" border=\"0\" alt=\"\" />';
//           var player = $("div.contentWrap").html(triggerImg);
//	   player.load();
//	}
//    });



// --- OVERLAY CLOSE ---

  $('.close').live('click', function() {   
      $(".overlay").fadeOut('slow', function() {});
      $("#exposeMask").fadeOut('slow');
  });



// --- CITATION SLIDER ---
  $(".citSlider").after('<span class=\"sliderArrow\"></span>');
  $(".citSlider").hide();
  $(".citation span.sliderArrow").click(function() {

    if($(this).hasClass('open')) {
      $(".citSlider").slideUp("slow");
      $(".citation span.sliderArrow").removeClass("open");
    } else {
      $(".citSlider").slideUp("slow");
      $(".citation span.sliderArrow").removeClass("open");
      $(this).prev().slideDown("slow");
      $(this).addClass("open");
    };

  });


// --- OVERLAY FORM ---

  if($.browser.msie && parseFloat($.browser.version) <7){} else{

    if($('#galOverlay').length){} else {
      $('body').append('<div id=\'galOverlay\' class=\'overlay\'><div class=\'contentWrap\'><img class=\"loader\" src=\'common/loader.gif\' alt=\'wird geladen\' /></div></div>');
    }


    $("a.btnOverlay[rel]").overlay({
        mask: '#333333',
        fixed: false,
        onBeforeLoad: function() {
            var path = this.getTrigger().attr("href");
            if($.browser.msie && parseFloat($.browser.version) == 7){
                $("#galOverlay").css("display","block");
            }
            loadBtnOverlay(path);
        },
        onClose: function() {
            $("#galOverlay .contentWrap").html("<img class=\"loader\" src=\'common/loader.gif\' alt=\'wird geladen\' />");
        }
    });


    function loadBtnOverlay (path) {
        $.ajax({url:path, data:"style=0", cache:"false", dataType:"text/html", success:function(html){
            $("#galOverlay").addClass('cOverlay');
            $("#galOverlay .contentWrap").css({"background":"transparent", "visibility":"hidden"}).html(html);
            $("#path").val(path);
            rePosition();
            initForm();
            }
        });
    };

  }

// --- CONTENT FORM VALIDATOR ---
  $.tools.validator.localize("de", {
	'*'		: 'Bitte dieses Feld korrigieren',
	':email'  	: 'Bitte geben Sie eine gültige Email-Adresse ein',
	':number' 	: 'Bitte geben Sie eine Nummer ein',
	':url' 		: 'Bitte geben Sie eine gültige URL ein',
	'[max]'	 	: 'Bitte geben Sie einen Wert kleiner als $1 ein',
	'[min]'		: 'Bitte geben Sie einen Wert größer als $1 ein',
	'[required]'	: 'Bitte füllen Sie dieses Feld aus'
  });

  $('#content form#formulous').attr('novalidate', 'novalidate');
  $("#content form#formulous").validator({lang: 'de'});
  if ($("input#el_callback").is("input:checked")) {
    $("input#el_telephone").attr("required", "required");
  };

// --- OVERLAY VIDEO ---
 if ($('.vidOverlay').length) {
  if($.browser.msie && parseFloat($.browser.version) <7){} else{


  if($('#galOverlay').length){} else {
    $('body').append('<div id=\'galOverlay\' class=\'overlay\'><div class=\'contentWrap\'><img class=\"loader\" src=\'common/loader.gif\' alt=\'wird geladen\' /></div></div>');
  }

  $("a.vidOverlay[rel]").overlay({
      mask: '#333333',
      fixed: false,
      onBeforeLoad: function() {
          var path = this.getTrigger().attr("href");
          if($.browser.msie && parseFloat($.browser.version) == 7){
              $("#galOverlay").css("display","block");
          }
          loadVideo(path);
      },
      onClose: function() {
          $("#galOverlay .contentWrap").html("<img class=\"loader\" src=\'common/loader.gif\' alt=\'wird geladen\' />");
      }
  });


  function loadVideo (path) {
      $.ajax({url:path, data:"style=0", cache:"false", dataType:"text/html", success:function(html){
          $("#galOverlay .contentWrap").css({"background":"transparent", "visibility":"hidden"}).html(html);
          rePositionVid();
          }
      });
  };

  function rePositionVid() {
        //get width of overlay
      var w = $("#player").width();
        //get height of overlay
      var h = $("#player").height();
        //get scroll offset of window
      var s = $(window).scrollTop();
        //calculate left property
      var l = Math.round(($(window).width() - w)/(2));
        //calculate top property
      var t = Math.round((($(window).height() - h)/(2))+s);
      $("#galOverlay .contentWrap").css({"width": w, "height":h});
      $("#galOverlay").animate({width: w, height:h, top: t, left: l},'15000', 'linear', function() {$('#galOverlay .contentWrap').css('visibility','visible');});
  };

  }
 }



});






// --- OVERLAY FORM VALIDATOR ---
function initForm (){
  $('.overlay form#formulous').attr('novalidate', 'novalidate');
  $(".overlay form#formulous").validator({lang: 'de'}).bind("onSuccess", function(e, els)  {

  // SET PATH
    var path = $(".overlay form#formulous input#path").val();

  // CHECK FOR ALL VALIDATION
    var numSucceeded = els.length,
    numExpected = $(this).data('validator').getInputs().length;

  // IF ALL VALIDATION HOLDS TRUE
    if (numSucceeded === numExpected) { 
        $.ajax({url:path, data:$('.overlay form#formulous').serialize()+"&btn=Absenden", cache:"false", dataType:"text/html", success:function(html){
          $(".formWrap").html(html);
          }
        });
      return false;
    }
  });

  if ($("input#el_callback").is("input:checked")) {
    $("input#el_telephone").attr("required", "required");
  };

};


function rePosition() {

      //get width of overlay
    var w = $("#showForm").width();
      //get height of overlay
    var h = $("#showForm").height();
      //get scroll offset of window
    var s = $(window).scrollTop();
      //calculate left property
    var l = Math.round(($(window).width() - w)/(2));
      //calculate top property
    var t = Math.round((($(window).height() - h)/(2))+s);
    $("#galOverlay .contentWrap").css({"width": w, "height":h});
    $("#galOverlay").animate({width: w, height:h, top: t, left: l},'15000', 'linear', function() {$('#galOverlay .contentWrap').css('visibility','visible');});
};