$(document).ready(function(){
  var huidige_positie = 0;
  var fiche_breedte = 680;
  var fiches = $('.fiche');
  var aantal_fiches = fiches.length;

  
  fiches
    .wrapAll('<div id="fiche_totaal_breedte"></div>')
  
	.css({
      'float' : 'left',
      'width' : fiche_breedte
    });


  $('#fiche_totaal_breedte').css('width', fiche_breedte * aantal_fiches);


  $('#fiche_slider')
 
 

  //knop_beheer(huidige_positie);


  $('.control')
    .bind('click', function slide(){

	var richting = $(this).attr('id');

		if (richting == 'knop_rechts')
		{
			huidige_positie = huidige_positie + 1;
		}else {
			huidige_positie = huidige_positie - 1;	
		}
		
	if ((aantal_fiches > huidige_positie) && (huidige_positie >= 0))
	{
		
					$('#fiche_totaal_breedte').animate({
					  'marginLeft' : fiche_breedte*(-huidige_positie)
					});	
			
	}else {
				if (huidige_positie < 0)
		{
			huidige_positie = 0;
			}else {
				
				huidige_positie = aantal_fiches;
				
				}
		}
		

  
  });
 




  function knop_beheer(positie){
	/*
	if(positie==0)
		{
			 $('#knop_links').hide()
			 $('#knop_links').disable() 
		} else{
			 $('#knop_links').show() 
		}
	// Hide right arrow if position is last fiche
    if(positie==aantal_fiches-1)
		{ 
		$('#knop_rechts').hide()
		$('#knop_rechts').attr('disabled', 'disabled');
		$('#knop_links').show() 
		} else{ 
		$('#knop_rechts').show() 
	}
	*/
  }	
  

});