/* ---------------------------------------------------------------------------------- */
/* ----- Functies: onLoad ----------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */

$(document).ready(function() {
  // Lightbox activeren
  $("a[rel*=lightbox]").lightbox();
  $("#overlay").css({ "opacity": "0.6" });

  // Fader starten indien aanwezig (projectpagina's)
  initFader("#carousel", 3000, 2000);

  initPopups();
});


/* ---------------------------------------------------------------------------------- */
/* ----- Functies: Algemeen --------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */

// Standaard-tekst in input verbergen (onFocus)
function textFieldFocus(object, defaultValue) {
  if (object.value == defaultValue) {
    object.value = "";
  }
}

// Standaard-tekst in input tonen (onBlur)
function textFieldBlur(object, defaultValue) {
  if (object.value == "") {
    object.value = defaultValue;
  }
}

function AjaxOpenPage(div, page) {  
  field = document.getElementById(div);    
  var xmlhttp;
  if (window.ActiveXObject) {
    xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
  }
  else {
    xmlhttp = new XMLHttpRequest();
  }
  if (xmlhttp) {
    var date = new Date();
    var random = date.getTime();
    xmlhttp.open("GET", page + "&random=" + random, true);
    xmlhttp.onreadystatechange = function() {
      if (xmlhttp.readyState == 4) {
        result = xmlhttp.responseText;
        field.innerHTML = result;
        $("a[rel*=lightbox]").lightbox();
      }
    }
    xmlhttp.send(null)
  }
}

/* ---------------------------------------------------------------------------------- */
/* ----- Functies: Popup ------------------------------------------------------------ */
/* ---------------------------------------------------------------------------------- */
function initPopups() {
  var wrapperHeight = $(document).height();
  if ($('.main-popup').length > 0) {
    $('.main-popup-wrapper').css({ opacity: 0.7 }).height($(document).height()); ;
    $('.main-popup-wrapper').click(closePopup);
    $('.main-popup .btn-inklappen').click(closePopup);

    $('.bedrijfsvideo').click(openPopup);
  }
  if ($('.news-popup').length > 0) {
    $('.news-popup-wrapper').css({ opacity: 0.7 }).height($(document).height()); ;
    $('.news-popup-wrapper').click(closePopupNews);
    $('.news-popup .btn-inklappen').click(closePopupNews);

    $('.banner-nieuws').click(openPopupNews);
  }
}

function openPopup() {
  $('.main-popup').animate(
    { height: '288px', top: '152px', marginLeft: '-250px', paddingTop: '25px', paddingBottom: '25px', width: '525px' }
		//{ height: '270px', top: '152px', left: '500px', paddingTop: '25px' }
  );
  toonVideo();
  setTimeout(function() {
    $('.main-popup .btn-uitklappen').fadeOut();
    $('.main-popup .btn-inklappen').fadeIn();
    $('.main-popup .main-content').fadeIn();

    $('.main-popup-wrapper').fadeIn();
  }, 100);
  return false;
}

function closePopup() {
  $('.main-popup').animate(
    { height: '0px', width: '0px', top: '554px', marginLeft: '0', paddingTop: '0px', paddingBottom: '0px' }
  );

  $('.main-popup .btn-uitklappen').fadeIn();
  $('.main-popup .btn-inklappen').fadeOut();
  $('.main-popup .main-content').fadeOut();
  $('.main-popup-wrapper').fadeOut();
  return false;
}

function toonVideo() {
  var flashvars = {};
  var params = {};
  var attributes = {};
  var width = 525;
  var height = 288;
  var video = 'bedrijfsvideo.flv';
  //document.getElementById("specialcontent_popup").style.display = 'none';
  flashvars.breedte=width;
  flashvars.hoogte=height;
  flashvars.video1 = "/upload/" + video;
  flashvars.looping= "1";
  params.autostart="true";
  params.allowFullScreen="false";
  params.wmode="opaque";
  params.allowScriptAccess="always";
  params.expressinstall = "false";
  $('#video').html("<embed src='/player3.swf' width='" + width + "' height='" + height + "' autostart='true' quality='high' FlashVars='video1=/upload/" + video + "&hoogte=" + height + "&breedte=" + width  + "&looping=1' allowScriptAccess='always' wmode='opaque' type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer' />");
  //document.getElementById(el).innerHTML = ;
}

function openPopupNews() {
  $('.news-popup').animate(
    { height: '288px', top: '152px', marginLeft: '-250px', paddingTop: '25px', paddingBottom: '25px', width: '525px' }
  //{ height: '270px', top: '152px', left: '500px', paddingTop: '25px' }
  );
  toonVideo();
  setTimeout(function () {
    $('.news-popup .btn-uitklappen').fadeOut();
    $('.news-popup .btn-inklappen').fadeIn();
    $('.news-popup .main-content').fadeIn();

    $('.news-popup-wrapper').fadeIn();
  }, 100);
  return false;
}

function closePopupNews() {
  $('.news-popup').animate(
    { height: '0px', width: '0px', top: '554px', marginLeft: '0', paddingTop: '0px', paddingBottom: '0px' }
  );

  $('.news-popup .btn-uitklappen').fadeIn();
  $('.news-popup .btn-inklappen').fadeOut();
  $('.news-popup .main-content').fadeOut();
  $('.news-popup-wrapper').fadeOut();
  return false;
}


/* ---------------------------------------------------------------------------------- */
/* ----- Functies: Fader (carousel projecten) --------------------------------------- */
/* ---------------------------------------------------------------------------------- */

function initFader(container, pauseDuration, fadeDuration) {
  var maxItems = $(container).find("li").length;
  if (maxItems > 1) {
    var nextItem = 1;
    var currentItem = 0;

    setInterval(function() {
      if (nextItem > (maxItems - 1)) { nextItem = 0; }
      if (currentItem) $(container).find("li:eq(" + currentItem + ")").fadeOut(fadeDuration, function(e) { $(this).css("z-index", "0") });
      $(container).find("li:eq(" + nextItem + ")").css("z-index", "10").fadeIn(fadeDuration);
      currentItem = nextItem;
      nextItem++;
    }, (pauseDuration + fadeDuration));
  }
}