$(function() {
	calculateROI();
	$('fieldset').children('div').children('input').keyup(function(e) {
		calculateROI();
	}).click(function(e){
		calculateROI();
	});
	$('fieldset').children('input').keyup(function(e) {
		calculateROI();
	}).click(function(e){
		calculateROI();
	});
	$('a.toolTip').mouseover(function() {
		$('#activeToolTip').remove();
		$(this).after('<span id="activeToolTip"><span class="inner"><img src="/img/arrowleft.gif" alt="" class="arrow"/><span class="content"></span></span></span>');
		$('#activeToolTip').css({left: 290});
		$('#activeToolTip .content').html( $('#'+$(this).attr('rel')).html() );
		$('#activeToolTip').fadeIn(550);
	}).mouseout(function(){
		$('#activeToolTip').fadeOut(150, function() {
			$(this).remove();
		});
	});
	$('a.toolTipFixed').click(function() {
		$('#activeToolTipFixed').remove();
		$('p.contact').after('<div id="activeToolTipFixed"><div class="content clearfix"></div></div>');
		$('#activeToolTipFixed .content').html( $('#'+$(this).attr('rel')).html() );
		$('#activeToolTipFixed').slideDown(550);
	});
/*	$('.toolTip').cluetip({
		arrows: true,
		sticky: true,
		dropShadow: false,
//		activation: 'click',
		showTitle: true,
		closePosition: 'title',
		closeText: '<img src="/img/close.gif" alt="" />',
		fx: {
			open: 'fadeIn',
			openSpeed: '150'
		}
	});*/
});
function calculateROI() {
	var total=0;
	var once = 0;
	var bonus = 0;
	var vakantiegeld = 0;
	var wervingsfee = 0;
	var besparing = 0;
	var leaseauto = Number($('#leaseauto-euro').val());
	var yearsalary = 0;
	var months = Number($('#maanden').val());
	var opslagwl = 0;
	var salary=Number($('#loon').val());
	var hourlyCosts=Number($('#uurtarief').val());
	var varCosts = 2000;
	var maxMonths = 7;
	vakantiegeld = ((salary * months) * 0.08);
	$('#vakantiegeld').html(vakantiegeld);

	if ($('#bonus').attr('checked')) {
		$('#bonusmeter').slideDown('slow');
		if ($('#bonus-perc').val() > 0) {
			bonus = ((salary * months) / 100 * Number($('#bonus-perc').val()))
			$('#totaal-bonus').html(bonus);
		}
	} else {
		$('#bonusmeter').slideUp('slow');
		$('#totaal-bonus').html(0);
	}

	yearsalary = ((salary * months) + vakantiegeld);
	$('#jaarsalaris').html(yearsalary);

	wervingsfee = (yearsalary + bonus) * 0.25;
	$('#totaal-wervingsfee').html(wervingsfee);

	opslagwl = yearsalary * 0.22;
	$('#opslag-werkgeverslasten').html(Math.round(opslagwl*1)/1);

	if ($('#leaseauto').attr('checked')) {
		$('#leaseautometer').slideDown('slow');
		if ($('#leaseauto-euro').val() > 0) {
			leaseauto = (leaseauto * 12);
			$('#totaal-leaseauto').html(leaseauto);
		}
	} else {
		$('#leaseautometer').slideUp('slow');
		$('#totaal-leaseauto').html(0);
	}
	
 	total = (yearsalary + bonus + opslagwl + varCosts + leaseauto); 
	$('#totaal-lasten').html(Math.round(total*1)/1);

	besparing = ((12 * 143 * hourlyCosts)) - (total + wervingsfee);
	$('#totaal-besparing').html(Math.round(besparing*1)/1);
	
	var be = wervingsfee / ((hourlyCosts * 143) - (total / 12));
	$('#terugverdientijd').html(Math.round(be*10)/10+" maanden");

//	var d2 =  [[0,wervingsfee],[1, wervingsfee + (total / 12)],[maxMonths,wervingsfee + (total / 12 * maxMonths)]]
	var d2 =  [[0,0],[1, (total / 12)],[maxMonths,(total / 12 * maxMonths)]]
//	var d3 =  [[0,0],[1, (hourlyCosts * 143)], [maxMonths, ((hourlyCosts * 143) * maxMonths)]];
	var d3 =  [[0,0],[1, (hourlyCosts * 143)], [maxMonths, ((hourlyCosts * 143) * maxMonths)]];
//	var roi = [[0,wervingsfee],[1, (wervingsfee - (((hourlyCosts * 143) - (total / 12))) + (total / 12))], [maxMonths, (wervingsfee - ((((hourlyCosts * 143) * maxMonths) - ((total / 12) * maxMonths))) + ((total / 12) * maxMonths))]];
	var roi = [[0,-wervingsfee],[1, (-wervingsfee + (hourlyCosts * 143) - (total / 12))], [maxMonths, (-wervingsfee + ((hourlyCosts * 143) - (total / 12)) * maxMonths)]];
//	var ver = [[0,(wervingsfee / ((total / 12) - (hourlyCosts * 143)))],[maxMonths,(wervingsfee / ((total / 12) - (hourlyCosts * 143)))]]
	var ver = [[be,0]]
	var nullijn = [[0,0],[maxMonths,0]]

    $.plot($("#graph"), 
		[
			{ 
				data: nullijn, 
				label: "", 
				color: "#aaaaaa",
				shadowSize: 0
			}, 
			{ 
				data: d2, 
				label: "Werkgeverskosten na x maanden", 
				color: "#ca3200",
				shadowSize: 3
			}, 
			{ 
				data: d3, 
				label: "Inhuurkosten na x maanden", 
				color: "#999999",
				shadowSize: 3
			},
			{ 
				data: roi, 
				label: "ROI na "+Math.round(be*100)/100+" maanden", 
				color: "#009900",
				shadowSize: 3
			},
			{ 
				data: ver, 
				label: "", 
				color: "#009900",
				shadowSize: 0,
				lines: { 
					show: false 
				},
				points: { 
					show: true 
				}
			}
		], 
		{
			xaxis: { 
				tickSize: 1,
				tickDecimals: 0
			},
			yaxis: { 
				tickSize: 10000,
				tickDecimals: 0,
				max: 70000
			},
            lines: { 
				show: true 
			},
            selection: { 
				mode: "xy" 
			}
		}
	);
}
function isValidEmail(str) {
	   return str.match(emailRe);
}
function checkForm() {
	var emailRe = new RegExp("^\\s*[\\w\\.\\-]+\\@([\\w\\-]+\\.)+[\\w\\-]+\\s*$");
	var error = 0;
	if (!$('input[name=Naam]').val()) {
		$('input[name=Naam]').addClass('error');
		error++;
	} else {
		$('input[name=Naam]').removeClass('error');
	}
	if (!$('input[name=Functie]').val()) {
		$('input[name=Functie]').addClass('error');
		error++;
	} else {
		$('input[name=Functie]').removeClass('error');
	}
	if (!$('input[name=Organisatie]').val()) {
		$('input[name=Organisatie]').addClass('error');
		error++;
	} else {
		$('input[name=Organisatie]').removeClass('error');
	}
	if (!$('input[name=Telefoon]').val()) {
		$('input[name=Telefoon]').addClass('error');
		error++;
	} else {
		$('input[name=Telefoon]').removeClass('error');
	}
	if (!$('input[name=Email]').val().match(emailRe)) {
		$('input[name=Email]').addClass('error');
		error++;
	} else {
		$('input[name=Email]').removeClass('error');
	}
	if (error) {
		return false;
	}
	return true;
}