//Preload images function
(function($) {
  var cache = [];
  $.preLoadImages = function() {
    var args_len = arguments.length;
    for (var i = args_len; i--;) {
      var cacheImage = document.createElement('img');
      cacheImage.src = arguments[i];
      cache.push(cacheImage);
    }
  }
})(jQuery)
    
$(function(){
    $('.bottomLink').click(function(){
       $('#cafeZoeken').toggle();
       $('#afdelingZoeken').toggle();
    });
  });
    
$(document).ready(function () {  
  
    $("a[href^='http']").attr('target', '_blank');
    $("a[href$='pdf']").attr('target', '_blank');

    $('#info').hover(
       function(){$('#ptag').show();}, //shows when hovering over
       function(){$('#ptag').hide();} //Hides when hovering finished
    );
  
    // Watermark op de Algemene Zoekfunctie
    if ($("#zoekTerm").length > 0) {
        $("#zoekTerm").Watermark("Zoek een trefwoord...","#005f5c");
    }
    // Watermark op Zoek een cafe
    if($("#zoekTermCafe").length > 0) {     
        $("#zoekTermCafe").Watermark("Woonplaats...","#636363");     
    }
    // Watermark op Zoek een cafe
    if($("#zoekTermAfdeling").length > 0) {     
        $("#zoekTermAfdeling").Watermark("Woonplaats...","#636363");     
    }
      
    // Watermark op Zoek een cafeblok
    if($("#zoekTermCafeBlok").length > 0) {     
        $("#zoekTermCafeBlok").Watermark("Plaatsnaam...","#636363");     
    }
  
    // Watermark op Zoek een afdelingblok
    if($("#zoekTermAfdelingBlok").length > 0) {     
        $("#zoekTermAfdelingBlok").Watermark("Plaatsnaam...","#636363");     
    }
  
    // Watermark op Zoek een afdelingblok
    if($("#searchInputLeftColumn").length > 0) {     
        $("#searchInputLeftColumn").Watermark("Vul een trefwoord in","#636363");     
    }
  
    // Watermark op Cafepagina
    if($("#zoekCafe").length > 0) {     
        $("#zoekCafe").Watermark("Plaatsnaam...","#005f5c");     
    }
  
    // Watermark op Regionale Afdelingen
    if($("#afdelingen").length > 0) {     
        $("#afdelingen").Watermark("Zoek een afdeling bij u in de buurt...","#005f5c");     
    }
  
    //Tabs
    $('#TabLeftContent #tabs div#tab-1').hide();
    $('#TabLeftContent #tabs div#tab-2').hide();
    $('#tabs div:first').show();
    $('#tabs ul li:first').addClass('active');
    $('#tabs ul li:last').addClass('inactive');
    $('#tabs ul li a.tab').click(function(){
      $('#tabs ul li').removeClass('active'); // Remove active class from all links
      $('#tabs ul li').removeClass('inactive'); // Remove active class from all links
      $(this).parent().addClass('active'); //Set clicked link class to active
      if ($('#tabFirst').hasClass('active')){
        ($('#tabSecond').addClass('inactive'));
      }
      if ($('#tabSecond').hasClass('active')){
          ($('#tabFirst').addClass('inactive'));  
        };
        if ($('#tabFirst').hasClass('inactive')){
          $('#tabFirst').css('background-image', 'url(/media/1142/tabLeftNoActive.png)');  
          $('#tabFirst').mouseover(function() {
            $('#tabFirst').css('background-image', 'url(/media/1163/tabLeftNoActiveHover.png)');
          });
          $('#tabFirst').mouseout(function() {
            $('#tabFirst').css('background-image', 'url(/media/1142/tabLeftNoActive.png)');
          });
        };
        if ($('#tabFirst').hasClass('active')){
          $('#tabFirst').css('background-image', 'url(/media/238/tableft.png)');
          $('#tabFirst').mouseover(function() {
            $('#tabFirst').css('background-image', 'url(/media/238/tableft.png)');
          });
          $('#tabFirst').mouseout(function() {
            $('#tabFirst').css('background-image', 'url(/media/238/tableft.png)');
          });
        };
      
        if ($('#tabSecond').hasClass('inactive')){
          $('#tabSecond').css('background-image', 'url(/media/1143/tabRightNoActive.png)');
          $('#tabSecond').mouseover(function() {
            $('#tabSecond').css('background-image', 'url(/media/1164/tabRightNoActiveHover.png)');
          });
          $('#tabSecond').mouseout(function() {
            $('#tabSecond').css('background-image', 'url(/media/1143/tabRightNoActive.png)');
          });
        };
        if ($('#tabSecond').hasClass('active')){
          $('#tabSecond').css('background-image', 'url(/media/243/tabright.png)');
          $('#tabSecond').mouseover(function() {
            $('#tabSecond').css('background-image', 'url(/media/243/tabright.png)');
          });
          $('#tabSecond').mouseout(function() {
            $('#tabSecond').css('background-image', 'url(/media/243/tabright.png)');
          });
        };
      var currentTab = $(this).attr('href');
      $('#TabLeftContent #tabs div#tab-1').hide();
      $('#TabLeftContent #tabs div#tab-2').hide();
      $(currentTab).show();
      return false;  
    });
  
    //Preload tabHoverImages
    jQuery.preLoadImages("/media/1164/tabRightNoActiveHover.png", "/media/1163/tabLeftNoActiveHover.png");
  
    //Uitgelicht header
    if($("#uitgelicht").length > 0) {
        
        var carouselItems3 = $("#uitgelicht li").size();
        var carouselCounter3 = 1;
        
        $(this).everyTime(10000, 2, function() {
         $("#uitgelicht li.active").fadeOut(500).removeClass("active");
         $("#uitgelicht a.active").removeClass("active");
        
         if (carouselCounter3 == carouselItems3) {
           carouselCounter3 = 1;
         } else {
           carouselCounter3 = carouselCounter3 + 1;
         }
         
         $("#uitgelicht li.foto" + carouselCounter3).fadeIn(500).addClass("active");
         $("#uitgelicht a.foto" + carouselCounter3).addClass("active");
        });
        
        var clickedElementClassName3 = null;
        
         $("#uitgelicht .jcarousel-control a").click(function() {
         $(this).stopTime(2);
         
         $("#uitgelicht li:visible:not(.active)").hide();
         
         clickedElementClassName3 = this.className.replace(' active', '');
         correspondingElement3 = $("#uitgelicht li." + clickedElementClassName3);
         
         if (!correspondingElement3.is(":visible")) {
           $("#uitgelicht li.active").fadeOut(500).removeClass("active");
           $("#uitgelicht a.active").removeClass("active");
           
           $("#uitgelicht li." + clickedElementClassName3).fadeIn(500).addClass("active");
           $("#uitgelicht a." + clickedElementClassName3).addClass("active");
         }
         
         carouselCounter3 = clickedElementClassName3.replace('foto', '') * 1;
         
         $(this).everyTime(10000, 2, function() {
           $("#uitgelicht li.active").fadeOut(500).removeClass("active");
           $("#uitgelicht a.active").removeClass("active");
         
           if (carouselCounter3 == carouselItems3) {
             carouselCounter3 = 1;
           } else {
             carouselCounter3 = carouselCounter3 + 1;
           }
           
           $("#uitgelicht li.foto" + carouselCounter3).fadeIn(500).addClass("active");
           $("#uitgelicht a.foto" + carouselCounter3).addClass("active");
         });
         
         return false;
        });
    }
  
  $(".Section").click(function(){
     window.location=$(this).find("a").attr("href");
     return false;
  });
  
  //Carousel Extranet home
  jQuery('#extranetCarousel').jcarousel({
    vertical: true
  });
  
  //Carousel configuration
  jQuery('#carouselVertical').jcarousel({
    vertical: true
  });
  
  //CarouselRight configuration
  jQuery('#carouselVerticalRight').jcarousel({
    vertical: true,
    scroll: 4
  });
  
  //Achtergrond wijzigen bij hover op bovenligggende a
  $('.carouselLink').mouseover(function() {
    $(this).find('.valueInCarousel').css('background-image', 'url(/media/1223/valueBackgroundHover.png)');
  });
  
  $('.carouselLink').mouseout(function() {
    $(this).find('.valueInCarousel').css('background-image', 'url(/media/1222/valueBackground.png)');
  });
  
  $('.carouselLink').mouseover(function() {
    $(this).find('.investTitle').css('color', '#9456b7');
  });
  
  $('.carouselLink').mouseout(function() {
    $(this).find('.investTitle').css('color', '#617abc');
  });
  
  //Background color mainsearch div
  $('input#zoekTerm')
    .blur(function(){
      $("#topMenuSub ul li:last").removeClass("darkGreen");
      $("#topMenuSub ul li:last").addClass("lightGreen");
     })
    .focus(function() {    
      $("#topMenuSub ul li.lightGreen").removeClass("lightGreen");
      $("#topMenuSub ul li:last").addClass("darkGreen");
     });

  //Forum blok on Hulp en Advies
  $('input#zoekTermCafeBlok')
    .blur(function(){
      $("#zoekCafeBlokCenter ul li:last").removeClass("purpleBackground");
      $("#zoekCafeBlokCenter ul li:last").addClass("greenBackground");
     })
    .focus(function() {    
      $("#zoekCafeBlokCenter ul li.greenBackground").removeClass("lightGreen");
      $("#zoekCafeBlokCenter ul li:last").addClass("purpleBackground");
     });
  
  $('input#zoekTermAfdelingBlok')
    .blur(function(){
      $("#zoekAfdelingBlokCenter ul li:last").removeClass("afdelingBackgroundActive");
      $("#zoekAfdelingBlokCenter ul li:last").addClass("afdelingBackground");
     })
    .focus(function() {    
      $("#zoekAfdelingBlokCenter ul li:last").removeClass("afdelingBackground");
      $("#zoekAfdelingBlokCenter ul li:last").addClass("afdelingBackgroundActive");
     });
  
    //Zoekblok in linkerkolom op Informatie
  $('input#searchInputLeftColumn')
    .blur(function(){
      $("#searchLeftColumn ul li:last").removeClass("lightGreenBackground");
      $("#searchLeftColumn ul li:last").addClass("darkGreenBackground");
     })
    .focus(function() {    
      $("#searchLeftColumn ul li.darkGreenBackground").removeClass("darkGreenBackground");
      $("#searchLeftColumn ul li:last").addClass("lightGreenBackground");
     });


  //Change image src on hover
  $('img.swap').hover(function () {
        this.src = '/media/1175/textOnImageHover.png';
        $('span.blue').css('background-color', '#924599');
    }, function () {
        this.src = '/media/1174/textOnImage.png';
        $('span.blue').css('background-color', '#5F79BB');
    });
  $('span.blue').hover(function () {       
        $('span.blueImage img.swap').attr('src', '/media/1175/textOnImageHover.png');
        $('span.blue').css('background-color', '#924599');
    }, function () {        
        $('span.blueImage img.swap').attr('src', '/media/1174/textOnImage.png');
        $('span.blue').css('background-color', '#5F79BB');
    });

  //Internet Explorer exceptions
  if ($.browser.msie && parseFloat($.browser.version) > 7) {
    $('#ZoekCafe,#ZoekAfdeling').css('top', '257');
  }
  if ($.browser.msie && parseFloat($.browser.version) < 8) {
    $('#ZoekCafe,#ZoekAfdeling').css('top', '257');
  }

  //Fontsize smaller and bigger
  $("#textsizer a").textresizer({
    target: ".PageWrapper",
    type: "fontSize",
    sizes: [ "0.8em", "1em", "1.2em"],
    selectedIndex: 1
    });
  
  
});