$(function() {
	
	$("a.imageGallery").fancybox();
	
	$("a#inline").fancybox({
		'hideOnContentClick': 	false,
		'overlayColor'  	:	'#707070'
	});
	
	$("a.group").fancybox({
		'transitionIn'		:	'elastic',
		'transitionOut'		:	'elastic',
		'speedIn'			:	600, 
		'speedOut'			:	200, 
		'overlayShow'		:	false
	});
	
	$("a.imageGallery").fancybox({
		'titlePosition'		: 'inside',
		'overlayColor'		: '#707070',
		'overlayOpacity'	: 0.7,
		'type'				: 'image'
	});
    $("a.single_image").fancybox({
        'titlePosition': 'inside',
        'overlayColor': '#707070',
        'overlayOpacity': 0.7,
        'type': 'image'
    });
// Collecties

// Collectie 1
	
	$('.colButton.col11').click(function() { // icon opent product
		$('.overlay.article.col11', '#collectieContainer').show();
	});
    $('.colButton.col12').click(function () { // icon opent product
        $('.overlay.article.col12', '#collectieContainer').show();
    });
    $('.colButton.col13').click(function () { // icon opent product
        $('.overlay.article.col13', '#collectieContainer').show();
    });
    $('.colButton.col14').click(function () { // icon opent product
        $('.overlay.article.col14', '#collectieContainer').show();
    });
    $('.colButton.col15').click(function () { // icon opent product
        $('.overlay.article.col15', '#collectieContainer').show();
    });

// Collectie 2

    $('.colButton.col21').click(function () { // icon opent product
        $('.overlay.article.col21', '#collectieContainer').show();
    });
    $('.colButton.col22').click(function () { // icon opent product
        $('.overlay.article.col22', '#collectieContainer').show();
    });
    $('.colButton.col23').click(function () { // icon opent product
        $('.overlay.article.col23', '#collectieContainer').show();
    });
    $('.colButton.col24').click(function () { // icon opent product
        $('.overlay.article.col24', '#collectieContainer').show();
    });
    $('.colButton.col25').click(function () { // icon opent product
        $('.overlay.article.col25', '#collectieContainer').show();
    });
    $('.colButton.col26').click(function () { // icon opent product
        $('.overlay.article.col26', '#collectieContainer').show();
    });

// Collectie 3

    $('.colButton.col31').click(function () { // icon opent product
        $('.overlay.article.col31', '#collectieContainer').show();
    });
    $('.colButton.col32').click(function () { // icon opent product
        $('.overlay.article.col32', '#collectieContainer').show();
    });
    $('.colButton.col33').click(function () { // icon opent product
        $('.overlay.article.col33', '#collectieContainer').show();
    });
    $('.colButton.col34').click(function () { // icon opent product
        $('.overlay.article.col34', '#collectieContainer').show();
    });
    $('.colButton.col35').click(function () { // icon opent product
        $('.overlay.article.col35', '#collectieContainer').show();
    });
    $('.colButton.col36').click(function () { // icon opent product
        $('.overlay.article.col36', '#collectieContainer').show();
    });

// Collectie 4

    $('.colButton.col41').click(function () { // icon opent product
        $('.overlay.article.col41', '#collectieContainer').show();
    });
    $('.colButton.col42').click(function () { // icon opent product
        $('.overlay.article.col42', '#collectieContainer').show();
    });
    $('.colButton.col43').click(function () { // icon opent product
        $('.overlay.article.col43', '#collectieContainer').show();
    });
    $('.colButton.col44').click(function () { // icon opent product
        $('.overlay.article.col44', '#collectieContainer').show();
    });

// Collectie 5

    $('.colButton.col51').click(function () { // icon opent product
        $('.overlay.article.col51', '#collectieContainer').show();
    });
    $('.colButton.col52').click(function () { // icon opent product
        $('.overlay.article.col52', '#collectieContainer').show();
    });
    $('.colButton.col53').click(function () { // icon opent product
        $('.overlay.article.col53', '#collectieContainer').show();
    });
    $('.colButton.col54').click(function () { // icon opent product
        $('.overlay.article.col54', '#collectieContainer').show();
    });
    $('.colButton.col55').click(function () { // icon opent product
        $('.overlay.article.col55', '#collectieContainer').show();
    });
    $('.colButton.col56').click(function () { // icon opent product
        $('.overlay.article.col56', '#collectieContainer').show();
    });

// Collectie 6

    $('.colButton.col61').click(function () { // icon opent product
        $('.overlay.article.col61', '#collectieContainer').show();
    });
    $('.colButton.col62').click(function () { // icon opent product
        $('.overlay.article.col62', '#collectieContainer').show();
    });
    $('.colButton.col63').click(function () { // icon opent product
        $('.overlay.article.col63', '#collectieContainer').show();
    });
    $('.colButton.col64').click(function () { // icon opent product
        $('.overlay.article.col64', '#collectieContainer').show();
    });
    $('.colButton.col65').click(function () { // icon opent product
        $('.overlay.article.col65', '#collectieContainer').show();
    });

// Collectie 7

    $('.colButton.col71').click(function () { // icon opent product
        $('.overlay.article.col71', '#collectieContainer').show();
    });
    $('.colButton.col72').click(function () { // icon opent product
        $('.overlay.article.col72', '#collectieContainer').show();
    });

// Einde collecties

	$('.close').click(function() { // icon sluit product
		$('.overlay.article', '#collectieContainer').hide();
		$('.overlay.collections', '#collectieContainer').hide();
	});
	
	$('.button.close').click(function() { // knop sluit product
		$('.overlay.article', '#collectieContainer').hide();
	});	
	
	$('.collectieLijst').click(function() { // knop opent collectie overzicht
		$('.overlay.article', '#collectieContainer').hide(); // sluit article indien geopend
		$('.overlay.collections', '#collectieContainer').toggle(); {
			$('.collectieLijst').toggleClass('active');
		}
	});	
	
	$('textarea').autoResize({
		animateDuration : 200,
		extraSpace: 0
	});
	
});