//dropdownmenu
var timeout         = 2000;
var closetimer    = 0;
var ddmenuitem      = 0;
 
function jsddm_open()
{  jsddm_canceltimer();
  jsddm_close();
  ddmenuitem = $(this).find('ul').eq(0).css('visibility', 'visible');

  }
 
function jsddm_close()
{  if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');
 }
 
function jsddm_timer()
{  closetimer = window.setTimeout(jsddm_close, timeout);}
 
function jsddm_canceltimer()
{  if(closetimer)
  {  window.clearTimeout(closetimer);
    closetimer = null;}}
 
$(document).ready(function()
{  $('#jsddm > li').bind('mouseover', jsddm_open);
  $('#jsddm > li').bind('mouseout',  jsddm_timer);});
 
document.onclick = jsddm_close;

//promotieslideshow


    $(document).ready(function () {

        //Execute the slideShow
        slideShow();

    });

    function slideShow() {

        //Set the opacity of all images to 0
        $('#gallery a').css({ opacity: 0.0 });

        //Get the first image and display it (set it to full opacity)
        $('#gallery a:first').css({ opacity: 1.0 });

        //Set the caption background to semi-transparent
        $('#gallery .caption').css({ opacity: 0.9});

        //Get the caption of the first image from REL attribute and display it
        $('#gallery .content').html($('#gallery a:first').find('img').attr('rel')).animate({ opacity: 1 }, 400);
      
      
      

        var firsturl = ($('#gallery a:first').attr('href'))
        $('#gallery .more_info').html('<a href="' + firsturl + '"><img border="0" src="/images/promo_meer_informatie.png" /></a>')
          
             //kijken of de class no_more_info aanwezig is. Zo ja meer info knop niet weergeven.
          var more_info =  $('#gallery a:first').find('img').attr('class')
         
          if(more_info == "no_more_info")
                {
                   $('#gallery .more_info').html('');
                }
                  else
                {
                   $('#gallery .more_info').html('<a href="' + firsturl + '"><img border="0" src="/images/promo_meer_informatie.png" /></a>');
                 }  
       

        //Call the gallery function to run the slideshow, 6000 = change to next image after 6 seconds
      var more_info =  $('#gallery a:first').find('img').attr('class')
         
          if(more_info == "no_more_info")
          {}
           else 
           {
        
        setInterval('gallery()', 6000);
           }

    }

    function gallery() {

        //if no IMGs have the show class, grab the first image
        var current = ($('#gallery a.show') ? $('#gallery a.show') : $('#gallery a:first'));

        //Get next image, if it reached the end of the slideshow, rotate it back to the first image
        var next = ((current.next().length) ? ((current.next().hasClass('caption')) ? $('#gallery a:first') : current.next()) : $('#gallery a:first'));

        //Get next image caption
        var caption = next.find('img').attr('rel');
        var firsturl = next.find('img').attr('href');
        //Set the fade in effect for the next image, show class has higher z-index
        next.css({ opacity: 0.0 })
        .addClass('show')
         .animate({ opacity: 1.0 }, 1000);

        //Hide the current image
        current.animate({ opacity: 0.0 }, 1000)
      .removeClass('show');

        //Set the opacity to 0 and height to 1px
        $('#gallery .caption').animate({ opacity: 0.0 }, { queue: false, duration: 0 }).animate({ height: '1px' }, { queue: true, duration: 300 });

        //Animate the caption, opacity to 0.7 and heigth to 100px, a slide up effect
      //  $('#gallery .caption').animate({ opacity: 1.0 }, 100).animate({ height: '100px' }, 500);
        $('#gallery .caption').animate({ opacity: 0.9 }, 100).animate({ height: '100px' }, 500);

        //Display the content
       $('#gallery .content').html(caption);
    
       
       //kijken of de class no_more_info aanwezig is. Zo ja meer info knop niet weergeven.
        var more_info = next.find('img').attr('class')
         
        if(more_info == "no_more_info") {
 $('#gallery .more_info').html('');
  }
else {
  $('#gallery .more_info').html('<a href="' + firsturl + '"><img border="0" src="/images/promo_meer_informatie.png" /></a>');

}
           
         }

//nieuwsbrief

$(document).ready(function(){
  $(".trigger").click(function(){
    $(".panel").toggle("fast");
    $(this).toggleClass("active");
    return false;
  });
});

//FAQ

$(document).ready(function() {
  $('#faqs h3').each(function() {
    var tis = $(this), state = false, answer = tis.next('div').slideUp();
    tis.click(function() {
      state = !state;
      answer.slideToggle(state);
      tis.toggleClass('active',state);
    });
  });
});