function replace_period(val){
	str_val = val.toString()	
	var replaced = str_val.replace('.',',')
	if(replaced.indexOf(',') < 0){
		return replaced+',00'
	}
	var str_length = replaced.length	
	if((str_length - replaced.indexOf(',')) == 2){
		return replaced+'0'
	}
	return replaced
}

function calculate(){

var type
type = document.getElementById('catagory')
	if(type.value == 0){
	alert('Please select a type')
	exit()
}

var m2
m2 = document.getElementById('area')
if(m2.value < 0){
	alert('Area must be a positive value')
	m2.select()
	exit()
}



var type_show = document.getElementById('type_show')
var hi_type = document.getElementById('hi_type')
var typetext_show = document.getElementById('typetext_show')
var hi_typetext = document.getElementById('hi_typetext')
var livingearea_show = document.getElementById('livingearea_show')
var hi_livingarea = document.getElementById('hi_livingarea')
var price_show = document.getElementById('price_show')
var hi_price = document.getElementById('hi_price')

if(type.value == 'A'){
	if(m2.value <= 50) result = replace_period(112.50)
	else{
		var additional_area = m2.value - 50
		var result = replace_period(112.50 + (additional_area * 0.80))
	}	
	type_show.innerHTML = 'A'
	hi_type.value = 'A'
	typetext_show.innerHTML = 'vrijstaand'
	hi_typetext.value = 'vrijstaand'
	livingearea_show.innerHTML = m2.value
	hi_livingarea.value = m2.value
	price_show.innerHTML = result
	hi_price.value = result
}
else if(type.value == 'B'){
	if(m2.value <= 50) result = replace_period(112.50)
	else{
		var additional_area = m2.value - 50
		var result = replace_period(112.50 + (additional_area * 0.45))
	}	
	type_show.innerHTML = 'B'
	hi_type.value = 'B'
	typetext_show.innerHTML = 'tussenwoning'
	hi_typetext.value = 'tussenwoning'
	livingearea_show.innerHTML = m2.value
	hi_livingarea.value = m2.value
	price_show.innerHTML = result
	hi_price.value = result
}
else if(type.value == 'C'){
	if(m2.value <= 50) result = replace_period(112.50)
	else{
		var additional_area = m2.value - 50
		var result = replace_period(112.50 + (additional_area * 0.50))
	}	
	type_show.innerHTML = 'C'
	hi_type.value = 'C'
	typetext_show.innerHTML = 'hoekwoning / 2 onder 1 kap'
	hi_typetext.value = 'hoekwoning / 2 onder 1 kap'
	livingearea_show.innerHTML = m2.value
	hi_livingarea.value = m2.value
	price_show.innerHTML = result
	hi_price.value = result
}
else if(type.value == 'D'){
	if(m2.value <= 50) result = replace_period(112.50)
	else{
		var additional_area = m2.value - 50
		var result = replace_period(112.50 + (additional_area * 0.35))
	}	
	type_show.innerHTML = 'D'
	hi_type.value = 'D'
	typetext_show.innerHTML = 'galerijwoning'
	hi_typetext.value = 'galerijwoning'
	livingearea_show.innerHTML = m2.value
	hi_livingarea.value = m2.value
	price_show.innerHTML = result
	hi_price.value = result
}
else if(type.value == 'E'){
	if(m2.value <= 50) result = replace_period(112.50)
	else{
		var additional_area = m2.value - 50
		var result = replace_period(112.50 + (additional_area * 0.45))
	}	
	type_show.innerHTML = 'E'
	hi_type.value = 'E'
	typetext_show.innerHTML = 'portiekwoning'
	hi_typetext.value = 'portiekwoning'
	livingearea_show.innerHTML = m2.value
	hi_livingarea.value = m2.value
	price_show.innerHTML = result
	hi_price.value = result
}

	document.getElementById('show_result').style.visibility='visible'
	document.getElementById('result').innerHTML = result
}

function showForm(){
	var x1=document.getElementById('calculate_form')	
	x1.parentNode.removeChild(x1)

	document.getElementById('form_mail_upper_text').style.visibility = 'visible'
	document.getElementById('form_mail').style.visibility = 'visible'
}

function cancelIt(){	
	//document.getElementById('form_mail_upper_text').style.visibility = 'hidden'
	//document.getElementById('form_mail').style.visibility = 'hidden'
	document.getElementById('test').reset()
}

//The ajax part..
var xmlHttp

function send_it_to()
{
	var name 			= document.getElementById('name').value
	var address			= document.getElementById('address').value
	var add_num			= document.getElementById('add_num').value
	var city			= document.getElementById('city').value
	var city_remaining	= document.getElementById('city_remaining').value
	var tel				= document.getElementById('tel').value
	var email			= document.getElementById('email').value
	var note			= document.getElementById('note').value
	var hi_type 		= document.getElementById('hi_type').value
	var hi_typetext 	= document.getElementById('hi_typetext').value
	var hi_livingarea 	= document.getElementById('hi_livingarea').value
	var hi_price 		= document.getElementById('hi_price').value
		
	var parameters = "name="+ encodeURI(name) +"&address="+ encodeURI(address) +"&add_num="+ encodeURI(add_num) +"&city="+ encodeURI(city)  +"&city_remaining="+ encodeURI(city_remaining) +"&tel="+ encodeURI(tel) +"&email="+ encodeURI(email) +"&note="+ encodeURI(note) +"&hi_type="+ encodeURI(hi_type) +"&hi_typetext="+ encodeURI(hi_typetext) +"&hi_livingarea="+ encodeURI(hi_livingarea) +"&hi_price="+ encodeURI(hi_price)

	xmlHttp=GetXmlHttpObject()
	if (xmlHttp==null)
	  {
	  alert ("Browser does not support HTTP Request")
	  return
	  } 
	var url="process_form_ajax.php"
	
	xmlHttp.onreadystatechange=stateChanged 
	xmlHttp.open("POST",url,true)
	xmlHttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
	xmlHttp.setRequestHeader("Content-length", parameters.length);
	xmlHttp.setRequestHeader("Connection", "close");
	xmlHttp.send(parameters)
} 

function stateChanged() 
{ 
	if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
	{ 		
		x=document.getElementById('most_up')
		x.parentNode.removeChild(x)
		document.getElementById('is_send').style.visibility='visible'
		
	} 
}

function GetXmlHttpObject()
{
	var xmlHttp=null;
	try
	{
 		// Firefox, Opera 8.0+, Safari
		xmlHttp=new XMLHttpRequest();
	}
	catch (e)
 	{
		// Internet Explorer
		try
		{
			xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
		}
		catch (e)
		{
			xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
		}
 	}
	return xmlHttp;
}