// Edit to suit your needs.
var ADAPT_CONFIG = {
  // Where is your CSS?
  path: 'assets/templates/css/',

  // false = Only run once, when page first loads.
  // true = Change on window resize and page tilt.
  dynamic: true,

  // First range entry is the minimum.
  // Last range entry is the maximum.
  // Separate ranges by "to" keyword.
  range: [
    '0px    to 760px  = mobile.min.css',
    '760px  to 980px  = 720.min.css',
    '980px  to 1280px = 960.min.css',
    '1280px to 1600px = 1200.min.css',
    '1600px to 1940px = 1560.min.css',
    '1940px to 2540px = 1920.min.css',
    '2540px           = 2520.min.css'
  ]
};

// initialise plugins
jQuery(function(){
	jQuery('ul.sf-menu').superfish();
});


// JavaScript Document
$(function() {
	$('#gallery a').lightBox();
});

// FADEN VAN DE PORTFOLIO ITEMS!

$(function() {
	// OPACITY OF BUTTON SET TO 50%
	$(".portfolio_item").css("opacity","0.2");
			
	// ON MOUSE OVER
	$(".portfolio_item").hover(function () {
											  
	// SET OPACITY TO 100%
	$(this).stop().animate({
	opacity: 1.0
	}, "fast");
},
			
// ON MOUSE OUT
function () {
	// SET OPACITY BACK TO 50%
	$(this).stop().animate({
	opacity: 0.5
		
		}, "fast");
	});
});