$(document).ready(function() {
  ContainerInViewport();

  $(".Menu ul li").each(function() {
    $(this).html("> "+$(this).html());
  });

  $("#Search").focus(function() {
    if ($(this).val() == "zoeken") { $(this).val(""); }
  }).blur(function() {
    if ($(this).val() == "") { $(this).val("zoeken"); }
  });
});

$(window).resize(ContainerInViewport);


function ContainerInViewport() {
  var insideViewportV = true;
  if ($("#Container").offset().top < 0) { insideViewportV = false; };
  if ($(window).height() < $("#Container").height()) { insideViewportV = false; }

  var insideViewportH = true;
  if ($("#Container").offset().left < 0) { insideViewportH = false; };
  if ($(window).width() < $("#Container").width()) { insideViewportH = false; }
  
  if (insideViewportV && insideViewportH) {
    $("#Container").stop().animate({ top : "50%", left : "50%", marginTop: "-378px", marginLeft: "-500px" }, 100);
  } else {
    if (!insideViewportV && !insideViewportH) {
      $("#Container").stop().animate({ top : "0%", left : "0%", marginTop: "0px", marginLeft: "0px" }, 100);
    } else {
      if (!insideViewportV) { $("#Container").stop().animate({ top : "0%", left : "50%", marginTop: "0px", marginLeft: "-500px" }, 100); }
      if (!insideViewportH) { $("#Container").stop().animate({ top : "50%", left : "0%", marginTop: "-378px", marginLeft: "0px" }, 100); }
    }
  }
}