var abonnement_price = 24.95;
var abonnement_type = "";
var abonnement_year = "2";
var total_costs_first = 52.5;
var phone_price = 0;

var webnwalk = false;
var webnwalk_price = 9.95;
var smsbundel = false;
var smsbundel_price = 9.95;
var family = false;
var family_price = 10;
var thuis = false;
var thuis_price = 6.95;
var grenzeloos = false;
var grenzeloos_price = 0;

function loadSlider() {
	new Control.Slider('slider_handle','slider', {
		range: $R(0, 24),
	    values: $R(0, 24),
		sliderValue: 12,
		onChange: function(value) { 
			changeAbonnement(value);
		}
	});
}

function changeAbonnement(value) {
	var price = 12.5 + ((27.5 / 24) * value);
	var abonnement = ""
	var digits = "";
	var phone = "";
	
	if(price > 12 && price < 26) {
		if(abonnement_year == "1") {
			if(price < 20) {
				abonnement = "Relax 100";
				abonnement_type = "100";
				abonnement_price = 12.50;
				$('phonePrice').innerHTML = "&euro; 99,95";
				$('prijskaart').src = "images/prijs/99.png";
				phone_price = 99.95;
			} else if(price < 26) {
				abonnement = "Relax 150";
				abonnement_type = "150";
				abonnement_price = 19.95;
				phone_price = 59.95;
				$('phonePrice').innerHTML = "&euro; 59,95";
				$('prijskaart').src = "images/prijs/59.png";
			} 
		} else {
			if(price < 20) {
				abonnement = "Relax 100";
				abonnement_type = "100";
				abonnement_price = 12.50;
				$('phonePrice').innerHTML = "&euro; 59,95";
				$('prijskaart').src = "images/prijs/59.png";
				phone_price = 59.95;
			} else if(price < 26) {
				abonnement = "Relax 150";
				abonnement_type = "150";
				abonnement_price = 19.95;
				phone_price = 29.95;
				$('phonePrice').innerHTML = "&euro; 29,95";
				$('prijskaart').src = "images/prijs/29.png";
			}
		}
	} else {
		if(abonnement_year == "2") {
			phone_price = 0;
			$('phonePrice').innerHTML = "&euro; 0,-";
			$('prijskaart').src = "images/prijs/0.png";
		}
		
		if(price >= 26 && price < 30) {
			abonnement = "Relax 200";
			abonnement_type = "200";
			abonnement_price = 24.95;
			if(abonnement_year == "1") {
				$('phonePrice').innerHTML = "&euro; 39,95";
				$('prijskaart').src = "images/prijs/39.png";
				phone_price = 39.95;
			}
		} else if(price >= 30 && price < 35) {
			abonnement = "Relax 250";
			abonnement_type = "250";
			abonnement_price = 29.95;
			if(abonnement_year == "1") {
				$('phonePrice').innerHTML = "&euro; 29,95";
				$('prijskaart').src = "images/prijs/29.png";
				phone_price = 29.95;
			}
		} else if(price >= 35 && price <= 40) {
			abonnement = "Relax 300";
			abonnement_type = "300";
			abonnement_price = 34.95;
			if(abonnement_year == "1") {
				$('phonePrice').innerHTML = "&euro; 19,95";
				$('prijskaart').src = "images/prijs/19.png";
				phone_price = 19.95;
			}
		}
	}
	$('sliderAbonnement').innerHTML = abonnement;
	$('abonnementType').innerHTML = abonnement;
	var abonnement_price_string = "";
	var abonnement_price_number = abonnement_price.toFixed(2);
	abonnement_price_string = abonnement_price_number.substring(0, 2) + "," + abonnement_price_number.substring(3, 5);
	$('abonnementPrice').innerHTML = "&euro; " + abonnement_price_string; 
	
	price = Math.round(price);
	if (price == 13) {
		price = 12.50;
	}
	price = price.toFixed(2);
	digits = price.substring(3, 5);
	if (digits == "00") {
		$('sliderPrijs').innerHTML = "&euro; "+ price.substring(0, 2) +",-";
	} else {
		$('sliderPrijs').innerHTML = "&euro; "+ price.substring(0, 2) + "," + digits;
	}
	
	calculateTotal();
}

function changeYear(value) {
	$('abonnementYear').innerHTML = value + " jarig abonnement";
	if(value == "1") {
		if(phone_price == 59.95) {
			$('phonePrice').innerHTML = "&euro; 99,95";
			$('prijskaart').src = "images/prijs/99.png";
			phone_price = 99.95;
		} else if(phone_price == 29.95) {
			$('phonePrice').innerHTML = "&euro; 59,95";
			$('prijskaart').src = "images/prijs/59.png";
			phone_price = 59.95;
		} else {
			if(abonnement_type == "200") {
				$('phonePrice').innerHTML = "&euro; 39,95";
				$('prijskaart').src = "images/prijs/39.png";
				phone_price = 39.95;
			} else if(abonnement_type == "250") {
				$('phonePrice').innerHTML = "&euro; 29,95";
				$('prijskaart').src = "images/prijs/29.png";
				phone_price = 29.95;
			} else {
				$('phonePrice').innerHTML = "&euro; 19,95";
				$('prijskaart').src = "images/prijs/19.png";
				phone_price = 19.95;
			}
		}
	} else {
		if(phone_price == 99.95) {
			$('phonePrice').innerHTML = "&euro; 59,95";
			$('prijskaart').src = "images/prijs/59.png";
			phone_price = 59.95;
		} else if(phone_price == 59.95) {
			$('phonePrice').innerHTML = "&euro; 29,95";
			$('prijskaart').src = "images/prijs/29.png";
			phone_price = 29.95;
		} else {
			$('phonePrice').innerHTML = "&euro; 0,-";
			$('prijskaart').src = "images/prijs/0.png";
			phone_price = 0;
		}
	}
	abonnement_year = value;
	
	calculateTotal();
}

function calculateTotal() {
	var monthly = abonnement_price;
	if (webnwalk == true) { monthly += webnwalk_price; }
	if (smsbundel == true) { monthly += smsbundel_price; }
	if (family == true) { monthly += family_price; }
	if (thuis == true) { monthly += thuis_price; }
	monthly = monthly.toFixed(2);
	var total = (phone_price + total_costs_first).toFixed(2);
	var phone = phone_price.toFixed(2);
	if (phone == 0) { phone = "0,-"; } else { phone = phone.substring(0, 2) + "," + phone.substring(3, 5); }
	if (total > 100) { total = total.substring(0, 3) + "," + total.substring(4, 6); } else { total = total.substring(0, 2) + "," + total.substring(3, 5); }
	monthly = monthly.substring(0, 2) + "," + monthly.substring(3, 5);
	$('totalCostsMonthly').innerHTML = "&euro; " + monthly;
	$('totalCostsPhone').innerHTML = "&euro; " + phone;
	$('totalCostsOnce').innerHTML = "&euro; " + total;
}

function changeOption(type, value) {
	if(type == "webnwalk") {
		if(value == "standard") {
			webnwalk_price = 9.95;
			$('webnwalk_type').innerHTML = value;
			$('webnwalk_price').innerHTML = "9,95";
			$('webnwalk_text').innerHTML = "&euro; 9,95 per maand ";
		} else {
			webnwalk_price = 14.95
			$('webnwalk_type').innerHTML = value;
			$('webnwalk_price').innerHTML = "14,95";
			$('webnwalk_text').innerHTML = "&euro; 14,95 per maand ";	
		}
	} else if(type == "smsbundel") {
		if(value == "maximaal") {
			smsbundel_price = 9.95;
			$('smsbundel_type').innerHTML = value;
			$('smsbundel_price').innerHTML = "9,95";
			$('smsbundel_text').innerHTML = "&euro; 9,95 per maand<br />";
		} else {
			smsbundel_price = 2.95
			$('smsbundel_type').innerHTML = value;
			$('smsbundel_price').innerHTML = "2,95";
			$('smsbundel_text').innerHTML = "&euro; 2,95 per maand<br />Ben je een bescheiden sms-er, kies dan voor Sms Starter";
		}
	} else if(type == "thuis") {
		if(value == "basis") {
			thuis_price = 6.95;
			$('thuis_type').innerHTML = value;
			$('thuis_price').innerHTML = "6,95";
			$('thuis_text').innerHTML = "&euro; 6,95 per maand";	
		} else {
			thuis_price = 16.95
			$('thuis_type').innerHTML = value;
			$('thuis_price').innerHTML = "16,95";
			$('thuis_text').innerHTML = "&euro; 16,95 per maand ";
		}
	}
	
	$(type + '_checkbox').checked = true;
	$(type + '_option').show();
	$('noOptions').hide();
	window[type] = true;
	calculateTotal();
}

function setCheck(value) {
	$(value + '_checkbox').checked = true;
	$(value + '_option').show();
	$('noOptions').hide();
	window[value] = true;
	calculateTotal();
}

function changeCheck(checked, value) {
	if(checked == true) {
		$(value + '_option').show();
		window[value] = true;
		$('noOptions').hide();
	} else {
		$(value + '_option').hide();
		window[value] = false;
		if(webnwalk == false && smsbundel == false && thuis == false && family == false && grenzeloos == false) {
			$('noOptions').show();
		}
	}
	calculateTotal();
}

function toggleOptions(id) {
	$(id).toggle();
	if ($(id + '_plus').className == "plus") {
		$(id + '_plus').className = "min";
		$(id + '_plus').src = "images/min.jpg";
	} else {
		$(id + '_plus').className = "plus";
		$(id + '_plus').src = "images/plus.jpg";
	}
}