$( function()
{
	var speed = 400;
	
	var skaterRight = $( '#skaterRight' );
	var skaterLeft	= $( '#skaterLeft' );
	var logo1		= $( '#logo1' );
	var logo2		= $( '#logo2' );
	var team1		= $( '#team1' );
	var team2		= $( '#team2' );
	var datum		= $( '#datum' );	
	var volgende	= $( '#volgende' );	
	var vorige		= $( '#vorige' );
	
	checkKlikbaarheidKnoppen();
	
	skaterRight.css( 'marginRight', "-200px" );
	skaterLeft.css( 'marginLeft', "-200px" );
	logo1.css( 'display', "none" );
	logo2.css( 'display', "none" );			
	team1.css( 'display', "none" );		
	team2.css( 'display', "none" );
	datum.css( 'display', "none" );
	vorige.css( 'display', "block" );
	volgende.css( 'display', "block" );
	
	skaterRight.animate({marginRight: "0"}, speed );
	skaterLeft.animate({marginLeft: "0"}, speed );
	logo1.fadeIn(speed);
	logo2.fadeIn(speed);			
	team1.fadeIn(speed);		
	team2.fadeIn(speed);
	datum.fadeIn(speed);
	
	$( '.wedstrijdKnop' ).click( function()
	{
		vorige.css( 'display', "none" );
		volgende.css( 'display', "none" );
		
		var wedstrijd 	= $( this ).attr( 'href' );
		if( wedstrijd == '' ) return false;
		
		wedstrijdSlider( wedstrijd );
		
		return false;
	});

	function checkKlikbaarheidKnoppen()
	{
		var vorigeHref 		= vorige.attr( 'href' );
		var volgendeHref 	= volgende.attr( 'href' );
		
		if( vorigeHref == '' )
		{
			vorige.css( 'visibility', 'hidden' );
		}
		else
		{
			vorige.css( 'visibility', 'visible' );
		}
		
		if( volgendeHref == '' )
		{
			volgende.css( 'visibility', 'hidden' );
			vorige.css( 'right', '20px' );
		}
		else
		{
			volgende.css( 'visibility', 'visible' );
			vorige.css( 'right', '50px' );
		}
		return false;
	}
	
	function wedstrijdSlider( wedstrijd )
	{
		logo1.stop();
		logo2.stop();
		team1.stop();
		team2.stop();
		datum.stop();
		skaterLeft.stop();
		skaterRight.stop();
		
		logo1.fadeOut(speed);
		logo2.fadeOut(speed);
		team1.fadeOut(speed);
		team2.fadeOut(speed);
		datum.fadeOut(speed);
		skaterLeft.animate({marginLeft: "-200px"}, speed );
		skaterRight.animate({marginRight: "-200px"}, speed, function()
		{
			$.ajax({
				url: '/wedstrijd-ajax.php', 
				data: 'WedstrijdID=' + wedstrijd,
				type: 'GET',
		 
				success: function( results ) {
	
					$( results ).each( function()
					{
						datum.html( $(this).find('datum').text() );
						team1.html( $(this).find('team1').text() );
						team2.html( $(this).find('team2').text() );
						
						skaterLeft.attr( 'src', '/userdata/teams/skaters/home/' + $(this).find('skaterLeft').text() );
						skaterRight.attr( 'src', '/userdata/teams/skaters/home/' + $(this).find('skaterRight').text() );
						logo1.attr( 'src', '/userdata/teams/Homelinks/' + $(this).find('logo1').text() );
						logo2.attr( 'src', '/userdata/teams/Homerechts/' + $(this).find('logo2').text() );
						
						volgende.attr( 'href', $(this).find('volgende').text() );
						vorige.attr( 'href', $(this).find('vorige').text() );
					}); 
					
					checkKlikbaarheidKnoppen();
					
					skaterRight.animate({marginRight: "0"}, speed );
					skaterLeft.animate({marginLeft: "0"}, speed );
					logo1.fadeIn(speed);
					logo2.fadeIn(speed);			
					team1.fadeIn(speed);		
					team2.fadeIn(speed);
					datum.fadeIn(speed);
				}
			});
			
			volgende.css( 'display', "block" );
			vorige.css( 'display', "block" );
			
		});	

		return false;
	}
});