$(document).ready(function()
{
	// Photo gallery EVENTS
	$("div.hidden_galleries.events a").fancybox({
		'transitionIn'		: 'fade',
		'transitionOut'		: 'fade',
		'titlePosition' 	: 'over',
		'padding' 			: 0,
		//'overlayColor' 		: '#C4E3FE',
		'overlayColor' 		: '#000',
		'overlayOpacity' 	: 0.8,
		'titleShow'			: true,
		'titleFormat'		: function(title, currentArray, currentIndex, currentOpts)
							  {
								var fototitel = title.substring(0,title.lastIndexOf('$$')-1);
								var descr = title.substring(title.lastIndexOf('$$')+3);
								
								var display_descr;
								(descr == 'Omschrijving nog in te vullen...') ? display_descr = 'none' : display_descr = 'block';
								
								return '<span id="fancybox-title-over" style="display:'+display_descr+';">'+ (title.length ? descr : '') + '</span> \
										<span id="fancybox-title-bottom">'+fototitel+' <!--(' + (currentIndex + 1) + '/' + currentArray.length  + ')--></span>';
						  	  }
	});
	
	// Photo gallery THEATER
	$("div.hidden_galleries.theater a, div.hidden_fotoalbum a").fancybox({
		'transitionIn'		: 'fade',
		'transitionOut'		: 'fade',
		'titlePosition' 	: 'over',
		'padding' 			: 0,
		//'overlayColor' 		: '#DCA682',
		'overlayColor' 		: '#000',
		'overlayOpacity' 	: 0.8,
		'titleShow'			: true,
		'titleFormat'		: function(title, currentArray, currentIndex, currentOpts)
							  {
								var fototitel = title.substring(0,title.lastIndexOf('$$')-1);
								var descr = title.substring(title.lastIndexOf('$$')+3);
								
								var display_descr;
								(descr == 'Omschrijving nog in te vullen...') ? display_descr = 'none' : display_descr = 'block';
								
								return '<span id="fancybox-title-over" style="display:'+display_descr+';">'+ (title.length ? descr : '') + '</span> \
										<span id="fancybox-title-bottom">'+fototitel+' <!--(' + (currentIndex + 1) + '/' + currentArray.length  + ')--></span>';
						  	  }
	});
	
	// Photo gallery CV
	$("div.hidden_galleries.cv a").fancybox({
		'transitionIn'		: 'fade',
		'transitionOut'		: 'fade',
		'titlePosition' 	: 'over',
		'padding' 			: 0,
		//'overlayColor' 		: '#C4E3FE',
		'overlayColor' 		: '#000',
		'overlayOpacity' 	: 0.8,
		'titleShow'			: true,
		'titleFormat'		: function(title, currentArray, currentIndex, currentOpts)
							  {
								var fototitel = title.substring(0,title.lastIndexOf('$$')-1);
								var descr = title.substring(title.lastIndexOf('$$')+3);
								
								var display_descr;
								(descr == 'Omschrijving nog in te vullen...') ? display_descr = 'none' : display_descr = 'block';
								
								return '<span id="fancybox-title-over" style="display:'+display_descr+';">'+ (title.length ? descr : '') + '</span> \
										<span id="fancybox-title-bottom">'+fototitel+' <!--(' + (currentIndex + 1) + '/' + currentArray.length  + ')--></span>';
						  	  }
	});
	
	// trigger photo gallery from cv button
	$('a.cv_button').click(function()
	{
		var subcat = $(this).parent().find('h3').text();
		$('div.hidden_galleries p[rel="'+subcat+'"] a:first').trigger('click');
		$('div.hidden_galleries p[rel="'+subcat+'"] a:first').css('color','red');
	});
	
	// trigger photo gallery from submenu
	$('ul.submenu li a').click(function()
	{
		var subcat = $(this).text();
		$('div.hidden_galleries p[rel="'+subcat+'"] a:first').trigger('click');
	});	
		
	// trigger photo gallery from open_gallery button
	$('div#content a.button.open_gallery').click(function()
	{
		$('div.hidden_galleries a:first').trigger('click');
	});
	
	// trigger fotoalbum gallery
	$('a#launch_fotoalbum').click(function() {
		$('div.hidden_fotoalbum a:first').trigger('click');
	});
	
	/* trigger youtube video */
	$('a.youtube').click(function()
	{
		$.fancybox({
			'padding'		: 0,
			'autoScale'		: false,
			'transitionIn'	: 'elastic',
			'transitionOut'	: 'none',
			'overlayColor' 	: '#000',
			'overlayOpacity': 0.6,
			//'title'			: this.title,
			'title'			: '',
			'width'			: 680,
			'height'		: 495,
			'href'			: this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
			'type'			: 'swf',
			'swf'			: {
				'wmode'		: 'transparent',
				'allowfullscreen'	: 'true'
			}
		});
		
		return false;		
	});
	
	
	/*Jquery tabs page Yann*/
	//When page loads...
	$(".tab_content").hide(); //Hide all content
	$("ul.tabs li:first").addClass("active").show(); //Activate first tab
	$(".tab_content:first").show(); //Show first tab content

	//On Click Event
	$("ul.tabs li").click(function()
	{
		$("ul.tabs li").removeClass("active"); //Remove any "active" class
		$(this).addClass("active"); //Add "active" class to selected tab
		$(".tab_content").hide(); //Hide all tab content

		var activeTab = $(this).find("a").attr("href"); //Find the href attribute value to identify the active tab + content
		$(activeTab).fadeIn(); //Fade in the active ID content
		return false;
	});
	
	// Nav op home roteren
	if($('body.home ul#main_menu').length)
	{
		if($.browser.msie && ($.browser.version == '8.0' || $.browser.version == '9.0'))
		{
			//alert($.browser.version);
		}
		else
		{
			var homenav = document.getElementById('main_menu');
			cssSandpaper.setTransform(homenav, 'rotate(-16deg)');
		}
	}
	
	// Toggle Faces
	if($('div.faces_wrapper').length)
	{
		var totaal = $('div.faces_wrapper img').size();
		
		$('a#meer_faces').click(function(e) {			
			var selected = $('div.faces_wrapper img.selected').index();
			var next = selected+1;
			if(next == totaal) {
				next = 0;
			}
			$('div.faces_wrapper img').removeClass('selected');
			$('div.faces_wrapper img:eq('+next+')').addClass('selected');			
		});
	}
		
});