$(document).ready(function(){
	$('.thumb li[class!=tgd_logo]').each(function( index, item ) {
		//console.log((index+1) + ', ' + item);
		$(item).addClass('li' + (index + 1) );
	});

	/**
	 * Configure FancyBox
	 */
	$("a[rel=tgd]").fancybox({
		'transitionIn'		: 'none',
		'transitionOut'		: 'none',
		'titlePosition' 	: 'over',
		'showCloseButton'	: false,
		'overlayOpacity'    : 0,
		'titleFormat'		: function(title, currentArray, currentIndex, currentOpts) {
			return '<div id="fancybox-title-over"> ' + (title.length ? ' &nbsp; ' + title : '') + '</div>';
		}
	});

	$("a[rel=logo]").fancybox({
		'autoDimensions'	: false,
		'width'         	: 600,
		'height'        	: 400,
		'overlayOpacity'    : 0,			
		'showCloseButton'	: false,
		'transitionIn'		: 'none',
		'transitionOut'		: 'none',
		'showNavArrows'		: false
	});

	$("a.video").fancybox({ 
		'hideOnContentClick': false, 
		'zoomSpeedIn':  100, 
		'zoomSpeedOut': 50, 
		'frameWidth': 640, 
		'frameHeight': 480, 
		'overlayShow': true, 
		'overlayOpacity': 0.75, 
		'callbackOnClose': function() { $("#fancy_content").empty();} 
	});
	$("a[rel=vid]").fancybox({
		'autoDimensions'	: false,
		'width'         	: 600,
		'height'        	: 464,
		'overlayOpacity'    : 0,
		'showCloseButton'	: false,
		'transitionIn'		: 'none',
		'transitionOut'		: 'none',
		'titlePosition' 	: 'over',
		
		'titleFormat'		: function(title, currentArray, currentIndex, currentOpts) {
			return '<span id="fancybox-title-over-video"> ' + (title.length ? ' &nbsp; ' + title : '') + '</span>';
		}
	});

	/**
	 * Add Clicks to category buttons
	 */
	$clicked1 = 0;
	$('.beeldbewerkinglink').click(function() {
		if ($clicked1 == 0) {	
			$('.fotografie span').fadeTo(200, 0.3);
			$('.beeldconcept span').fadeTo(200, 0.3);
			$('.beeldbewerking span').fadeTo(200, 1);
			$('span.beeldbewerkinglink').fadeTo(200, 1);
			$('span.fotografielink').fadeTo(200, 0.4);
			$('span.beeldconceptlink').fadeTo(200, 0.4);			    
			
			$clicked1 = 1;
			$clicked2 = 0;
			$clicked3 = 0;					    
		}
		else {
			$('.fotografie span').fadeTo(200, 0.3);
			$('.beeldconcept span').fadeTo(200, 0.3);
			$('.beeldbewerking span').fadeTo(200, 0.3);
			$('span.beeldbewerkinglink').fadeTo(200, 0.4);
			$clicked1 = 0;

			
		}
	});
	
	$clicked2 = 0;		
	$('.fotografielink').click(function() {
		if ($clicked2 == 0) {	
			$('.fotografie span').fadeTo(200, 1);
			$('.beeldconcept span').fadeTo(200, 0.3);
			$('.beeldbewerking span').fadeTo(200, 0.3);
			$('span.fotografielink').fadeTo(200, 1);
			$('span.beeldbewerkinglink').fadeTo(200, 0.4);
			$('span.beeldconceptlink').fadeTo(200, 0.4);			    			    			    
			$clicked1 = 0;
			$clicked2 = 1;
			$clicked3 = 0;
		}
		else {
			$('.fotografie span').fadeTo(200, 0.3);
			$('.beeldconcept span').fadeTo(200, 0.3);
			$('.beeldbewerking span').fadeTo(200, 0.3);
			$('span.fotografielink').fadeTo(200, 0.4);
			$clicked2 = 0;
		}
	});
	
	$clicked3 = 0;
	$('.beeldconceptlink').click(function() {
		if ($clicked3 == 0) {	
			$('.fotografie span').fadeTo(200, 0.3);
			$('.beeldconcept span').fadeTo(200, 1);
			$('.beeldbewerking span').fadeTo(200, 0.3);
			$('span.beeldconceptlink').fadeTo(200, 1);	
			$('span.fotografielink').fadeTo(200, 0.4);
			$('span.beeldbewerkinglink').fadeTo(200, 0.4);		    		    
			$clicked1 = 0;
			$clicked2 = 0;
			$clicked3 = 1;
		}
		else {
			$('.fotografie span').fadeTo(200, 0.3);
			$('.beeldconcept span').fadeTo(200, 0.3);
			$('.beeldbewerking span').fadeTo(200, 0.3);
			$('span.beeldconceptlink').fadeTo(200, 0.4);		    
			$clicked3 = 0;
		}
	});

	/**
	 * Other stuf ?!?
	 */
	// category buttons
	$('.cat').append('<span class="hover"></span>').each(function () {
		var spans = $('> span.hover', this).fadeTo(0, 1);
		
		$(this).hover(function () {
			spans.stop().fadeTo(0, 1);
		}, function () {
			//spans.stop().fadeTo(0, 1);
		});
	});

	// other black elements around tgd logo
	$('.tekst').append('<span class="hover"></span>').each(function () {
		var spans = $('> span.hover', this).fadeTo(6000,0.6).fadeTo(5000, 1);
		$(this).hover(function () {
			spans.stop().fadeTo(200, 1);
		}, function () {
			spans.stop().fadeTo(500, 1);
		});
	});

	// thumbs
	$('.beeldconcept').append('<span class="hover"></span>').each(function () {
		var spans = $('> span.hover', this);
		spans.fadeTo(6000,0.6).fadeTo(5000, 0.3);
		$(this).hover(function () {
		spans.stop().fadeTo(200, 1);
		}, function () {
		
		if ($clicked3 == 1) {	
			spans.stop().fadeTo(200, 1);			
		} 		
		else {	
			spans.stop().fadeTo(500, 0.3);
		}
		});
	});
	
	$('.fotografie').append('<span class="hover"></span>').each(function () {
		var spans = $('> span.hover', this);
		spans.fadeTo(6000,0.6).fadeTo(5000, 0.3);
		$(this).hover(function () {
			spans.stop().fadeTo(200, 1);
		}, function () {
		
		if ($clicked2 == 1) {	
			spans.stop().fadeTo(200, 1);
		} 		
		else {	
			spans.stop().fadeTo(500, 0.3);
		}
		});
	});
	
	$('.beeldbewerking').append('<span class="hover"></span>').each(function () {
		var spans = $('> span.hover', this);
		spans.fadeTo(6000,0.6).fadeTo(5000, 0.3);
		$(this).hover(function () {
			spans.stop().fadeTo(200, 1);
		}, function () {
		
		if ($clicked1 == 1) {	
			spans.stop().fadeTo(200, 1);			
		} 		
		else {	
			spans.stop().fadeTo(500, 0.3);
		}
		});
	});

	// stop fades for spotlight items
	for( var i in spotlight ) {
		$(".li" + spotlight[i] + " a> span.hover").stop(true).show();
	}

	/**
	 * The Random FadeIn's
	 */
	$(".li1 a").hide(0).delay(6000+1500).fadeIn(1000);
	$(".li2 a").hide(0).delay(5500+1500).fadeIn(1000);
	$(".li3 a").hide(0).delay(5200+1500).fadeIn(1000);
	$(".li4 a").hide(0).delay(5300+1500).fadeIn(1000);
	$(".li5 a").hide(0).delay(5400+1500).fadeIn(1000);
	$(".li6 a").hide(0).delay(5100+1500).fadeIn(1000);
	$(".li7 a").hide(0).delay(5000+1500).fadeIn(1000);
	$(".li8 a").hide(0).delay(5400+1500).fadeIn(1000);
	$(".li9 a").hide(0).delay(5000+1500).fadeIn(1000);
	$(".li10 a").hide(0).delay(5200+1500).fadeIn(1000);
	$(".li11 a").hide(0).delay(5000+1500).fadeIn(1000);
	$(".li12 a").hide(0).delay(5100+1500).fadeIn(1000);
	$(".li13 a").hide(0).delay(6000+1500).fadeIn(1000);
	
	$(".li14 a").hide(0).delay(6200).fadeIn(1000);
	$(".li15 a").hide(0).delay(5000+1500).fadeIn(1000);
	$(".li16 a").hide(0).delay(4400+1500).fadeIn(1000);
	$(".li17 a").hide(0).delay(4000+1500).fadeIn(1000);
	$(".li18 a").hide(0).delay(4200+1500).fadeIn(1000);
	$(".li19 a").hide(0).delay(4400+1500).fadeIn(1000);
	$(".li20 a").hide(0).delay(4000+1500).fadeIn(1000);
	$(".li21 a").hide(0).delay(4300+1500).fadeIn(1000);
	$(".li22 a").hide(0).delay(4000+1500).fadeIn(1000);
	$(".li23 a").hide(0).delay(4100+1500).fadeIn(1000);
	$(".li24 a").hide(0).delay(4000+1500).fadeIn(1000);
	$(".li25 a").hide(0).delay(5500+1500).fadeIn(1000);
	$(".li26 a").hide(0).delay(6000).fadeIn(1000);
	
	$(".li27 a").hide(0).delay(6100).fadeIn(1000);
	$(".li28 a").hide(0).delay(5000).fadeIn(1000);
	$(".li29 a").hide(0).delay(4300+1500).fadeIn(1000);
	$(".li30 a").hide(0).delay(3200+1500).fadeIn(1000);
	$(".li31 a").hide(0).delay(3000+1500).fadeIn(1000);
	$(".li32 a").hide(0).delay(3000+1500).fadeIn(1000);
	$(".li33 a").hide(0).delay(3300+1500).fadeIn(1000);
	$(".li34 a").hide(0).delay(3500+1500).fadeIn(1000);
	$(".li35 a").hide(0).delay(3600+1500).fadeIn(1000);
	$(".li36 a").hide(0).delay(3000+1500).fadeIn(1000);
	$(".li37 a").hide(0).delay(4100+1500).fadeIn(1000);
	$(".li38 a").hide(0).delay(5200).fadeIn(1000);
	$(".li39 a").hide(0).delay(6000).fadeIn(1000);
	
	$(".li40 a").hide(0).delay(6200).fadeIn(1000);
	$(".li41 a").hide(0).delay(5000).fadeIn(1000);
	$(".li42 a").hide(0).delay(4400).fadeIn(1000);
	$(".li43 a").hide(0).delay(3300+1500).fadeIn(1000);
	$(".li44 a").hide(0).delay(2000+1500).fadeIn(1000);
	$(".li45 a").hide(0).delay(2000+1500).fadeIn(1000);
	$(".li46 a").hide(0).delay(2500+1500).fadeIn(1000);
	$(".li47 a").hide(0).delay(2300+1500).fadeIn(1000);
	$(".li48 a").hide(0).delay(2000+1500).fadeIn(1000);
	$(".li49 a").hide(0).delay(3600+1500).fadeIn(1000);
	$(".li50 a").hide(0).delay(4700).fadeIn(1000);
	$(".li51 a").hide(0).delay(5000).fadeIn(1000);
	$(".li52 a").hide(0).delay(6300).fadeIn(1000);
	
	$(".li53 a").hide(0).delay(6200).fadeIn(1000);
	$(".li54 a").hide(0).delay(5400).fadeIn(1000);
	$(".li55 a").hide(0).delay(4000).fadeIn(1000);
	$(".li56 a").hide(0).delay(3500).fadeIn(1000);
	$(".li57 a").hide(0).delay(2000+1500).fadeIn(1000);
	
	// eerste rij zwarte midden vlakjes
	//$(".li58 a").hide(0).delay(1600+1500).fadeIn(1000);
	//$(".li59 a").hide(0).delay(1200+1500).fadeIn(1000);
	//$(".li60 a").hide(0).delay(1000+1500).fadeIn(1000);
	
	$(".li61 a").hide(0).delay(2100+1500).fadeIn(1000);
	$(".li62 a").hide(0).delay(3000).fadeIn(1000);
	$(".li63 a").hide(0).delay(4100).fadeIn(1000);
	$(".li64 a").hide(0).delay(5100).fadeIn(1000);
	$(".li65 a").hide(0).delay(6300).fadeIn(1000);
	
	$(".li66 a").hide(0).delay(6100).fadeIn(1000);
	$(".li67 a").hide(0).delay(5200).fadeIn(1000);
	$(".li68 a").hide(0).delay(4100).fadeIn(1000);
	$(".li69 a").hide(0).delay(3000).fadeIn(1000);
	$(".li70 a").hide(0).delay(2300).fadeIn(1000);
	
	// logo vlak
	//$(".li71 a").hide(0).delay(1400+1500).fadeIn(1000);
	//$(".tgd_logo a").hide(0).delay(1300+1500).fadeIn(1000);
	//$(".li72 a").hide(0).delay(2000).fadeIn(1000);
	
	$(".li73 a").hide(0).delay(3500).fadeIn(1000);
	$(".li74 a").hide(0).delay(4000).fadeIn(1000);
	$(".li75 a").hide(0).delay(5600).fadeIn(1000);
	$(".li76 a").hide(0).delay(6100).fadeIn(1000);
	
	$(".li77 a").hide(0).delay(6100).fadeIn(1000);
	$(".li78 a").hide(0).delay(5000).fadeIn(1000);
	$(".li79 a").hide(0).delay(4300).fadeIn(1000);
	$(".li80 a").hide(0).delay(3000).fadeIn(1000);
	$(".li81 a").hide(0).delay(2400).fadeIn(1000);
	$(".li82 a").hide(0).delay(1500).fadeIn(1000);
	
	// button vlak
	//$(".li82 a").hide(0).delay(1000).fadeIn(1000);
	//$(".li83 a").hide(0).delay(1000).fadeIn(1000);
	//$(".li84 a").hide(0).delay(2600).fadeIn(1000);
	
	$(".li86 a").hide(0).delay(3000).fadeIn(1000);
	$(".li87 a").hide(0).delay(4300).fadeIn(1000);
	$(".li88 a").hide(0).delay(5200).fadeIn(1000);
	$(".li89 a").hide(0).delay(6000).fadeIn(1000);
	
	$(".li90 a").hide(0).delay(6100).fadeIn(1000);
	$(".li91 a").hide(0).delay(5000).fadeIn(1000);
	$(".li92 a").hide(0).delay(4100).fadeIn(1000);
	$(".li93 a").hide(0).delay(3000).fadeIn(1000);
	$(".li94 a").hide(0).delay(2300).fadeIn(1000);
	$(".li95 a").hide(0).delay(2500).fadeIn(1000);
	$(".li96 a").hide(0).delay(2000).fadeIn(1000);
	$(".li97 a").hide(0).delay(2300).fadeIn(1000);
	$(".li98 a").hide(0).delay(2500).fadeIn(1000);
	$(".li99 a").hide(0).delay(3000).fadeIn(1000);
	$(".li100 a").hide(0).delay(4100).fadeIn(1000);
	$(".li101 a").hide(0).delay(5000).fadeIn(1000);
	$(".li102 a").hide(0).delay(6200).fadeIn(1000);
	
	$(".li103 a").hide(0).delay(6000).fadeIn(1000);
	$(".li104 a").hide(0).delay(5200).fadeIn(1000);
	$(".li105 a").hide(0).delay(4000).fadeIn(1000);
	$(".li106 a").hide(0).delay(3100).fadeIn(1000);
	$(".li107 a").hide(0).delay(3000).fadeIn(1000);
	$(".li108 a").hide(0).delay(3000).fadeIn(1000);
	$(".li109 a").hide(0).delay(3100).fadeIn(1000);
	$(".li110 a").hide(0).delay(3000).fadeIn(1000);
	$(".li111 a").hide(0).delay(3200).fadeIn(1000);
	$(".li112 a").hide(0).delay(3000).fadeIn(1000);
	$(".li113 a").hide(0).delay(4100).fadeIn(1000);
	$(".li114 a").hide(0).delay(5000).fadeIn(1000);
	$(".li115 a").hide(0).delay(6100).fadeIn(1000);
	
	$(".li116 a").hide(0).delay(6000).fadeIn(1000);
	$(".li117 a").hide(0).delay(5100).fadeIn(1000);
	$(".li118 a").hide(0).delay(4000).fadeIn(1000);
	$(".li119 a").hide(0).delay(4100).fadeIn(1000);
	$(".li120 a").hide(0).delay(4000).fadeIn(1000);
	$(".li121 a").hide(0).delay(4200).fadeIn(1000);
	$(".li122 a").hide(0).delay(4000).fadeIn(1000);
	$(".li123 a").hide(0).delay(4300).fadeIn(1000);
	$(".li124 a").hide(0).delay(4000).fadeIn(1000);
	$(".li125 a").hide(0).delay(4100).fadeIn(1000);
	$(".li126 a").hide(0).delay(4000).fadeIn(1000);
	$(".li127 a").hide(0).delay(5100).fadeIn(1000);
	$(".li128 a").hide(0).delay(6000).fadeIn(1000);
	
	$(".li129 a").hide(0).delay(6300).fadeIn(1000);
	$(".li130 a").hide(0).delay(5000).fadeIn(1000);
	$(".li131 a").hide(0).delay(5200).fadeIn(1000);
	$(".li132 a").hide(0).delay(5000).fadeIn(1000);
	$(".li133 a").hide(0).delay(5100).fadeIn(1000);
	$(".li134 a").hide(0).delay(5000).fadeIn(1000);
	$(".li135 a").hide(0).delay(5200).fadeIn(1000);
	$(".li136 a").hide(0).delay(5000).fadeIn(1000);
	$(".li137 a").hide(0).delay(5100).fadeIn(1000);
	$(".li138 a").hide(0).delay(5000).fadeIn(1000);
	$(".li139 a").hide(0).delay(5100).fadeIn(1000);
	$(".li140 a").hide(0).delay(5000).fadeIn(1000);
	$(".li141 a").hide(0).delay(6000).fadeIn(1000);
	$(".li142 a").hide(0).delay(6000).fadeIn(1000);
});