$(document).ready(function(){    

	/*--------------------------------------------------- Het Twentse Glazen Huis ---*/
	$('div.htgh').click(function() {
		$.fancybox([
			{ 'href':'/img/work/HetTwentseGlazenHuis/hettwentseglazenhuis_01.jpg','title':'HetTwentseGlazenHuis.nl - <a href="http://www.hettwentseglazenhuis.nl/" target="_blank">View site</a> (2011)'},
			{ 'href':'/img/work/HetTwentseGlazenHuis/hettwentseglazenhuis_02.jpg','title':'HetTwentseGlazenHuis.nl - <a href="http://www.hettwentseglazenhuis.nl/" target="_blank">View site</a>'},
			{ 'href':'/img/work/HetTwentseGlazenHuis/hettwentseglazenhuis_03.jpg','title':'HetTwentseGlazenHuis.nl - <a href="http://www.hettwentseglazenhuis.nl/" target="_blank">View site</a>'},
			{ 'href':'/img/work/HetTwentseGlazenHuis/hettwentseglazenhuis_04.jpg','title':'HetTwentseGlazenHuis.nl - <a href="http://www.hettwentseglazenhuis.nl/" target="_blank">View site</a>'},
			{ 'href':'/img/work/HetTwentseGlazenHuis/hettwentseglazenhuis_05.jpg','title':'HetTwentseGlazenHuis.nl - <a href="http://www.hettwentseglazenhuis.nl/" target="_blank">View site</a>'},
			{ 'href':'/img/work/HetTwentseGlazenHuis/hettwentseglazenhuis_06.jpg','title':'HetTwentseGlazenHuis.nl - <a href="http://www.hettwentseglazenhuis.nl/" target="_blank">View site</a>'},
			{ 'href':'/img/work/HetTwentseGlazenHuis/hettwentseglazenhuis_07.jpg','title':'HetTwentseGlazenHuis.nl - <a href="http://www.hettwentseglazenhuis.nl/" target="_blank">View site</a>'},
			{ 'href':'/img/work/HetTwentseGlazenHuis/hettwentseglazenhuis_08.jpg','title':'HetTwentseGlazenHuis.nl - <a href="http://www.hettwentseglazenhuis.nl/" target="_blank">View site</a>'}
		], {
			'padding'		: 0,
			'transitionIn'	: 'elastic',
			'transitionOut'	: 'elastic',
			'easingIn'      : 'easeOutBack',
			'easingOut'     : 'easeInBack',
			'type'          : 'image',
			'changeFade'    : 0
		});
	}); 
	
	/*--------------------------------------------------- Kapsalon Turquaz Utrecht ---*/
	$('div.turquaz').click(function() {
		$.fancybox([
			{ 'href':'/img/work/Turquaz/turquaz_01.jpg','title':'Turquaz.nl - <a href="http://www.turquaz.nl/" target="_blank">View site</a> (2011)'},
			{ 'href':'/img/work/Turquaz/turquaz_03.jpg','title':'Turquaz.nl - <a href="http://www.turquaz.nl/" target="_blank">View site</a>'},
			{ 'href':'/img/work/Turquaz/turquaz_02.jpg','title':'Turquaz.nl - <a href="http://www.turquaz.nl/" target="_blank">View site</a>'},
			{ 'href':'/img/work/Turquaz/turquaz_04.jpg','title':'Turquaz.nl - <a href="http://www.turquaz.nl/" target="_blank">View site</a>'}
		], {
			'padding'		: 0,
			'transitionIn'	: 'elastic',
			'transitionOut'	: 'elastic',
			'easingIn'      : 'easeOutBack',
			'easingOut'     : 'easeInBack',
			'type'          : 'image',
			'changeFade'    : 0
		});
	}); 
	
	/*--------------------------------------------------- Disgover ---*/
	$('div.disgover').click(function() {
		$.fancybox([
			{ 'href':'/img/work/Disgover/disgover_01.jpg','title':'DisGover.nl - <a href="http://www.disgover.nl/" target="_blank">View site</a> (2011) - Design by Selli Design'},
			{ 'href':'/img/work/Disgover/disgover_02.jpg','title':'DisGover.nl - <a href="http://www.disgover.nl/" target="_blank">View site</a>'},
			{ 'href':'/img/work/Disgover/disgover_03.jpg','title':'DisGover.nl - <a href="http://www.disgover.nl/" target="_blank">View site</a>'},
			{ 'href':'/img/work/Disgover/disgover_04.jpg','title':'DisGover.nl - <a href="http://www.disgover.nl/" target="_blank">View site</a>'},
			{ 'href':'/img/work/Disgover/disgover_05.jpg','title':'DisGover.nl - <a href="http://www.disgover.nl/" target="_blank">View site</a>'}
		], {
			'padding'		: 0,
			'transitionIn'	: 'elastic',
			'transitionOut'	: 'elastic',
			'easingIn'      : 'easeOutBack',
			'easingOut'     : 'easeInBack',
			'type'          : 'image',
			'changeFade'    : 0
		});
	});
	
	/*--------------------------------------------------- ISOP ---*/
	$('div.isop').click(function() {
		$.fancybox([
			{ 'href':'/img/work/Isop/isop_01.jpg','title':'ISOP.nl - <a href="http://www.isop.nl/" target="_blank">View site</a> (2010)'},
			{ 'href':'/img/work/Isop/isop_06.jpg','title':'ISOP.nl - <a href="http://www.isop.nl/" target="_blank">View site</a>'},
			{ 'href':'/img/work/Isop/isop_02.jpg','title':'ISOP.nl - <a href="http://www.isop.nl/" target="_blank">View site</a>'},
			{ 'href':'/img/work/Isop/isop_03.jpg','title':'ISOP.nl - <a href="http://www.isop.nl/" target="_blank">View site</a>'},
			{ 'href':'/img/work/Isop/isop_04.jpg','title':'ISOP.nl - <a href="http://www.isop.nl/" target="_blank">View site</a>'},
			{ 'href':'/img/work/Isop/isop_05.jpg','title':'ISOP.nl - <a href="http://www.isop.nl/" target="_blank">View site</a>'}
		], {
			'padding'		: 0,
			'transitionIn'	: 'elastic',
			'transitionOut'	: 'elastic',
			'easingIn'      : 'easeOutBack',
			'easingOut'     : 'easeInBack',
			'type'          : 'image',
			'changeFade'    : 0
		});
	});

	/*--------------------------------------------------- Faya Emre ---*/
	$('div.fayaemre').click(function() {
		$.fancybox([
			{ 'href':'/img/work/FayaEmre/fayaemre_01.jpg','title':'Faya Emre (2011) - <a href="http://www.faya-emre.com/" target="_blank">www.faya-emre.com</a>'}
		], {
			'padding'		: 0,
			'transitionIn'	: 'elastic',
			'transitionOut'	: 'elastic',
			'easingIn'      : 'easeOutBack',
			'easingOut'     : 'easeInBack',
			'type'          : 'image',
			'changeFade'    : 0
		});
	});
	
	/*--------------------------------------------------- AGLAK 2011 ---*/
	$('div.aglak2011').click(function() {
		$.fancybox([
			{ 'href':'/img/work/Aglak/aglak_01.jpg','title':'Aglak (2011) - <a href="http://www.aglak.nl/" target="_blank">www.aglak.nl</a>'},
			'/img/work/Aglak/aglak_02.jpg',
			'/img/work/Aglak/aglak_03.jpg',
			'/img/work/Aglak/aglak_04.jpg'
		], {
			'padding'		: 0,
			'transitionIn'	: 'elastic',
			'transitionOut'	: 'elastic',
			'easingIn'      : 'easeOutBack',
			'easingOut'     : 'easeInBack',
			'type'          : 'image',
			'changeFade'    : 0
		});
	});
	
	/*--------------------------------------------------- MENOVER 2011 ---*/
	$('div.menover2011').click(function() {
		$.fancybox([
			{ 'href':'/img/work/Menover/menover_01.jpg','title':'Menover (2011) - <a href="http://www.menover.nl/" target="_blank">www.menover.nl</a>'},
			'/img/work/Menover/menover_02.jpg',
			'/img/work/Menover/menover_03.jpg'
		], {
			'padding'		: 0,
			'transitionIn'	: 'elastic',
			'transitionOut'	: 'elastic',
			'easingIn'      : 'easeOutBack',
			'easingOut'     : 'easeInBack',
			'type'          : 'image',
			'changeFade'    : 0
		});
	});
	
	/*--------------------------------------------------- Rechtswinkel Nijmegen-west 2009 ---*/
	$('div.rwnw').click(function() {
		$.fancybox([
			{ 'href':'/img/work/Rechtswinkelnijmegenwest/rwnw_1.jpg','title':'Rechtswinkel Nijmegen-west (2009) - <a href="http://www.rechtswinkelnijmegenwest.nl/" target="_blank">www.rechtswinkelnijmegenwest.nl</a>'},
			'/img/work/Rechtswinkelnijmegenwest/rwnw_2.jpg',
			'/img/work/Rechtswinkelnijmegenwest/rwnw_3.jpg'
		], {
			'padding'		: 0,
			'transitionIn'	: 'elastic',
			'transitionOut'	: 'elastic',
			'easingIn'      : 'easeOutBack',
			'easingOut'     : 'easeInBack',
			'type'          : 'image',
			'changeFade'    : 0
		});
	});
	
	/*--------------------------------------------------- DJ Adem-A 2011 ---*/
	$('div.djadema').click(function() {
		$.fancybox([
			{ 'href':'/img/work/Adema/adema_01.jpg','title':'DJ Adem-A (2008)'},
			'/img/work/Adema/adema_02.jpg'
		], {
			'padding'		: 0,
			'transitionIn'	: 'elastic',
			'transitionOut'	: 'elastic',
			'easingIn'      : 'easeOutBack',
			'easingOut'     : 'easeInBack',
			'type'          : 'image',
			'changeFade'    : 0
		});
	});
	
	/*--------------------------------------------------- MDT	 ---*/
	$('div.mdt').click(function() {
		$.fancybox([
			{ 'href':'/img/work/MDT/mdt_01.jpg','title':'MDT (2010) - <a href="http://www.mdt.nu/" target="_blank">www.mdt.nu</a>'},
			'/img/work/MDT/mdt_02.jpg'
		], {
			'padding'		: 0,
			'transitionIn'	: 'elastic',
			'transitionOut'	: 'elastic',
			'easingIn'      : 'easeOutBack',
			'easingOut'     : 'easeInBack',
			'type'          : 'image',
			'changeFade'    : 0
		});
	});
	
	/*--------------------------------------------------- Teambuilding	 ---*/
	$('div.teambuilding').click(function() {
		$.fancybox([
			{ 'href':'/img/work/Teambuilding/teambuilding_01.jpg', 'title':'Material Expression (School Project)'}
		], {
			'padding'		: 0,
			'transitionIn'	: 'elastic',
			'transitionOut'	: 'elastic',
			'easingIn'      : 'easeOutBack',
			'easingOut'     : 'easeInBack',
			'type'          : 'image',
			'changeFade'    : 0
		});
	});
	
	/*--------------------------------------------------- Material Expression	 ---*/
	$('div.materialexpression').click(function() {
		$.fancybox([
			{ 'href':'/img/work/Material_Expression/material_expression.jpg', 'title':'Material Expression (School Project)'},
		], {
			'padding'		: 0,
			'transitionIn'	: 'elastic',
			'transitionOut'	: 'elastic',
			'easingIn'      : 'easeOutBack',
			'easingOut'     : 'easeInBack',
			'type'          : 'image',
			'changeFade'    : 0
		});
	});
	
	/*--------------------------------------------------- De Verleiding	 ---*/
	$('div.deverleiding').click(function() {
		$.fancybox([
			{ 'href':'/img/work/deVerleiding/team.jpg', 'title':'De Verleiding (School Project)'},
			'/img/work/deVerleiding/poster.jpg',
			'/img/work/deVerleiding/kaartje.jpg',
			'/img/work/deVerleiding/site_01.jpg',
			'/img/work/deVerleiding/site_02.jpg',
			'/img/work/deVerleiding/site_03.jpg'
		], {
			'padding'		: 0,
			'transitionIn'	: 'elastic',
			'transitionOut'	: 'elastic',
			'easingIn'      : 'easeOutBack',
			'easingOut'     : 'easeInBack',
			'type'          : 'image',
			'changeFade'    : 0
		});
	});
	
	/*--------------------------------------------------- Menover 2008	 ---*/
	$('div.menover2008').click(function() {
		$.fancybox([
			{ 'href':'/img/work/Menover2008/menover_01.jpg', 'title':'DJ Menover (2008) - <a href="http://www.menover.nl/" target="_blank">www.menover.nl</a>'}
		], {
			'padding'		: 0,
			'transitionIn'	: 'elastic',
			'transitionOut'	: 'elastic',
			'easingIn'      : 'easeOutBack',
			'easingOut'     : 'easeInBack',
			'type'          : 'image',
			'changeFade'    : 0
		});
	});
	
	/*--------------------------------------------------- Artist Impression  ---*/
	$('div.artistimpression').click(function() {
		$.fancybox([
		{ 'href':'/img/work/Artist_Impression/moodboard.jpg', 'title':'Artist Impression (School Project)'}
		], {
			'padding'		: 0,
			'transitionIn'	: 'elastic',
			'transitionOut'	: 'elastic',
			'easingIn'      : 'easeOutBack',
			'easingOut'     : 'easeInBack',
			'type'          : 'image',
			'changeFade'    : 0
		});
	});
	
	/*--------------------------------------------------- Aglak 2008	---*/
	$('div.aglak2008').click(function() {
		$.fancybox([
			{ 'href':'/img/work/Aglak2008/aglak_01.jpg','title':'Aglak (2008) - <a href="http://www.aglak.nl/" target="_blank">www.aglak.nl</a>'},
			'/img/work/Aglak2008/aglak_02.jpg',
			'/img/work/Aglak2008/aglak_03.jpg'
		], {
			'padding'		: 0,
			'transitionIn'	: 'elastic',
			'transitionOut'	: 'elastic',
			'easingIn'      : 'easeOutBack',
			'easingOut'     : 'easeInBack',
			'type'          : 'image',
			'changeFade'    : 0
		});
	});
	
	/*--------------------------------------------------- Dringop	---*/
	$('div.dringop').click(function() {
		$.fancybox([
			{ 'href':'/img/work/Dringop/dringop_01.jpg','title':'Dringop (School Project)'},
			'/img/work/Dringop/dringop_02.jpg',
			'/img/work/Dringop/dringop_03.jpg',
			'/img/work/Dringop/dringop_04.jpg'
		], {
			'padding'		: 0,
			'transitionIn'	: 'elastic',
			'transitionOut'	: 'elastic',
			'easingIn'      : 'easeOutBack',
			'easingOut'     : 'easeInBack',
			'type'          : 'image',
			'changeFade'    : 0
		});
	});
	
	/*--------------------------------------------------- Rgun	---*/
	$('div.rgun').click(function() {
		$.fancybox([
			{ 'href':'/img/work/Rgun/rgun_01.jpg','title':'DJ R-Gun (2007), my first web design'}
		], {
			'padding'		: 0,
			'transitionIn'	: 'elastic',
			'transitionOut'	: 'elastic',
			'easingIn'      : 'easeOutBack',
			'easingOut'     : 'easeInBack',
			'type'          : 'image',
			'changeFade'    : 0
		});
	});
	
	/*--------------------------------------------------- Conceptipedia	---*/
	$('div.conceptipedia').click(function() {
		$.fancybox([
			{ 'href':'/img/work/Conceptipedia/conceptipedia_01.jpg','title':'Conceptipedia (School Project)'}
		], {
			'padding'		: 0,
			'transitionIn'	: 'elastic',
			'transitionOut'	: 'elastic',
			'easingIn'      : 'easeOutBack',
			'easingOut'     : 'easeInBack',
			'type'          : 'image',
			'changeFade'    : 0
		});
	});
	



});