/*=============================    
jquery.barousel.js 
v.0.1
Julien Decaudin - 03/2010
www.juliendecaudin.com
=============================*/

(function ($) {
    $.fn.barousel = function (callerSettings) {
        var settings = $.extend({
            imageWrapper: '.barousel_image',
            contentWrapper: '.barousel_content',
            contentLinksWrapper: null,
            navWrapper: '.barousel_nav',
            slideDuration: 5000, //duration of each slide in milliseconds
            navType: 1, //1: boxes navigation; 2: prev/next navigation; 3: custom navigation
            fadeIn: 1, //fade between slides; activated by default
            fadeInSpeed: 600, //fade duration in milliseconds 
            manualCarousel: 0, //manual carousel if set to 1
            contentResize: 1, //resize content container
            contentResizeSpeed: 300, //content resize speed in milliseconds
            debug: 0
        }, callerSettings || {});

        settings.imageWrapper = $(this).find(settings.imageWrapper);
        settings.contentWrapper = $(this).find(settings.contentWrapper);
        settings.contentLinksWrapper = $(settings.contentLinksWrapper);
        settings.navWrapper = $(this).find(settings.navWrapper);
        settings.imageList = settings.imageWrapper.find('img').not('[class*=intro]'); //list of the items' background image (intro image is ignored)
        settings.contentList = settings.contentWrapper.children('div').not('[class*=intro]'); //list of the items' content (intro content is ignored)
        settings.contentLinksList = settings.contentLinksWrapper.find('a'); //list of the items' content links (optional)
        settings.imageIntro = settings.imageWrapper.find('img[class*=intro]');
        settings.contentIntro = settings.contentWrapper.find('div[class*=intro]');
        settings.currentIndex = 0; //index of the current displayed item
        settings.totalItem = settings.imageList.length; //total number of items
        settings.stopCarousel = 0; //flag to stop the carousel
        settings.timerCarousel; //timer for the carousel
        settings.navFreeze = 0; //flag to avoid clicking too fast on the nav
        settings.introActive = 0; //flag to know if there is an intro state and if it's active

        if (settings.imageWrapper.find('img[class*=intro]').length > 0) {
            settings.introActive = 1;
        }
        if (settings.totalItem == 1) {
            //$(settings.navWrapper).hide();            
        } else {
            //set the index of each image  
            settings.imageList.each(function (n) { this.index = n; });
            //set the index of each content  
            settings.contentList.each(function (n) { this.index = n; });

            //set the index of each content link (optional) 
            settings.contentLinksList.each(function (n) { this.index = n; });

            //return error if different number of images and contents
            if (settings.imageList.length != settings.contentList.length) {
                /* DEBUG */                
                if (settings.debug == 1) console.log('[Barousel error] images and contents must be the same number');
                return this;
            }

            //init the default content height
            if (settings.contentResize == 1 && settings.introActive == 0) {
                $(settings.contentWrapper).height($(settings.contentList[settings.currentIndex]).height() + 10);
            }

            //init the content link default state (optional)
            if (settings.contentLinksWrapper != null) {
                $(settings.contentLinksList[settings.currentIndex]).addClass('current');
            }

            //build the navigation
            if (settings.navType == 1) {
            
                //items navigation type
                var strNavList = "<ul>";
                settings.imageList.each(function (n) {
                    var currentClass = "";
                    if (n == 0) currentClass = "current";
                    strNavList += "<li><a href='#' title='" + $(settings.contentList[n]).find('p.header').text() + "' class='" + currentClass + "'>" + (n + 1) + "</a></li>";
                });
                strNavList += "</ul>";
                settings.navWrapper.append(strNavList);
                settings.navList = settings.navWrapper.find('a'); //list of the items' nav link

                //set the index of each nav link
                settings.navList.each(function (n) { this.index = n; });
                
                // add pauseButton
                var pauseButton = '<div class="pauseButtonWrapper"><a class="pauseButton playing" href="#"></a></div>';
                settings.navWrapper.append(pauseButton);

            } else if (settings.navType == 2) {
                //prev/next navigation type
                var strNavList = "<ul>";
                strNavList += "<li class='prev'><a href='#' title='previous'>&nbsp;</a></li>";
                strNavList += "<li class='next'><a href='#' title='next'>&nbsp;</a></li>";
                strNavList += "</ul><div class='counter'><span class='counter_current'>1</span>/<span class='counter_total'>" + settings.totalItem + "</span></div>";
                settings.navWrapper.append(strNavList);
                settings.navList = settings.navWrapper.find('a'); //list of the items' nav link
            } else if (settings.navType == 3) {
                //custom navigation [static build]
                settings.navList = settings.navWrapper.find('a'); //list of the items' nav link
                //set the index of each nav link
                settings.navList.each(function (n) { this.index = n; });
            }

            //init the navigation click event
            if (settings.navType == 1 || settings.navType == 3) {
                //items navigation type
                settings.navList.each(function (n) {
                  $(this).click(function () {
                    if (settings.navFreeze == 0) {
                      $('a.pauseButton').addClass('pausing');
                      $('a.pauseButton').removeClass('playing');
                      window.clearTimeout(settings.timerCarousel);
                      settings.stopCarousel = 1;
                      if (settings.currentIndex != n || settings.introActive == 1) {
                        loadItem(settings, n);
                        settings.currentIndex = n;
                      }
                    }
                    settings.introActive = 0;
                    return false;
                  });
                });
                settings.navWrapper.find('a.pauseButton').click(function () {
                  if (settings.stopCarousel == 0) {
                    if (settings.navFreeze == 0) {
                      $(this).addClass('pausing');
                      $(this).removeClass('playing');
                      window.clearTimeout(settings.timerCarousel);
                      settings.stopCarousel = 1;
                    }
                    settings.introActive = 0;
                  } else {
                    $(this).addClass('playing');
                    $(this).removeClass('pausing');
                    settings.stopCarousel = 0;
                    var loadItemCall = function () { loadItem(settings, 1); };
                    settings.timerCarousel = window.setTimeout(loadItemCall, settings.slideDuration);
                  }
                  return false;
                });
            } else if (settings.navType == 2) {
                //prev/next navigation type
                settings.navList.each(function () {
                    $(this).click(function () {
                        if (settings.navFreeze == 0) {
                            window.clearTimeout(settings.timerCarousel);
                            settings.stopCarousel = 1;

                            if ($(this).parent().hasClass('prev')) {
                                var previousIndex;

                                if (parseInt(settings.currentIndex) == 0) {
                                    previousIndex = parseInt(settings.totalItem) - 1;
                                } else {
                                    previousIndex = parseInt(settings.currentIndex) - 1;
                                }
                                loadItem(settings, previousIndex);
                                settings.currentIndex = previousIndex;

                            } else if ($(this).parent().hasClass('next')) {
                                var nextIndex;

                                if (parseInt(settings.currentIndex) == (parseInt(settings.totalItem) - 1)) {
                                    nextIndex = 0;
                                } else {
                                    nextIndex = parseInt(settings.currentIndex) + 1;
                                }
                                loadItem(settings, nextIndex);
                                settings.currentIndex = nextIndex;
                            }
                        }
                        settings.introActive = 0;
                        return false;
                    });
                });
            }

            //start the carousel
            if (settings.manualCarousel == 0) {
                var loadItemCall = function () { loadItem(settings, 1); };
                settings.timerCarousel = window.setTimeout(loadItemCall, settings.slideDuration);
            }
        }

        return this;
    };

    var loadItem = function (settings, index) {
        //reset the nav link current state
        if (settings.navType != 2) {
            settings.navList.each(function (n) { $(this).removeClass('current'); });
            $(settings.navList[index]).addClass('current');
        }

        //Change the background image then display the new content
        var currentImage;
        if (settings.introActive == 1) {
            currentImage = $(settings.imageIntro);
        } else {
            currentImage = $(settings.imageList[settings.currentIndex]);
        }
        var nextImage = $(settings.imageList[index]);

        /* DEBUG */
        if (settings.debug == 1) {
            console.log('[Barousel loadItem] currentImage:' + currentImage.attr('src'));
            console.log('[Barousel loadItem] nextImage:' + nextImage.attr('src'));
        }

        if (!currentImage.hasClass('default')) { currentImage.attr('class', 'previous'); }
        nextImage.attr('class', 'current');

        //fade-in effect
        if (settings.fadeIn == 0) {
            nextImage.show();
            currentImage.hide();
            loadModuleContent(settings, index);
        } else {
            settings.navFreeze = 1;
            $(settings.contentList).hide();
            nextImage.fadeIn(settings.fadeInSpeed, function () {
                currentImage.hide();
                currentImage.removeClass('previous');
                settings.navFreeze = 0;
            });
            loadModuleContent(settings, index);
        }

        //carousel functionnality (deactivated when the user click on an item)
        if (settings.stopCarousel == 0) {
            settings.currentIndex = index;
            var nextIndex;

            if (settings.currentIndex == settings.totalItem - 1) {
                nextIndex = 0;
            } else {
                nextIndex = parseInt(settings.currentIndex) + 1;
            }
            var loadItemCall = function () { loadItem(settings, nextIndex); };
            settings.timerCarousel = window.setTimeout(loadItemCall, settings.slideDuration);
        }
    };

    var loadModuleContent = function (settings, index) {
        if (settings.introActive == 1) {
            $(settings.contentIntro).hide();
            $(settings.contentWrapper).attr('class', '');
        }

        //Resize content        
        if (settings.contentResize == 1 && parseInt($(settings.contentWrapper).height()) != parseInt($(settings.contentList[index]).height() + 10)) {
            $(settings.contentWrapper).animate({
                height: $(settings.contentList[index]).height() + 10
            }, settings.contentResizeSpeed, function () {
                loadModuleContentAction(settings, index);
            });
        } else {
            loadModuleContentAction(settings, index);
        }

        //update counter for previous/next nav
        if (settings.navType == 2) {
            $(settings.navWrapper).find('.counter_current').text(index + 1);
        }
    };

    var loadModuleContentAction = function (settings, index) {
        //display the loaded content                
        $(settings.contentList).hide();
        $(settings.contentList[index]).show();

        if (settings.contentLinksWrapper != null) {
            $(settings.contentLinksList).removeClass('current');
            $(settings.contentLinksList[index]).addClass('current');
        }
    };

})(jQuery);;
function toggleCookie(){
  if(getCookie("infrabel_highcontrast")=="infrabel_highcontrast"){
     setCookie("infrabel_highcontrast","false",5);
  }else{
     setCookie("infrabel_highcontrast","infrabel_highcontrast",5);
  }
  window.location.reload();
}

function setCookie(c_name,value,exdays)
{
 var exdate=new Date();
 exdate.setDate(exdate.getDate() + exdays);
 var c_value=escape(value) + ((exdays==null) ? "" : "; expires="+exdate.toUTCString()+"; path=/");
 document.cookie=c_name + "=" + c_value;
}

function getCookie(c_name)
{
var i,x,y,ARRcookies=document.cookie.split(";");
for (i=0;i<ARRcookies.length;i++)
{
  x=ARRcookies[i].substr(0,ARRcookies[i].indexOf("="));
  y=ARRcookies[i].substr(ARRcookies[i].indexOf("=")+1);
  x=x.replace(/^\s+|\s+$/g,"");
  if (x==c_name)
    {
    return unescape(y);
    }
  }
}


jQuery(function () {

  /* searchbox - label as placeholder */
  /* -------------------------------- */
  
  if (jQuery('#search-form .form-item input').val() !== "") {
    jQuery('#search-form label').hide();
  }
  if (jQuery('#block-search-form .form-item input').val() !== "") {
    jQuery('#block-search-form label').hide();
  }
  jQuery('#block-search-form label, #search-form label').addClass('placeholder');
  jQuery('#block-search-form .form-item input').focus(function () {
    jQuery('#block-search-form label').hide();
  });
  jQuery('#search-form .form-item input').focus(function () {
    jQuery('#search-form label').hide();
  });
  jQuery('#block-search-form .form-item input').blur(function () {
    if (jQuery('#block-search-form .form-item input').val() === "") {
      jQuery('#block-search-form label').show();
    }
  });
  jQuery('#search-form .form-item input').blur(function () {
    if (jQuery('#search-form .form-item input').val() === "") {
      jQuery('#search-form label').show();
    }
  });
  
  
  /* Header Service Nav Dropdown */
  /* --------------------------- */
   
  jQuery('#block-menu-block-feature-toevla-5 ul li.expanded a').hover(function () {
    jQuery(this).parent().addClass('open');
  },
  function () {
    jQuery(this).parent().removeClass('open');
  });
  jQuery('.nav-drop').hover(function () {
    jQuery(this).parents('#block-menu-block-feature-toevla-5 li').addClass('open');
  },
  function () {
    jQuery(this).parents('#block-menu-block-feature-toevla-5 li').removeClass('open');
  });
  jQuery('#block-menu-block-feature-toevla-5 ul li.expanded ul.menu').hover(function () {
    jQuery(this).parents('#block-menu-block-feature-toevla-5 ul.menu li').addClass('open');
  },
  function () {
    jQuery(this).parents('#block-menu-block-feature-toevla-5 ul.menu li').removeClass('open');
  });
  
  /* Megadropdown */
  /* ------------ */
  
  // When the dropdown isn't underneath the link automatically, we have to position it */
  
  var nav_width = jQuery('.menu-dropdown-wrapper').width();
  jQuery('.level-1 > li.dropdown').hover(function () {
    jQuery(this).addClass('open');
    var dropdown = jQuery(this).find('.level-2');
    // Display level 2
    // This is done for accessibility reasons:
    // Only leave links for screen readers
    // and users navigating with tab cursor open
    // that are visible too.
    dropdown.toggleClass('open');
    var dropdown_height = 0;
    jQuery(this).find('.nav-drop-wrapper ul.level-2').children('li').each(function () {
      if (jQuery(this).height() > dropdown_height) {
        dropdown_height = jQuery(this).height();
      }
    });
    
    var dropdown_position_left = dropdown.position().left;
    var dropdown_width = dropdown.width();
    var link_position_left = jQuery(this).position().left;    
    var link_width = jQuery(this).width();    
    var link_position_right = nav_width - link_width - link_position_left;
    /* dropdown elements height */
    /*jQuery(this).find('.nav-drop-wrapper').css('height', dropdown_height);
    jQuery(this).find('.level-2').css('height', dropdown_height);*/
    jQuery(this).find('.level-2 > li.column, .level-2 > li.column-wide').css('height', dropdown_height);
    
    /* positioning */
    if (dropdown_position_left > link_position_left) {
      dropdown.css("margin-left", link_position_left);
      dropdown.parent().addClass('custom-position');
    } else if (dropdown_position_left > link_position_right) {
      link_position_left_2 = (link_position_left + link_width) - dropdown_width;
      dropdown.css("margin-left", link_position_left_2);
      dropdown.parent().addClass('custom-position');
    }
  },
  function () {
    jQuery(this).removeClass('open');
    var dropdown = jQuery(this).find('.level-2');
    // Hide level 2
    // This is done for accessibility reasons
    // don't leave links that are invisible open for screen readers
    // and users navigating with tab cursor
    dropdown.toggleClass('open');
  });
  jQuery('.level-2').hover(function () {
  },
  function () {
    jQuery(this).parents('.level-1 > li').removeClass('open');
  });
  
  
  /* carrousel */
  /* --------- */
     
  jQuery('#front-carrousel').barousel({
    contentResize: 0,
    fadeInSpeed: 800,
    navType: 1,
    slideDuration: 7000
  });

    
  /* blokken met tabs */
  /* ---------------- */
  
  jQuery('.block .block-tabsmenu li a').click(function () {
    if (!(jQuery(this).parent().hasClass('active'))) {
      /* activate and de-activate tabs */
      jQuery(this).parent().parent().children('.active').removeClass('active');
      jQuery(this).parent().addClass('active');
      /* activate and de-activate tab-panels */           
      var count = jQuery(this).parent().parent().children('.active').index();
      jQuery(this).parents('.block').find('.block-tabscontent .active').removeClass('active');
      jQuery(this).parents('.block').find(".block-tabscontent .block-tabs-panel:eq(" + count + ")").addClass('active');
    }
    return (false);
  });
});;