$(document).ready(function(){
	//naam
	$('#naam').focus(function(){
		if($('#naam').val() == 'Naam'){
			$(this).val('');
		}
	});
	
	$('#naam').blur(function(){
		if($(this).val() == ''){
			$(this).val('Naam');
		}
	});
	//adres
	$('#adres').focus(function(){
		if($('#adres').val() == 'Adres'){
			$(this).val('');
		}
	});
	
	$('#adres').blur(function(){
		if($(this).val() == ''){
			$(this).val('Adres');
		}
	});
	//postcode
	$('#postcode').focus(function(){
		if($('#postcode').val() == 'Postcode'){
			$(this).val('');
		}
	});
	
	$('#postcode').blur(function(){
		if($(this).val() == ''){
			$(this).val('Postcode');
		}
	});
	//woonplaats
	$('#woonplaats').focus(function(){
		if($('#woonplaats').val() == 'Woonplaats'){
			$(this).val('');
		}
	});
	
	$('#woonplaats').blur(function(){
		if($(this).val() == ''){
			$(this).val('Woonplaats');
		}
	});
	//telefoon
	$('#telefoon').focus(function(){
		if($('#telefoon').val() == 'Telefoon'){
			$(this).val('');
		}
	});
	
	$('#telefoon').blur(function(){
		if($(this).val() == ''){
			$(this).val('Telefoon');
		}
	});
	//E-mail
	$('#email').focus(function(){
		if($('#email').val() == 'E-mail'){
			$(this).val('');
		}
	});
	
	$('#email').blur(function(){
		if($(this).val() == ''){
			$(this).val('E-mail');
		}
	});
	//Bericht
	$('#bericht').focus(function(){
		if($('#bericht').val() == 'Vraag of opmerking'){
			$(this).val('');
		}
	});
	
	$('#bericht').blur(function(){
		if($(this).val() == ''){
			$(this).val('Vraag of opmerking');
		}
	});
	
	var config = {    
		     over: belmeterug_open, // function = onMouseOver callback (REQUIRED)    
		     timeout: 1000, // number = milliseconds delay before onMouseOut    
		     out: belmeterug_terug // function = onMouseOut callback (REQUIRED)    
		};
	
   

    function belmeterug_terug(){
    	$('#belmeterug').animate({
    		  "margin-right": "-225"
    	}, "slow");
    }

    function belmeterug_open(){
    	$(this).animate({
    		  "margin-right": "0px"
    	  }, "slow");
    }
    
    //$('#belmeterug').hoverIntent(config);
    //setTimeout(function(){belmeterug_terug();},4000);
});



function openPrijsLijst(categorie){
	hideOverlays();
	switch(categorie)
	{
	case 'haarstudio':
		centerDiv('prijslijst_haarstudio');
		$('#prijslijst_haarstudio').css({'display':'block'});
		$("#prijslijst_haarstudio").show('slide', '', 800 );

	  break;
	case 'schoonheidsbehandeling':
		centerDiv('prijslijst_schoonheidsbehandeling');
		$('#prijslijst_schoonheidsbehandeling').css({'display':'block'});
		$('#prijslijst_schoonheidsbehandeling').show('slide', '', 800 );
	  break;
	case 'cosmetischebehandeling':
		centerDiv('prijslijst_cosmetischebehandeling');
		$('#prijslijst_cosmetischebehandeling').css({'display':'block'});
		$('#prijslijst_cosmetischebehandeling').show('slide', '', 800 );
		  break;
	case 'zonnestudio':
		centerDiv('prijslijst_zonnestudio');
		$('#prijslijst_zonnestudio').css({'display':'block'});
		$('#prijslijst_zonnestudio').show('slide', '', 800 );
		  break;
	case 'massage':
		centerDiv('prijslijst_massage');
		$('#prijslijst_massage').css({'display':'block'});
		$('#prijslijst_massage').show('slide', '', 800 );
		  break;
	case 'pedicurennagelstyling':
		centerDiv('prijslijst_pedicurenennagelstyling');
		$('#prijslijst_pedicurenennagelstyling').css({'display':'block'});
		$('#prijslijst_pedicurenennagelstyling').show('slide', '', 800 );
		  break;
	default:
		return false;
	}
}

function openContact(){
	hideOverlays();
	$('#contact').css({'display':'block'});
	centerDiv('contact');
}


function hideOverlays(){
	$('#prijslijst_pedicurenennagelstyling').css({'display':'none'});
	$('#prijslijst_massage').css({'display':'none'});
	$('#contact').css({'display':'none'});
	$('#prijslijst_zonnestudio').css({'display':'none'});
	$('#prijslijst_cosmetischebehandeling').css({'display':'none'});
	$('#prijslijst_schoonheidsbehandeling').css({'display':'none'});
	$('#prijslijst_haarstudio').css({'display':'none'});
}

function centerDiv(div_id){
	var browserhoogte = $(window).height(); 
	var divHoogte = $('#'+div_id).height();
	var tempHeight = divHoogte /2;
	var marginTop = (browserhoogte / 2 ) - tempHeight;
	$('#'+div_id).css({'top':marginTop+'px'});
}

function verstuurMail(){
	//false is goed
	if(validateForm() == false){
		
		var naam = $('#naam').val();
		var adres = $('#adres').val();
		var postcode = $('#postcode').val();
		var woonplaats = $('#woonplaats').val();
		var telefoon = $('#telefoon').val();
		var email = $('#email').val();
		var bericht = $('#bericht').val();
		
		$.post("media/basic/ajax/mail.php", { naam: naam, adres: adres, postcode: postcode, woonplaats: woonplaats, telefoon: telefoon, email: email, bericht: bericht},
				function(data){
					if(data == "SUCCESS"){
						$('#contact_form').css({'display':'none'});
						$('#info').html('<h2>Bedankt!</h2>Wij nemen zo spoedig mogelijk contact met u op.<br/><br/>');
					}else{
						$('#contact_form').css({'display':'none'});
						$('#contactinfo').html('<h2>Helaas...</h2>U heeft niets fout gedaan, maar het formulier kan om technische redenen niet verzonden worden via de website.<br/><br/>U kunt ons altijd mailen op: <a href=\"mailto:info@b-exclusive.nl\">info@b-exclusive.nl</a>.<br/><br/>Alvast bedankt!<br/><br/>');
					}
		});
		
	}else{
		$('#"contactinfo"').html('<h2>Verbeter het formulier</h2>');
	}
}

function hideThisOverlay(overlay){
	$('#contact').css({'display':'none'});
	switch(overlay)
	{
	case 'haarstudio':
		$("#prijslijst_haarstudio").toggle('slide', '', 800 );
	  break;
	case 'schoonheidsbehandeling':
		$('#prijslijst_schoonheidsbehandeling').toggle('slide', '', 800 );
	  break;
	case 'cosmetischebehandeling':
		$('#prijslijst_cosmetischebehandeling').toggle('slide', '', 800 );
		  break;
	case 'zonnestudio':
		$('#prijslijst_zonnestudio').toggle('slide', '', 800 );
		  break;
	case 'massage':
		$('#prijslijst_massage').toggle('slide', '', 800 );
		  break;
	case 'pedicurennagelstyling':
		$('#prijslijst_pedicurenennagelstyling').toggle('slide', '', 800 );
		  break;
	default:
		return false;
	}
	
}

function validateForm(){
	$('#naam').css({'background-image':'none'});
	$('#woonplaats').css({'background-image':'none'});
	$('#postcode').css({'background-image':'none'});
	$('#email').css({'background-image':'none'});
	
	var error = false;
	if($('#naam').val() == 'Naam' || $('#naam').val() == ''){
		error = true;
		$('#naam').css({'background-image':'url(media/basic/images/error.png)'});
	}
	if($('#woonplaats').val() == 'Woonplaats' || $('#woonplaats').val() == ''){
		error = true;
		$('#woonplaats').css({'background-image':'url(media/basic/images/error.png)'});
	}
	if($('#postcode').val() == 'Postcode' || $('#postcode').val() == ''){
		error = true;
		$('#postcode').css({'background-image':'url(media/basic/images/error.png)'});
	}
	if(validateMail($('#email').val()) == false){
		error = true;
		$('#email').css({'background-image':'url(media/basic/images/error.png)'});
	}
	return error;
}

function validateMail(email){
	var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
	if(reg.test(email) == false) {
		return false;
	}else{
		return true;
	}
}