$(document).ready(function() {
	slider('#slider');
	//contactForm('#contactform>form');
});

function slider(element) {
 	$(element).addClass('slider');
	var imgwidth = '445';
		
	$(element+'>#imgcontainer img').each(function(i) {
		var nr = i+1;
		$('.controls').append('<a href="#" class="thumb">'+nr+'</a>');
	});
	
	$('.slider>.controls>.thumb:eq(1)').addClass('active');	
	$('.slider>#imgcontainer>img:eq(1)').animate({opacity: '1'});
	
	play();
// 	imgClick();
	
	function play() {
		autoPlay = setInterval(function() {
		
			var current = $('.slider>.controls>.thumb').index($('.active'));
			var next = current + 1;
			
			if($('.slider>.controls>.active').next('.thumb').size() == '0') {
				slideTo('0');
			}
			else {	
				slideTo(next);
			}

		}, 5000);
	}
	
	function imgClick() {
		pauze();
		$('.slider>#imgcontainer>img').click(function() {
			slideTo($('.slider>#imgcontainer>img').index(this));
		});
	}

	function pauze() {
		$('.pauze').addClass('play').removeClass('pauze');
		clearInterval(autoPlay);
	}
	
	$(element+'>.controls>.pauze').toggle(function() {
		pauze();
		return false;
	}, function() {
		$(this).addClass('pauze').removeClass('play');
		play();
		return false;
	});
	
	$('.slider>.controls>.thumb').click(function() {
		pauze();
		$('.slider>.controls>.thumb').removeClass('active');
		$(this).addClass('active');
		slideTo($('.slider>.controls>.thumb').index($(this)));
		return false;
	});
	
	$(element).hover(function() {
		$('.controls').fadeIn();
	}, function() {
		$('.controls').fadeOut();
	});
	
	function slideTo(imgnr) {
	
		$('.slider>.controls>.thumb').removeClass('active');
		$('.slider>.controls>.thumb:eq('+imgnr+')').addClass('active')

		var scroll = imgwidth * imgnr - imgwidth;
		
		$('.slider>#imgcontainer').animate({marginLeft: -scroll}, function() {
			$('.slider>#imgcontainer>img').animate({opacity: '0.2'});
			$('.slider>#imgcontainer>img:eq('+imgnr+')').animate({opacity: '1'});
		});
	}
	
};

function contactForm(formid) {
	$(formid).submit(function() {
		if($(formid+' .required:[value=]').size()>0) {
			$(formid+' .required').css('border','1px solid transparent');
			$(formid+' .required[value=]').each(function() {
				$(this).css('border','1px dotted red');
				$(formid+' .error').fadeIn();
			});
			return false;
		}
		else {
			$.post($(this).attr('action'), $(this).serialize(), function() {
			$(formid+' .error').fadeOut();
			$(formid+' fieldset').fadeOut('def', function() {
					$(formid+' .succes').fadeIn();
					setTimeout(function() { window.location='contactformulier.lasso'; }, 3000);
				});
			});
			return false;
		}
	});
}