$(document).ready(function() {

	if ($('#edit-submit').length > 0)
	{
		$('#edit-submit').click(function () {
        
			var name 		= $('#edit-name').attr('value'); 
			var mail 		= $('#edit-mail').attr('value');
			var subject 	= $('#edit-subject').attr('value');
			var message 	= $('#edit-message').attr('value');
        
			if (name == '')
				$('input#edit-name').attr('style', 'border:solid 1px #ff0000; padding:2px;');
			else
				$('input#edit-name').attr('style', 'border:solid 1px #353535; padding:2px;');
        
			if (mail == '')
				$('input#edit-mail').attr('style', 'border:solid 1px #ff0000; padding:2px;');
			else
				$('input#edit-mail').attr('style', 'border:solid 1px #353535; padding:2px;');
        
			if (!echeck(mail))
				$('input#edit-mail').attr('style', 'border:solid 1px #ff0000; padding:2px');
			else
				$('input#edit-mail').attr('style', 'border:solid 1px #353535; padding:2px;');
        
			if (subject == '')
				$('input#edit-subject').attr('style', 'border:solid 1px #ff0000; padding:2px;');
			else
				$('input#edit-subject').attr('style', 'border:solid 1px #353535; padding:2px;');
        
			if (message == '')
				$('textarea#edit-message').attr('style', 'border:solid 1px #ff0000;');
			else
				$('textarea#edit-message').attr('style', 'border:solid 1px #353535;');
        
			if ((name != '') && (mail != '') && (echeck(mail)) && (message != '') && (subject != ''))
			{
				$.ajax({
					type: "POST",
					url: "contact.php",
					data: "name=" + name + "&mail=" + mail + "&subject=" + subject + "&message=" + message,
					success: function(msg){
						$('form#contact-mail-page').replaceWith("<div id='contact-mail-thanks' ><p> Bedankt voor uw interesse in websquad, meestal beantwoord ik uw e-mail binnen de 48 h. </p></div>");
					},
					error: function () {
						alert('error');
					}
				});
			}
			else
			{
				$('p#invalid').remove();
				$('p#invalid').remove();
				$('p#invalid-mail').remove();
				$('p#invalid-mail').remove();
				$("table#form-table").before("<p id='invalid' ><b>Gelieve alle velden correct intevullen aub</b></p>");
			}
		});
	}

	if ($('#werkwijze').height() <= 20)
		$('#werkwijze').attr('style','cursor:pointer');
	else if ($('#werkwijze').height() >= 21)
		$('#werkwijze').removeAttr('style');

	if ($('#slider1').length > 0)
		$('#slider1').s3Slider({
			timeOut: 4000 
		});

	//$('p#closewerkwijze').hide();
	$('p#closewerkwijze').html('Open');
	$('p#closewerkwijze').click(function () {
		if ($('#werkwijze').height() > '20')
		{
			$('p#closewerkwijze').html('Open');
			$('#werkwijze').animate({height: "20px"}, "slow");
			$.scrollTo( '#headerid', 800);
		}
		else
		{
			$('p#closewerkwijze').html('Sluit');
			$('#werkwijze').animate({height: "500px"}, "slow");
			$.scrollTo( '#werkwijze', 800);
		}
		
	});
	
	//$('p#closelatestworks').hide();
	$('p#closelatestworks').html('Open');
	$('p#closelatestworks').click(function () {
		if ($('#latestwork').height() > '20')
		{
			$('p#closelatestworks').html('Open');
			$('#latestwork').animate({height: "20px"}, "slow");
			$.scrollTo( '#headerid', 800);	
		}
		else
		{
			$('p#closelatestworks').html('Sluit');
			$('#latestwork').animate({height: "420px"}, "slow");
			$.scrollTo( '#latestwork', 800);
		}
		
	});
	
	//$('p#closecontact').hide();
	$('p#closecontact').html('Open');
	$('p#closecontact').click(function () {
		if ($('#contact').height() > '20')
		{
			$('p#closecontact').html('Open');
			$('#contact').animate({height: "20px"}, "slow");
			$.scrollTo( '#headerid', 800);
		}
		else
		{
			$('p#closecontact').html('Sluit');
			$('#contact').animate({height: "420px"}, "slow");
			$.scrollTo( '#contact', 800);
		}
		
	});
	
	
//	$('#werkwijze').click(function () {
//		
//		if ($('#werkwijze').height() <= 20)
//		{
//			$('p#closewerkwijze').show("slow");
//			$('#werkwijze').animate({height: "500px"}, "slow");
//			$('#werkwijze').attr('style','cursor:default');
//			
//			$.scrollTo( '#werkwijze', 800);
//		}
//	});
	
//	$('#latestwork').click(function () {
//		
//		if ($('#latestwork').height() <= 20)
//		{
//			$('p#closelatestworks').show("slow");
//			$('#latestwork').animate({height: "400px"}, "slow");
//			
//			$.scrollTo( '#latestwork', 800);
//		}
//		else
//		{
//			
//		}
//	});
	
//	$('#contact').click(function () {
//    
//		if ($('#contact').height() <= 20)
//		{
//			$('p#closecontact').show("slow");
//			$('#contact').animate({height: "400px"}, "slow");
//    
//			$.scrollTo( '#contact', 800);
//		}
//		else
//		{
//			
//		}
//	});
	
});

function echeck(str) 
{
	var at="@"
	var dot="."
	var lat=str.indexOf(at)
	var lstr=str.length
	var ldot=str.indexOf(dot)
	var email_id_invalid = "<p id='invalid-mail'>Gelieve een correct e-mail adres te geven aub</p>";
	
	if (str.indexOf(at)==-1){
		$("table#form-table").before(email_id_invalid);
		return false;
	}
    
	if (str.indexOf(at)==-1 || str.indexOf(at)==0 || str.indexOf(at)==lstr){
		$("table#form-table").before(email_id_invalid);
		return false;
	}
    
	if (str.indexOf(dot)==-1 || str.indexOf(dot)==0 || str.indexOf(dot)==lstr){
		$("table#form-table").before(email_id_invalid);
		return false;
	}
    
	if (str.indexOf(at,(lat+1))!=-1){
		$("table#form-table").before(email_id_invalid);
		return false;
	}
    
	if (str.substring(lat-1,lat)==dot || str.substring(lat+1,lat+2)==dot){
		$("table#form-table").before(email_id_invalid);
		return false;
	}
    
	if (str.indexOf(dot,(lat+2))==-1){
		$("table#form-table").before(email_id_invalid);
		return false;
	}
    
	if (str.indexOf(" ")!=-1){
		$("table#form-table").before(email_id_invalid);
		return false;
	}
	return true
}