// LIGHTBOX
  Shadowbox.init({ 
	initialHeight: 150,
	initialWidth: 150,
	overlayOpacity:0.85,
	onOpen: showCloseButton,
	onClose: hideCloseButton

  }); 
	

function showCloseButton(){ 
	$('#close').fadeIn('slow');
	
	// shadowbox fix for ipad iphone
	if((navigator.userAgent.match(/iPhone/i))||(navigator.userAgent.match(/iPad/i))) { 
                        $("#sb-container").css("top", $(window).scrollTop()); 
                        $(window).bind('scroll', function() { 
                                $("#sb-container").css("top", $(window).scrollTop()); 
                        }); 
                } 
}

function hideCloseButton(){ 
	$('#close').fadeOut('slow');
	
	// shadowbox fix for ipad iphone
	 if((navigator.userAgent.match(/iPhone/i))||(navigator.userAgent.match(/iPad/i))) { 
                        $(window).unbind('scroll'); 
                } 
}


// VIDEO IMAGE HOVER
jQuery(function($){
				
				$('.circle').mosaic({
					opacity		:	0.7		//Opacity for overlay (0-1)
				});
				
				$('.plus').mosaic({
					opacity		:	0.7		//Opacity for overlay (0-1)
				});
				
				
		    });


// FOLLOW BUTTONS
 $.swapImage(".swapImage", true, true, "mouseenter", "mouseleave");
    
    /*
        1st parameter: Images to be selected.
        2nd parameter: Preload the image or not, default = true.
        3rd parameter: Repeat the effect or not, default = true.
        4th parameter: Event for swap In, default = mouseenter.
        5th parameter: Event for swap Out, default = mouseleave.

        Valid events such as: mouseenter, mouseleave, click, dblclick.
    */  


// GO TO TOP LINK
jQuery.fn.topLink = function(settings) {
  settings = jQuery.extend({
    min: 1,
    fadeSpeed: 200
  }, settings);
  return this.each(function() {
    //listen for scroll
    var el = $(this);
    el.hide(); //in case the user forgot
    $(window).scroll(function() {
      if($(window).scrollTop() >= settings.min)
      {
        el.fadeIn(settings.fadeSpeed);
      }
      else
      {
        el.fadeOut(settings.fadeSpeed);
      }
    });
  });
};

//usage w/ smoothscroll
$(document).ready(function() {
	
  // homepage slideshow
  $("#pikame").PikaChoose({carousel:true, carouselVertical:true});
	
	
  //set the link
  $('#top-link').topLink({
    min: 400,
    fadeSpeed: 200
  });
  //smoothscroll
  $('#top-link').click(function(e) {
    e.preventDefault();
    $.scrollTo(0,300);
  });
  
  
  $(".pagenav .next").click(function(){
    	window.location=$(this).find("a").attr("href");return false;
  });
	
  $(".pagenav .prev").click(function(){
    	window.location=$(this).find("a").attr("href");return false;
  });
  
  $("#vacatures ul li").click(function(){
    	window.location=$(this).find("a").attr("href");return false;
  });
  
  
  	// toggle voor vacatures
	jQuery("dl.toggle_vacatures").each(function() {
		var 
			holder = jQuery(this),
			trigger = holder.find("dt").css({ cursor: "pointer" }),
			triggerText = trigger.text(),
			triggerOn = "Vul onderstaande formulier in" + triggerText,
			triggerOff = "Reageer op deze vacature >" + triggerText,
			target = holder.find("dd").hide();

		trigger.html(triggerOff);

		trigger.toggle(function() {
			trigger.html(triggerOn);
			holder.addClass("active");
		}, function() {
			trigger.html(triggerOff);
			holder.removeClass("active");
		});

		trigger.click(function() {
			target.slideToggle("fast");
			return false;
		});
	});
	
	// toggle normaal
	jQuery("dl.toggle").each(function() {
		var 
			holder = jQuery(this),
			trigger = holder.find("dt").css({ cursor: "pointer" }),
			triggerText = trigger.text(),
			triggerOn = "" + triggerText,
			triggerOff = "" + triggerText,
			target = holder.find("dd").hide();

		trigger.html(triggerOff);

		trigger.toggle(function() {
			trigger.html(triggerOn);
			holder.addClass("active");
		}, function() {
			trigger.html(triggerOff);
			holder.removeClass("active");
		});

		trigger.click(function() {
			target.slideToggle("fast");
			return false;
		});
	});
    
});