$(document).ready(function()
{	
	// Formulier validatie
	$("#newsletterForm").validate({
		errorLabelContainer: "#errorLegenda"
	});
	
	$('#newsletter-holder').jScrollPane();
	
	//Filter effects
	filter_menu();
	
	$(".filterjaar").click( function()
	{	
		//Jaar, Show all
		filterNewsletter( this.name, false);
		
		//Jaar, Show all
		getSelectedItem( this.name, false );
		closeMenu();
		return false;
	});
	
	$(".showAll").click( function()
	{	
		//Jaar, Show all 
		filterNewsletter( 0, true ); 
		
		//Jaar, Show all
		getSelectedItem( 0, true );
		closeMenu();
	});
	
	//Custom Validatie voor de checkboxen en radio buttons er wordt voor input velden namelijk een standaard container gebruikt...
	$("#submit").click(function() {
		
		// Eerst de variable vullen krijgt 1 of 0 terug van .valid() online documentatie zegt boolean maar alert is 0/1.
		var prefix = $("input[name^='prefix']").valid();
		var newsletter = $("input[name^='newsletter']").valid();
		var country = $("select[name^='country']").valid();
		var occupation = $("select[name^='function']").valid();
		
		//Als prefix gevuld is tonen we geen background
		if( prefix != 0 )
		{	
			$('#radioBox').css( 'background-image', 'none' );
		}
		else
		{	
			$('#radioBox').css( 'background-image', 'url(images/form_input_bg_error.gif)' );
		}
		
		//Als newsletter gevuld is tonen we geen background
		if( newsletter != 0 )
		{
			$('#checkLabel').css( 'background-image', 'none' );
		}
		else
		{
			$('#checkLabel').css( 'background-image', 'url(images/form_input_bg_error.gif)' );
		}
		
		//Als country gevuld is tonen we de normale kleur
		if( country != 0 )
		{
			$('#select-country').css( 'border', 'none' );
		}
		else
		{
			$('#select-country').css( 'border', '1px solid #bf3108' );
		}

		//Als occupation gevuld is tonen we de normale kleur
		if( occupation != 0 )
		{
			$('#select-function').css( 'border', 'none' );
		}
		else
		{
			$('#select-function').css( 'border', '1px solid #bf3108' );
		}
	});
	
	//Error messages leeg maken
	$.validator.messages.required = "";
	
	// Dit heb je nodig om de waarden van de checkboxen uit te lezen
	$.metadata.setType("attr", "validate");
	
	$('#submit').mouseover(
		function()
		{
			$(this).attr('src', 'images/bt_send-ov_03.gif');
		}
	);
		
	$('#submit').mouseout(
		function()
		{
			$(this).attr('src', 'images/bt_send_03.gif');
		}
	);
	
	//fancybox
	$("a.newsletterLink").fancybox({
		'hideOnContentClick': false,
		'autoDimensions'	: false,
		'showCloseButton'   : false,
		'scrolling'			: 'auto',
		'centerOnScroll'	: true,
		'width'				: 770,
		'height'			: 630,
		'type'				: 'iframe',
		'titlePosition' 	: 'inside',
		'showNavArrows'		: true,
		'titleFormat'		: formatTitle
	});
	
	//fancybox
	$("a#fancy-form").click(function() 
	{	
		$.fancybox({
			'hideOnContentClick': false,
			'hideOnOverlayClick': false,
			'autoDimensions'	: false,
			'showCloseButton'   : false,
			'enableEscapeButton': false,
			'scrolling'			: 'no',
			'centerOnScroll'	: false,
			'width'				: 360,
			'height'			: 'auto',
			'href'				: 'templates/pages/newsletter/form/index.php',
			'titlePosition' 	: 'inside',
			'showNavArrows'		: false,
			'titleFormat'		: formatTitle
		});
		
		return false;
	});
});

//Filter evenementen
function filterNewsletter( p_iYear, p_bShowAll )
{
	$.ajax({
		url: "templates/pages/newsletter/ajax/filter.php?jaar="+p_iYear+"&show="+p_bShowAll,
		cache: true,
		dataType: 'json', 
		success: function( result )
		{	
			//String opbouwen
			var l_sHTML = '';
			
			var count = 0;
			
			$.each(result, function(key, value) 
			{ 	
				//Smarty iteration vervangen
				if( count % 4 == 4 )
				{
					l_sHTML += '<div class="newsletter less-margin">';
				}
				else if( count < 4 )
				{
					l_sHTML += '<div class="newsletter margin-top" >';
				}
				else if( count == 4 )
				{
					l_sHTML += '<div class="newsletter less-margin-first" >';
				}
				
				l_sHTML += '<a href="'+value.url+'" class="newsletterLink" rel="group">';
					l_sHTML += '<img src="uploads/newsletter/'+value.photo+'" alt="'+value.title+'" title="'+value.title+'" width="170" height="235"/><a/>';
				l_sHTML +=	'<a href="'+value.url+'" class="newsletterLink">'+value.send_date+'</a></div>';		
				
				count++;
			});
	
			//String plaatsen
			$('#newsletter-holder').html(l_sHTML);
			
			//fancybox
			$("a.newsletterLink").fancybox({
				'hideOnContentClick': false,
				'autoDimensions'	: false,
				'showCloseButton'   : false,
				'scrolling'			: 'auto',
				'centerOnScroll'	: true,
				'width'				: 770,
				'height'			: 630,
				'type'				: 'iframe',
				'titlePosition' 	: 'inside',
				'showNavArrows'		: true,
				'titleFormat'		: formatTitle
			});
			
			// Scrollbar
			$('#newsletter-holder').jScrollPane();
			
			//Menu functie weer aanroepen zodat het gebruikt kan blijven worden.
			$('.menu > li').bind('mouseover', jsddm_open);
			//$('.menubutton').bind('click', jsddm_open);
			$('.menu > li').bind('mouseout',  jsddm_timer);
		}
	});
}

function getSelectedItem( p_iYear, p_sCountry, p_bShowAll )
{	
	var l_sHTMLYear = 'CHOOSE YEAR';

	//Als er op show all geklikt selectie resetten
	if( p_bShowAll ) 
	{	
		$('div.selectYear').html(l_sHTMLYear).css('background-color', '#FFFFFF');
		$('div.showAll').css('background-color', '#BE3100');
	}
	else
	{
		l_sHTMLYear = '<a href="#" onclick="return false;" class="filterjaar selected {if $smarty.section.years.last}lastItem{/if}" name="'+p_iYear+'">'+p_iYear+'</a>';
	
		//Highlight resetten
		$('div.showAll').css('background-color', '#FFFFFF');
		$('div.showAll a').css('color', '#000000');
				
		//Geselecteerde jaar tonen
		if( p_iYear.length > 0 )
		{ 
			$('div.selectYear').html(l_sHTMLYear).css('background-color', '#BE3100'); 
		}
	}
}

//Custom title voor fancybox
function formatTitle( title, currentArray, currentIndex, currentOpts ) {
    return '<div id="closeBox"><a href="#" onclick="$.fancybox.close(); return false;"><img src="images/close.gif" /></a></div>';
}