$(document).ready(function()
{	
	// Scrollbar toevoegen
	$('#innerContent').jScrollPane();

	//Filter effects
	filter_menu();
	
	$(".filterjaar").click( function()
	{	
		//Jaar, Land en Show all
		filterEvents( this.name, 0, false );
		
		//Jaar, Land en Show all
		getSelectedItem( this.name, 0, false );
		closeMenu();
		return false;
	});

	$(".filterland").click( function()
	{	
		//Jaar, Land en Show all
		filterEvents( 0, this.name, false );
		
		//Jaar, Land en Show all
		getSelectedItem( 0, this.name, false );
		closeMenu();
		return false;
	});
	
	$(".showAll").click( function()
	{	
		//Jaar Land en Show all
		filterEvents( 0, 0, true ); 
		
		//Jaar, Land en Show all
		getSelectedItem( 0, 0, true );
		closeMenu();
		return false;
	});

	//Table manipulatie
	dynamic_table();
	
	$.g_iActive = 0;
});

function dynamic_table()
{	
	var contentWidth = 	$('#content').width();	// Breedte van element #content
	
	$('#eventsTable').css( 'width', contentWidth - 65 );
	
	$('.rowHover').click(
		
		function() 
		{	
			var event = $(this).attr('id');
			var clicked = $(this);				// Huidige element
			var image  = $( '#'+this.id+' img.pijltje');	// huidige image
			$.g_iActive = $(this).attr('id');
			
			$('.rowHover').removeClass('invertColor');
			$('.pijltje').attr('src', 'templates/pages/events/images/arrow-event-closed.gif');
			
			if( $('#eventNews-'+event ).is(':hidden') )
			{
				$(image).attr('src', 'templates/pages/events/images/arrow-event-open.gif');
				$(clicked).addClass('invertColor');
				$('#eventNews-'+event ).slideDown( 200 );
			}
			else
			{
				$(image).attr('src', 'templates/pages/events/images/arrow-event-open.gif');
				$(clicked).addClass('invertColor');
				$('#eventNews-'+event ).slideUp( 200 );
			}

			// Scrollbar toevoegen
			$('#innerContent').jScrollPane();
		}, 

		function() 
		{	
			var event = $(this).attr('id');
			var clicked = $(this); // Huidige element
			var image = $( '#'+this.id+' img.pijltje'); // huidige image
			
			if( $('#eventNews-'+event ).is(':hidden') )
			{
				$(clicked).removeClass('invertColor');
				$('.pijltje').attr('src', 'templates/pages/events/images/arrow-event-closed.gif');
				$('#eventNews-'+event ).slideUp( 200 );
			}
			else
			{
				$(image).attr('src', 'templates/pages/events/images/arrow-event-open.gif');
				$(clicked).addClass('invertColor');
				$('#eventNews-'+event ).slideDown( 200 );
			}
		}
	);	

	$('.rowHover').mouseover(
	
		function()
		{	
			var clicked = $(this); // Huidige element
			var image  = $(this).find("img"); // huidige image

			$(image).attr('src', 'templates/pages/events/images/arrow-event-open.gif');
			$(clicked).addClass('invertColor');
		}
	);

	$('.rowHover').mouseout(
		
		function()
		{	
			var event = $(this).attr('id');
			var clicked = $(this); // Huidige element
			var image  = $(this).find("img"); // huidige image
			
			if( $.g_iActive != event )
			{	
				$(image).attr('src', 'templates/pages/events/images/arrow-event-closed.gif');
				$(clicked).removeClass('invertColor');
			}
			
		}
	);
}

// Filter evenementen
function filterEvents( p_iYear, p_iCountry, p_bShowAll )
{
	$.ajax({
		url: "templates/pages/events/ajax/filter.php?jaar="+p_iYear+"&land="+p_iCountry+"&show="+p_bShowAll,
		cache: true,
		dataType: 'json', 
		success: function( result )
		{
			var l_sHTML = '<tr id="tableHead"><td class="td-country"><span><strong>COUNTRY</strong></span></td><td class="td-spacer">&nbsp;</td><td class="td-city"><strong>CITY</strong></td><td class="td-spacer">&nbsp;</td><td class="td-name"><strong>NAME</strong></td><td class="td-spacer">&nbsp;</td><td class="td-desc"><strong>DESCRIPTION</strong></td><td class="td-spacer">&nbsp;</td><td><strong>DATE</strong></td></tr>';
			
			if(result.length > 0 )
			{
				$.each(result, function(key, value) 
				{ 
					l_sHTML += '<tr class="rowHover" id="'+value.event_id+'">';
						l_sHTML += '<td class="td-country"><span>';
						if( value.news.length > 0 || value.website.length > 0) l_sHTML += '<img src="templates/pages/events/images/arrow-event-closed.gif" alt="closed" />';
						l_sHTML += value.country+'</span></td><td class="td-spacer">&nbsp;</td>';
						l_sHTML += '<td class="td-city">'+value.city+'</td><td class="td-spacer">&nbsp;</td>';
						l_sHTML += '<td class="td-name">'+value.name+'</td><td class="td-spacer">&nbsp;</td>';
						l_sHTML += '<td class="td-desc">'+value.description+'</td><td class="td-spacer">&nbsp;</td>';
						l_sHTML += '<td class="eventDate">'+value.event_start+' - '+value.event_end+'</td>';
					l_sHTML += '</tr>';
					
					if( value.news.length > 0 || value.website.length > 0 )
					{
						l_sHTML += '<tr class="eventNews" id="eventNews-'+value.event_id+'">';					
		
						l_sHTML += '<td colspan="9"><img src="templates/pages/events/images/table_spacer.gif" alt="" class="spaceImage"/>';
	
						$.each(value.news, function(keyNews, valueNews) 
						{
							l_sHTML += '<a href="news/'+valueNews.news_id+'/'+valueNews.url_friendly+'.html">'+valueNews.news_title+'</a>';
						});
						if( value.website.length > 0 ) l_sHTML += '<a class="website" href="http://'+value.website+'" target="_blank">'+value.website+'</a>';
						l_sHTML += '</td>';
						l_sHTML += '</tr>';
					}
					l_sHTML += '<tr class="tableSpacer">';
						l_sHTML += '<td colspan="9"><img src="templates/pages/events/images/table_spacer.gif" alt="" class="spaceImage"/></td>';
					l_sHTML += '</tr>';
				});
			}
			else
			{
				l_sHTML += '<tr class="tableSpacer">';
					l_sHTML += '<td colspan="9"><span style="margin-left: 10px;">There are no events in this selection.</span></td>';
				l_sHTML += '</tr>';
			}

			$('table#eventsTable').html(l_sHTML);

			// Scrollbar toevoegen
			$('#innerContent').jScrollPane();
			
			// Table effects
			dynamic_table();
		}
	});
}

function getSelectedItem( p_iYear, p_sCountry, p_bShowAll )
{	
	var l_sHTMLYear = 'CHOOSE YEAR';
	var l_sHTMLCountry = 'CHOOSE COUNTRY';
	
	//Als er op show all geklikt selectie resetten
	if( p_bShowAll ) 
	{	
		$('div.selectYear').html(l_sHTMLYear).css('background-color', '#FFFFFF');
		$('div.selectCountry').html(l_sHTMLCountry).css('background-color', '#FFFFFF');
		
		//Highlighten
		$('div.showAll').css('background-color', '#BE3100');
		
		$('div.upcomming').css('background-color', '#FFFFFF');
	}
	else
	{
		l_sHTMLYear = '<a href="#" onclick="return false;" class="filterjaar selected {if $smarty.section.years.last}lastItem{/if}" name="'+p_iYear+'">'+p_iYear+'</a>';
		l_sHTMLCountry = '<a href="#" onclick="return false;" class="filterland selected {if $smarty.section.country.last}lastItem{/if}" name="'+p_sCountry+'">'+p_sCountry+'</a>';
		
		//Highlight resetten
		$('div.showAll').css('background-color', '#FFFFFF');
		
		$('div.upcomming').css('background-color', '#FFFFFF');
		
		//Geselecteerd jaar tonen
		if( p_iYear.length > 0 )
		{ 
			$('div.selectYear').html(l_sHTMLYear).css('background-color', '#BE3100'); 
		}
			
		//Geselecteerd land tonen
		if( p_sCountry.length > 0 )
		{ 	
			$('div.selectCountry').html(l_sHTMLCountry).css('background-color', '#BE3100'); 
		}
	}
}