$(document).ready(function()
{
	$.g_aSerieId = new Array();
	$.g_aSerieCount = new Array();	// Deze array hebben we nodig om het terugschuiven goed te laten verlopen
	
	// Global var maken voor het onthouden van de gekozen serie
	$('div.serieImages').each( function()
	{
		// Restwaarde berekenen met de modulo (%)
		$.g_aSerieCount[ this.id ] = ( $( 'div#'+this.id+' ul li' ).size() % 4 );
		$.g_aSerieId[ this.id ] = $( 'div#'+this.id+' ul li:first-child' ).attr('id');
	});

	//Filter effects
	filter_menu();

	// Vorige en volgende knoppen activeren
	$('.navigation-left').click( function()
	{
		gotoPrevious( this.name );
		return false;
	});
	
	$('.navigation-right').click( function()
	{
		gotoNext( this.name );
		return false;
	});

	$('.n_newsButton').click( function()
	{
		$('.n_hide').slideUp( 500, function()
		{ 
			$('#innerContent').jScrollPane(); 
		});
		
		$('.arrow').css( 'background-image', 'url(templates/pages/news/images/arrow.gif)' );

		if( $('#n_hide_'+this.id).is(":hidden") )
		{
			$('#n_hide_'+this.id).slideDown( 500, function()
			{
				$('#innerContent').jScrollPane( {animateTo:true} );
				$l_oNewsTitle = $(this).parent().position().top;
				
				$('#innerContent')[0].scrollTo( $l_oNewsTitle );
				$('#'+$.lastImage).css('display', 'list-item');
				
			});
			
			$('.arrow-'+this.id).css( 'background-image', 'url(templates/pages/news/images/arrow-over.gif)' );
		}
		return false;
	});

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

});

// Animeer de juiste serie naar de juiste positie
function animateSerie( p_iSerie )
{
	// Top en left bepalen
	//var l_iPositionTop = $( 'div#serieImages'+p_iSerie+' ul li#' + $.g_aSerieId['serieImages'+p_iSerie] ).position().top;
	//var l_iPositionLeft = $( 'div#serieImages'+p_iSerie+' ul li#' + $.g_aSerieId['serieImages'+p_iSerie] ).position().left;
	var currentimage = $( 'div#serieImages'+p_iSerie+' ul li#' + $.g_aSerieId['serieImages'+p_iSerie] );
	
	//Laatse getoonde image opslaan in global var
	$.lastImage = $(currentimage).attr('id');
	
	// Animeer de gekozen serie naar de juiste plaats

		//top: '-' + l_iPositionTop,
		//left: '-' + l_iPositionLeft

	if( $( currentimage ).is(":hidden") )
	{
		$( currentimage.prev() ).fadeOut( 500 );
		$( currentimage.next() ).fadeOut( 500 );
		$( currentimage ).fadeIn( 500 );
	}

	return false;
}

// Naar de vorige serie gaan
function gotoPrevious( p_iSerie )
{
	l_oCurrent = $( 'div#serieImages'+p_iSerie+' ul li#' + $.g_aSerieId['serieImages'+p_iSerie] );

	if( l_oCurrent.prev().attr('id') != undefined )
	{
		$.g_aSerieId['serieImages'+p_iSerie] = l_oCurrent.prev().attr('id');
		animateSerie( p_iSerie );
	}

	// Knoppen tonen of verbergen
	l_sVisibility = ( l_oCurrent.prev().prev().attr('id') != undefined ) ? "visible" : "hidden";
	$( '#left'+p_iSerie ).css( "visibility", l_sVisibility );
	$( '#right'+p_iSerie ).css( "visibility", "visible" );

	return false;
}

// Naar de volgende serie gaan
function gotoNext( p_iSerie )
{
	l_oCurrent = $( 'div#serieImages'+p_iSerie+' ul li#' + $.g_aSerieId['serieImages'+p_iSerie] );

	if( l_oCurrent.next().attr('id') != undefined )
	{
		$.g_aSerieId['serieImages'+p_iSerie] = l_oCurrent.next().attr('id');
		animateSerie( p_iSerie );
	}

	// Knoppen tonen of verbergen
	l_sVisibility = ( l_oCurrent.next().next().attr('id') != undefined ) ? "visible" : "hidden";
	$( '#right'+p_iSerie ).css( "visibility", l_sVisibility );
	$( '#left'+p_iSerie ).css( "visibility", "visible" );

	return false;
}