/* /site/js/jquery/jquery.innerfade.js */
$(document).ready(function() { 
	var innerfade_options = { 
		animationtype: 'fade',/* hier kun je de volgende opties gebruiken: 'fade' or 'slide' */
		speed: 'slow', /* hier kun je de volgende opties gebruiken: Fadingspeed in milliseconds or keywords (slow, normal or fast) */
		timeout: 10000, /* hier kun je de volgende opties gebruiken: Time between the fades in milliseconds */
		type: 'sequence',/* hier kun je de volgende opties gebruiken: 'sequence', 'random' or 'random_start'*/
		containerheight: '250px'
	};
	
	$('#image_rotate').innerfade(innerfade_options);
	
	var $container_div = $('<div />').css({ 
		textAlign: 'right', 
		marginBottom: '5px',
		marginRight: '18px'
	}).attr('id', 'slider_nav');
	
	$('#image_rotate > div').each(function(ndx, val) {
		var $new_block = $('<span />').css({
			height: '15px',
			width: '15px',
			border: '1px solid #00B7E5',
			display: 'inline-block',
			marginLeft: '3px',
			fontSize: '10px',
			cursor: 'pointer'
		}).html((ndx + 1)).data('index', ndx);
		
		$new_block.click(function() {
			// handler om slider handmatig te doen
			var index = $(this).data('index');
			var elements = $('#image_rotate').children();
			var current = elements.index($('#image_rotate').children(':visible'));
			jQuery.innerfade.next(elements, innerfade_options, index, current);
			
			// console.log();
		});
		
		$container_div.append($new_block);
	});
	
	$('#image_rotate').before($container_div);
	$('#slider_nav > span:first').addClass('active');
});