$(document).ready(function(){
//  loadLinks();         //Laadt de namen en onderdelen van de 3 tabs van het hoofdmenu
  showOverlay();       //plaatst de overlay van de banners
  loadRandomQuote();   //Laadt een random quote bij het laden van de pagina
  bindDivLinks();      //Laadt het click.event van verschillende divs
  bindButtonModal();   //Laadt het script dat het faden van de modal overlay regelt
  addListItemId();     //Geef ID's aan list items van de ul#contact, dit komt uit wordpress, en id's konden niet gezet worden
  fixSpacingLinks();   //Variabele ruimte tussen de partner en social-network links. background blog.
  showBlogPosts();     //Bepaalt welke blogposts er onder nieuws zichtbaar zijn
  autoSuggest();       //Vult lijst met suggesties bij typen in zoekveld en koppelt events
});

// voor validation blog comment form
$().ready(function() {
	var container = $('div.comment_err_container');
	// validate the form when it is submitted
	var validator = $("#commentform").validate({
		errorContainer: container,
		meta: "validate"
	});
});

// variabelen Bel Mij Terug
var autoCloseTime = 5000;

//variabelen voor de link rotator
var linkInterval;
//var links;
var curLink = 1;
var timer = 5000;    //om de hoeveel seconden er gewisseld wordt
var fadeSpeed = 300;  //Hoe snel er in en uit gefadet wordt.
var firsttime= true;  //Eerste keer wordt het eerste tabblad geladen

//variabelen flash banner
var flashHeightCampagne = 150;
var flashWidthCampagne = 690;
var flashHeightRecruit = 350;
var flashWidthRecruit = 240;

// variabele auto-suggest, bepaalt welke suggestie geselecteerd is
var currentSelection=-1;

// geeft suggesties gebaseerd op alle zoektermen aanwezig in de Lucene index bij het typen in het zoekveld
function autoSuggest()
{
  $('.suggest').hide();

  $('.s').keyup(function(e){
    // filter 2 keys, event voor deze zijn lager gedefineerd.
    if(e.keyCode != 38 && e.keyCode != 40)
    {
      currentSelection=-1;
      inputString = $(this).val();
      if (inputString.length > 1)
      {
        suggest(inputString, $(this).next().next());
      }
      else
      {
        $(this).next().next().hide();
      }
    }
  });

  $('.s').focus(function(){
    $('.suggest').hide();
  });

  function suggest(inputString, element)
  {
    $.post( '/wp-content/themes/default/zoek/suggest.php',
          {'query': ''+inputString+''},
          function(data){
            if(data.length >0) {
                element.show();
                element.html(data);
             }
          }, 'html');
  }

// keypress wordt niet goed ondersteund door Chrome en IE
//  $(document).keypress(function(e) {
//  $(document).keyup(function(e) {
  $(document).keydown(function(e) {
      if (currentSelection != -1)
      {
        switch(e.keyCode)
        {
           // up arrow
           case 38:
              navigate('up');
              break;
           // down arrow
           case 40:
              navigate('down');
              break;
           // enter
           case 13:
              fill($('.itemhover span:first-child').html());
              break;
           default:
              break;
        }
      }
      else
      {
         switch(e.keyCode)
         {
           // up arrow
           case 38:
              navigate('up');
              break;
           // down arrow
           case 40:
              navigate('down');
              break;
           default:
              break;
         }
      }
   });
   
   function navigate(direction) {
     // check of er een suggestie is geselecteerd.
     if($(".suggest li").size() == 0) 
     {
        currentSelection = -1;
     }

     if(direction == 'up' && currentSelection != -1) 
     {
        if(currentSelection != 0) 
        {
           currentSelection--;
        }
     }  
     else if (direction == 'down')
     {
        if(currentSelection != $(".suggest li").size() -1) 
        {
           currentSelection++;
        }
     }
     setSelected(currentSelection);
   }
   
   // voeg class toe aan geselecteerde suggestie voor css stijl
   function setSelected(menuitem) 
   {
     $(".suggest li").removeClass("itemhover");
     $(".suggest li").eq(menuitem).addClass("itemhover");
   }
}

function fill(thisValue)
{
    $('.s').val(thisValue);
    $('.suggest').hide();
    $('.searchform').submit();
}

// de contact links kunnen geen id krijgen vanuit wordpress, daarom worden ze hier gezet.
function addListItemId()
{
  $('ul#contact li:nth-child(1)').attr('id','li1');
  $('ul#contact li:nth-child(2)').attr('id','li2');
  $('ul#contact li:nth-child(3)').attr('id','li3');
  $('ul#contact li:nth-child(4)').attr('id','li4');
}

// Zorgt voor juiste spacing tussen partner-links en social-links. Zorgt voor de hoogte van de background repeater op blog-pagina's
// Niet erg netjes om de stijl via script te regelen, maar zo werkt het altijd
function fixSpacingLinks()
{
  var whiteSpace;
  var margin;
  var number = $('div#partner-items').children().size();
  var imageWidth = 78;
  var divWidth = 900;
  whiteSpace = divWidth-(number+1)*imageWidth;
  margin = 100*(whiteSpace/number)/divWidth;
  $('#partner-items a').css({'margin-left': margin+'%'});

  var whiteSpace;
  var margin;
  var number = $('div#social-items').children().size();
  var imageWidth = 30;
  var divWidth = 180;
  whiteSpace = divWidth-(number+1)*imageWidth;
  margin = 100*(whiteSpace/number)/divWidth;
  $('#social-items a').css({'margin-left': margin+'%'});
  
  var postheight = $('.single-border').height();
  var commentheight = $('.commentlist').height();
  $('.sizesingle').css("height", 200+postheight+commentheight);
  
  var pageheight = 100 + $('#content .post-border').eq(0).height() + $('#content .post-border').eq(1).height() + $('#content .post-border').eq(2).height() + $('#content .post-border').eq(3).height() +$('#content .post-border').eq(4).height();
  var archiveheight = 100 + $('#content-index .post-border').eq(0).height() + $('#content-index .post-border').eq(1).height() + $('#content-index .post-border').eq(2).height() + $('#content-index .post-border').eq(3).height() +$('#content-index .post-border').eq(4).height();
  $('.size5').css("height", pageheight+archiveheight);
}

function showBlogPosts()
{
  var newsItem = 1;
  var prevItem = 1;
  var maxPosts = $('.tddrecentposts').children().size();
  $('#browse-buttons').html('<div id="nieuwer"><span>nieuwer</span></div><div id="ouder"><span>ouder</span></div>');
  checkButtons();
  var position = 0;

  function checkButtons()
  {
    if (newsItem <= 1)
    {
      $('#ouder').css({'display':'block'});
      $('#nieuwer').css({'display':'none'});
    }
    else if (newsItem >= maxPosts - 2)
    {
      $('#ouder').css({'display':'none'});
      $('#nieuwer').css({'display':'block'});
    }
    else
    {
      $('#ouder').css({'display':'block'});
      $('#nieuwer').css({'display':'block'});
    }
  }

  $('#ouder').click(function(){
    prevItem = newsItem;
    newsItem += 3;
    if (newsItem >maxPosts -2 ) newsItem = maxPosts-2;
    checkButtons();
    position -= 690;
    $('ul.tddrecentposts').animate({marginLeft:position}, 800);
  });
    
  $('#nieuwer').click(function(){
    prevItem = newsItem;
    newsItem -= 3;
    if (newsItem <1) newsItem = 1;
    checkButtons();
    position += 690;
    $('ul.tddrecentposts').animate({marginLeft:position}, 800);
  });

  $('#ouder, #nieuwer').mouseover(function(){
    $(this).css({'background-position':'0 -10px'});
  });
  $('#ouder, #nieuwer').mouseout(function(){
    $(this).css({'background-position':'0 0'});
  });

}

function showOverlay()
{
  var overlayText = $('.campagneoverlay img').attr('alt');
  var overlayCampagneLink = $('.campagneoverlay').attr('href');
  var image = $('.campagneoverlay img').attr('src');
  //Als bij description 'flash' wordt meegegeven, kan een flashbanner worden geplaatst ipv een plaatje.
  if (overlayText == 'flash')
  {
    $('.campagneoverlay').html('<object codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="'+flashWidthCampagne+'" height="'+flashHeightCampagne+'"><param name="movie" value="'+image+'" /><param name="quality" value="high" /><embed src="'+image+'" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent" width="'+flashWidthCampagne+'" height="'+flashHeightCampagne+'"></embed></object>');
  }
  else if(overlayText != null)
  {
    var textArray = overlayText.split('|');
    $('#campagneoverlay').html('<h4 class="banner">'+textArray[0]+'</h4><span>'+textArray[1]+'</span>');
  }
  
  var overlayText = $('.recruitoverlay img').attr('alt');
  var overlayRecruitLink = $('.recruitoverlay').attr('href');
  if (overlayText == 'flash')
  {
    $('.recruitoverlay').html('<object codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="'+flashWidthRecruit+'" height="'+flashHeightRecruit+'"><param name="movie" value="'+image+'" /><param name="quality" value="high" /><embed src="'+image+'" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent" width="'+flashWidthRecruit+'" height="'+flashHeightRecruit+'"></embed></object>');
  }
  else if(overlayText != null)
  {
    var textArray = overlayText.split('|');
    $('#recruitoverlay').html('<h4 class="banner">'+textArray[0]+'</h4><span>'+textArray[1]+'</span>');
  }
  
  $('#campagneoverlay').click(function(){
    window.location = overlayCampagneLink;
  });
  $('#recruitoverlay').click(function(){
    window.location = overlayRecruitLink;
  });
}

//Functies voor de Bel mij overlay
function bindButtonModal()
{
  //clear van searchveld, hoort niet bij overlay
  $('.s').click(function(){
    $(this).val('');
  });

  $('#form-name, #form-company, #form-tel, #inputtime').click(function(){
//    $(this).val('');
    if ($(this).attr('defaultValue')==$(this).val()) {
    	$(this).val('');
    }
  });

  $('#form-name, #form-company, #form-tel, #inputtime').blur(function(){
    if ($(this).val()=='') {
    	$(this).val($(this).attr('defaultValue'));
    }
  });

  $('#inputtime').attr('disabled', 'disabled');

  $('input[name="when"]').click(function(){
    $('#inputtime').attr('disabled', 'disabled');
    if($(this).hasClass('enable')) {
        $("#inputtime").attr('disabled','');
        $("#inputtime").focus();
        if ($("#inputtime").attr('defaultValue')==$("#inputtime").val()) {
        	$("#inputtime").val('');
        }
        	
    }
  });

  //Open overlay
  $('div#call_me').click(function(){
     var maskHeight = $(document).height();
     var maskWidth = $(document).width();
     clearInterval(linkInterval);
     $('div#mask').css({'width':maskWidth,'height':maskHeight, 'opacity': '0.65'});
//     $('div#mask').fadeIn(300);
     $('div#mask').show();
     $('div#modal').css({'top':'33%', 'left':'33%'});
//     $('div#modal').fadeIn(300);
     $('div#modal').show();
  });

  //Close overlay bij click op sluitknop
  $('#belmijtitel').click(function(){
     closeOverlay();
  });

  //Close overlay bij click op achtergrond
  $('div#mask').click(function(){
     closeOverlay();
  });

  //Close overlay bij druk op escape
  $(document).keypress(function (e){
    if (e.keyCode == 27)
    {
      closeOverlay();
    }
  });

  function closeOverlay()
  {
     $('div#modal').fadeOut(300);
     $('div#mask').fadeOut(300);
     linkInterval = setInterval(changeLinks, timer);
  }

  $('input#inputtime').select(function(){
    $('input[name="when"]')[1].checked = true;
    });

  //Verstuur knop
  $('a#form-verstuur-button').click(function(){
     var name = $('input#form-name').val();
     var company = $('input#form-company').val();
     var tel = $('input#form-tel').val();
     var time = $('input[@name="when"]:checked').val();
     if (time == 2)
     {
       time = 'Bel om '+$('input#inputtime').val();
     }
     $.get( "wp-content/themes/default/script/send_mail.php",
         {'name': name, 'company': company, 'tel': tel,'time': time },
            function(data){
             var success = data.split('|');
             if (success == 'success')
             {
               $('div#modal').html("<div id=\"belmijtitel\"><span>BEL MIJ TERUG</span></div><div id=\"result\">Bedankt voor het versturen van uw verzoek </div>");
               setInterval(closeOverlay, autoCloseTime);
             }
             else
             {
               $('div#modal').html("<div id=\"belmijtitel\"><span>BEL MIJ TERUG</span></div><div id=\"result\">Versturen niet gelukt</div>");
             }
             $('#belmijtitel').click(function(){
             closeOverlay();
         });
     });
  });
}

/*
function loadLinks()
{
   getMenuLinks();
   getLinks('hoofdmenu_1');
   getLinks('hoofdmenu_2');
   getLinks('hoofdmenu_3');

   $('#loading').load(function(){
     $('#loading').fadeOut(200);
   });
   $('#loading').fadeOut(200);

   $('div#content-list_hoofdmenu_1').fadeIn(fadeSpeed);
   $('div#content-text_hoofdmenu_1').fadeIn(fadeSpeed);
}

//Laadt de links in het hoofdmenu per tab
function getMenuLinks()
{
    $.get( "wp-content/themes/default/get_menu.php",
           function(data){
           $('#link-rotator-menu').append(data);
           bindLinkRotator();
           }, "html");
}

//functie voor het ophalen van de juiste links per categorie, quote rotatie wordt ook meteen meegenomen
function getLinks(categorie)
{
  $.get( "wp-content/themes/default/get_links.php",
         {"class": categorie },
           function(data){
                $('div#content-list_'+categorie).html(data);
                $('.clicklink').click(function(){
                   window.location = $(this).children('span').children('a').attr('href');
                });
           }, "html");

  $.get( "wp-content/themes/default/get_menu_text.php",
         {"class": categorie },
         function(data){
                $('div#content-text_'+categorie).html(data);
         }, "html");
}

function changeLinks()
{
  curLink = (curLink+1 >3) ? 1:curLink+1;
  var item = curLink;
  var item2 = (item+1 > 3) ? 1 : item+1;
  var item3 = (item2+1 > 3) ? 1 : item2+1;

  $('#hoofdmenu_'+item2+'_over').fadeOut(fadeSpeed);
  $('#hoofdmenu_'+item3+'_over').fadeOut(fadeSpeed, function(){
    $('#hoofdmenu_'+item+'_over').fadeIn(fadeSpeed);
  });

  $('div#content-list_hoofdmenu_'+item2).fadeOut(fadeSpeed);
  $('div#content-list_hoofdmenu_'+item3).fadeOut(fadeSpeed, function(){
    $('div#content-list_hoofdmenu_'+item).fadeIn(fadeSpeed);
  });

  $('div#content-text_hoofdmenu_'+item2).fadeOut(fadeSpeed);
  $('div#content-text_hoofdmenu_'+item3).fadeOut(fadeSpeed, function(){
    $('div#content-text_hoofdmenu_'+item).fadeIn(fadeSpeed);
  });
}

function changeLinksFast()
{
  var item = curLink;
  var item2 = (item+1 > 3) ? 1 : item+1;
  var item3 = (item2+1 > 3) ? 1 : item2+1;

  $('#hoofdmenu_'+item2+'_over').css({'display':'none'});
  $('#hoofdmenu_'+item3+'_over').css({'display':'none'});
  $('#hoofdmenu_'+item+'_over').css({'display':'block'});


  $('div#content-list_hoofdmenu_'+item2).css({'display':'none'});
  $('div#content-list_hoofdmenu_'+item3).css({'display':'none'});
  $('div#content-list_hoofdmenu_'+item).css({'display':'block'});

  
  $('div#content-text_hoofdmenu_'+item2).css({'display':'none'});
  $('div#content-text_hoofdmenu_'+item3).css({'display':'none'});
  $('div#content-text_hoofdmenu_'+item).css({'display':'block'});
}
*/

//function loadRandomQuote()
//{
//  $.get( "wp-content/themes/default/get_quote.php",
//         function(data){
//           $('div#quotediv').fadeOut(300, function(){
//             $('div#quotediv').html(data);
//             });
//             $('div#quotediv').fadeIn(10);
//      });
//}

function loadRandomQuote()
{
$.get( "wp-content/themes/default/get_quote.php",
       function(data){
           $('div#quotediv').html(data);
    });
}

function bindDivLinks()
{
  $('div#quotediv').click(function(){
     window.location = $('div#qsource').text();
  });
  $('div.widget_text .title').click(function(){
     window.location = 'http://www.ogd.nl/';
  });
  $('div#know-more-side').click(function(){
     window.location = 'http://www.ogd.nl/';
  });
}

/*
//mouseover en out events voor het link-menu
function bindLinkRotator()
{
   linkInterval = setInterval(changeLinks, timer);

   $('#hoofdmenu_1').hoverIntent(function(){
      curLink = 1;
      changeLinksFast();
      clearInterval(linkInterval);
   }, function(){
      linkInterval = setInterval(changeLinks, timer);
   });
   $('#hoofdmenu_2').hoverIntent(function(){
      curLink = 2;
      changeLinksFast();
      clearInterval(linkInterval);
   }, function(){
      linkInterval = setInterval(changeLinks, timer);
   });
   $('#hoofdmenu_3').hoverIntent(function(){
      curLink = 3;
      changeLinksFast();
      clearInterval(linkInterval);
   }, function(){
      linkInterval = setInterval(changeLinks, timer);
   });

   $('div#top-links-content').hoverIntent(function(){
      clearInterval(linkInterval);
   }, function(){
      linkInterval = setInterval(changeLinks, timer);
   });
}
*/

function facebookShareClick() 
{
  u="http://www.ogd.nl/blog";
  t=document.title;
  window.location = 'http://www.facebook.com/sharer.php?u='+encodeURIComponent(u)+'&t='+encodeURIComponent(t);
  return false;
}