// Header menu links

$(function() {
	$('#header a').hover(function() {
		$(this).css('color', '#FA3A06');
	}, function() {
		$(this).css('color', 'white');
	});
});

// Sidebar menu links

$(function() {
	$('#sidebar1 a').hover(function() {
		$(this).css('color', '#FA3A06');
	}, function() {
		$(this).css('color', 'white');
	});
});

// Tekstgrote wijzigen

$(function() {
	$('a#kleiner').click(function() {
		var os = $('#mainContent').css('font-size');
		var num = 13;
		var uom = os.slice(-2);
		
		$('#mainContent').css('font-size', num + uom);
	});
	$('a#groot').click(function() {
		var os = $('#mainContent').css('font-size');
		var num = 15;
		var uom = os.slice(-2);
		
		$('#mainContent').css('font-size', num + uom);
	});
	$('a#groter').click(function() {
		var os = $('#mainContent').css('font-size');
		var num = 17;
		var uom = os.slice(-2);
		
		$('#mainContent').css('font-size', num + uom);
	});
});

// Tekstballon bij abonnement A1

$(function() {
	$('#hoverimgA1').hover(function(evt) {
		var html = '<div id="showtxt">';
			html += '<h4 align="center">Onderhoud en inspectie</h4>';
			html += '<p>E&eacute;nmaal per jaar wordt uw cv-ketel vakkundig onderhouden en ge&iuml;nspecteerd volgens de richtlijnen van de fabrikant. Zonodig wordt uw installatie ontlucht en bijgevuld.</p>';
			html += '</div>';
		
		$('#schema').append(html).children('#showtxt').hide().fadeIn(400);
		$('#showtxt').css('top', evt.pageY - 20)
					 .css('left', evt.pageX + 40);
	}, function() {
		$('#showtxt').remove();
	});
	$('#hoverimgA1').mousemove(function(evt) {
		$('#showtxt').css('top', evt.pageY - 20)
					 .css('left', evt.pageX + 40);
	});
});

// Tekstballon bij abonnement B1

$(function() {
	$('#hoverimgB1').hover(function(evt) {
		var html = '<div id="showtxt">';
			html += '<h4 align="center">Onderhoud en inspectie</h4>';
			html += '<p>E&eacute;nmaal per jaar wordt uw cv-ketel vakkundig onderhouden en ge&iuml;nspecteerd volgens de richtlijnen van de fabrikant. Zonodig wordt uw installatie ontlucht en bijgevuld.</p>';
			html += '</div>';
		
		$('#schema').append(html).children('#showtxt').hide().fadeIn(400);
		$('#showtxt').css('top', evt.pageY - 20)
					 .css('left', evt.pageX + 40);
	}, function() {
		$('#showtxt').remove();
	});
	$('#hoverimgB1').mousemove(function(evt) {
		$('#showtxt').css('top', evt.pageY - 20)
					 .css('left', evt.pageX + 40);
	});
});

// Tekstballon bij abonnement C1

$(function() {
	$('#hoverimgC1').hover(function(evt) {
		var html = '<div id="showtxt">';
			html += '<h4 align="center">Onderhoud en inspectie</h4>';
			html += '<p>E&eacute;nmaal per jaar wordt uw cv-ketel vakkundig onderhouden en ge&iuml;nspecteerd volgens de richtlijnen van de fabrikant. Zonodig wordt uw installatie ontlucht en bijgevuld.</p>';
			html += '</div>';
		
		$('#schema').append(html).children('#showtxt').hide().fadeIn(400);
		$('#showtxt').css('top', evt.pageY - 20)
					 .css('left', evt.pageX + 40);
	}, function() {
		$('#showtxt').remove();
	});
	$('#hoverimgC1').mousemove(function(evt) {
		$('#showtxt').css('top', evt.pageY - 20)
					 .css('left', evt.pageX + 40);
	});
});

// Tekstballon bij abonnement D1

$(function() {
	$('#hoverimgD1').hover(function(evt) {
		var html = '<div id="showtxt">';
			html += '<h4 align="center">Onderhoud en inspectie</h4>';
			html += '<p>E&eacute;nmaal per jaar wordt uw cv-ketel vakkundig onderhouden en ge&iuml;nspecteerd volgens de richtlijnen van de fabrikant. Zonodig wordt uw installatie ontlucht en bijgevuld.</p>';
			html += '</div>';
		
		$('#schema').append(html).children('#showtxt').hide().fadeIn(400);
		$('#showtxt').css('top', evt.pageY - 20)
					 .css('left', evt.pageX + 40);
	}, function() {
		$('#showtxt').remove();
	});
	$('#hoverimgD1').mousemove(function(evt) {
		$('#showtxt').css('top', evt.pageY - 20)
					 .css('left', evt.pageX + 40);
	});
});

// Tekstballon bij abonnement A2

$(function() {
	$('#hoverimgA2').hover(function(evt) {
		var html = '<div id="showtxt">';
			html += '<h4 align="center">Controle kamerthermostaat</h4>';
			html += '<p>Controle van uw kamerthermostaat en eventuele weersafhankelijke regeling zijn hierbij inbegrepen.</p>';
			html += '</div>';
		
		$('#schema').append(html).children('#showtxt').hide().fadeIn(400);
		$('#showtxt').css('top', evt.pageY - 20)
					 .css('left', evt.pageX + 40);
	}, function() {
		$('#showtxt').remove();
	});
	$('#hoverimgA2').mousemove(function(evt) {
		$('#showtxt').css('top', evt.pageY - 20)
					 .css('left', evt.pageX + 40);
	});
});

// Tekstballon bij abonnement B2

$(function() {
	$('#hoverimgB2').hover(function(evt) {
		var html = '<div id="showtxt">';
			html += '<h4 align="center">Controle kamerthermostaat</h4>';
			html += '<p>Controle van uw kamerthermostaat en eventuele weersafhankelijke regeling zijn hierbij inbegrepen.</p>';
			html += '</div>';
		
		$('#schema').append(html).children('#showtxt').hide().fadeIn(400);
		$('#showtxt').css('top', evt.pageY - 20)
					 .css('left', evt.pageX + 40);
	}, function() {
		$('#showtxt').remove();
	});
	$('#hoverimgB2').mousemove(function(evt) {
		$('#showtxt').css('top', evt.pageY - 20)
					 .css('left', evt.pageX + 40);
	});
});

// Tekstballon bij abonnement C2

$(function() {
	$('#hoverimgC2').hover(function(evt) {
		var html = '<div id="showtxt">';
			html += '<h4 align="center">Controle kamerthermostaat</h4>';
			html += '<p>Controle van uw kamerthermostaat en eventuele weersafhankelijke regeling zijn hierbij inbegrepen.</p>';
			html += '</div>';
		
		$('#schema').append(html).children('#showtxt').hide().fadeIn(400);
		$('#showtxt').css('top', evt.pageY - 20)
					 .css('left', evt.pageX + 40);
	}, function() {
		$('#showtxt').remove();
	});
	$('#hoverimgC2').mousemove(function(evt) {
		$('#showtxt').css('top', evt.pageY - 20)
					 .css('left', evt.pageX + 40);
	});
});

// Tekstballon bij abonnement D2

$(function() {
	$('#hoverimgD2').hover(function(evt) {
		var html = '<div id="showtxt">';
			html += '<h4 align="center">Controle kamerthermostaat</h4>';
			html += '<p>Controle van uw kamerthermostaat en eventuele weersafhankelijke regeling zijn hierbij inbegrepen.</p>';
			html += '</div>';
		
		$('#schema').append(html).children('#showtxt').hide().fadeIn(400);
		$('#showtxt').css('top', evt.pageY - 20)
					 .css('left', evt.pageX + 40);
	}, function() {
		$('#showtxt').remove();
	});
	$('#hoverimgD2').mousemove(function(evt) {
		$('#showtxt').css('top', evt.pageY - 20)
					 .css('left', evt.pageX + 40);
	});
});

// Tekstballon bij abonnement A3

$(function() {
	$('#hoverimgA3').hover(function(evt) {
		var html = '<div id="showtxt">';
			html += '<h4 align="center">24/7 bereikbaar voor uw storing(en)</h4>';
			html += '<p>Voor storingen aan uw cv-ketel zijn wij 24 uur per dag, zeven dagen per week te bereiken op ons storingsnummer.</p>';
			html += '</div>';
		
		$('#schema').append(html).children('#showtxt').hide().fadeIn(400);
		$('#showtxt').css('top', evt.pageY - 20)
					 .css('left', evt.pageX + 40);
	}, function() {
		$('#showtxt').remove();
	});
	$('#hoverimgA3').mousemove(function(evt) {
		$('#showtxt').css('top', evt.pageY - 20)
					 .css('left', evt.pageX + 40);
	});
});

// Tekstballon bij abonnement B3

$(function() {
	$('#hoverimgB3').hover(function(evt) {
		var html = '<div id="showtxt">';
			html += '<h4 align="center">24/7 bereikbaar voor uw storing(en)</h4>';
			html += '<p>Voor storingen aan uw cv-ketel zijn wij 24 uur per dag, zeven dagen per week te bereiken op ons storingsnummer.</p>';
			html += '</div>';
		
		$('#schema').append(html).children('#showtxt').hide().fadeIn(400);
		$('#showtxt').css('top', evt.pageY - 20)
					 .css('left', evt.pageX + 40);
	}, function() {
		$('#showtxt').remove();
	});
	$('#hoverimgB3').mousemove(function(evt) {
		$('#showtxt').css('top', evt.pageY - 20)
					 .css('left', evt.pageX + 40);
	});
});

// Tekstballon bij abonnement C3

$(function() {
	$('#hoverimgC3').hover(function(evt) {
		var html = '<div id="showtxt">';
			html += '<h4 align="center">24/7 bereikbaar voor uw storing(en)</h4>';
			html += '<p>Voor storingen aan uw cv-ketel zijn wij 24 uur per dag, zeven dagen per week te bereiken op ons storingsnummer.</p>';
			html += '</div>';
		
		$('#schema').append(html).children('#showtxt').hide().fadeIn(400);
		$('#showtxt').css('top', evt.pageY - 20)
					 .css('left', evt.pageX + 40);
	}, function() {
		$('#showtxt').remove();
	});
	$('#hoverimgC3').mousemove(function(evt) {
		$('#showtxt').css('top', evt.pageY - 20)
					 .css('left', evt.pageX + 40);
	});
});

// Tekstballon bij abonnement D3

$(function() {
	$('#hoverimgD3').hover(function(evt) {
		var html = '<div id="showtxt">';
			html += '<h4 align="center">24/7 bereikbaar voor uw storing(en)</h4>';
			html += '<p>Voor storingen aan uw cv-ketel zijn wij 24 uur per dag, zeven dagen per week te bereiken op ons storingsnummer.</p>';
			html += '</div>';
		
		$('#schema').append(html).children('#showtxt').hide().fadeIn(400);
		$('#showtxt').css('top', evt.pageY - 20)
					 .css('left', evt.pageX + 40);
	}, function() {
		$('#showtxt').remove();
	});
	$('#hoverimgD3').mousemove(function(evt) {
		$('#showtxt').css('top', evt.pageY - 20)
					 .css('left', evt.pageX + 40);
	});
});

// Tekstballon bij abonnement A4

$(function() {
	$('#hoverimgA4').hover(function(evt) {
		var html = '<div id="showtxt">';
			html += '<h4 align="center">Geen voorrijkosten</h4>';
			html += '<p>U betaalt geen voorrijkosten binnen<br />&acute;t Gooi en de gemeenten Soest, Baarn, Eemnes en Almere.</p>';
			html += '</div>';
		
		$('#schema').append(html).children('#showtxt').hide().fadeIn(400);
		$('#showtxt').css('top', evt.pageY - 20)
					 .css('left', evt.pageX + 40);
	}, function() {
		$('#showtxt').remove();
	});
	$('#hoverimgA4').mousemove(function(evt) {
		$('#showtxt').css('top', evt.pageY - 20)
					 .css('left', evt.pageX + 40);
	});
});

// Tekstballon bij abonnement B4

$(function() {
	$('#hoverimgB4').hover(function(evt) {
		var html = '<div id="showtxt">';
			html += '<h4 align="center">Geen voorrijkosten</h4>';
			html += '<p>U betaalt geen voorrijkosten binnen<br />&acute;t Gooi en de gemeenten Soest, Baarn, Eemnes en Almere.</p>';
			html += '</div>';
		
		$('#schema').append(html).children('#showtxt').hide().fadeIn(400);
		$('#showtxt').css('top', evt.pageY - 20)
					 .css('left', evt.pageX + 40);
	}, function() {
		$('#showtxt').remove();
	});
	$('#hoverimgB4').mousemove(function(evt) {
		$('#showtxt').css('top', evt.pageY - 20)
					 .css('left', evt.pageX + 40);
	});
});

// Tekstballon bij abonnement C4

$(function() {
	$('#hoverimgC4').hover(function(evt) {
		var html = '<div id="showtxt">';
			html += '<h4 align="center">Geen voorrijkosten</h4>';
			html += '<p>U betaalt geen voorrijkosten binnen<br />&acute;t Gooi en de gemeenten Soest, Baarn, Eemnes en Almere.</p>';
			html += '</div>';
		
		$('#schema').append(html).children('#showtxt').hide().fadeIn(400);
		$('#showtxt').css('top', evt.pageY - 20)
					 .css('left', evt.pageX + 40);
	}, function() {
		$('#showtxt').remove();
	});
	$('#hoverimgC4').mousemove(function(evt) {
		$('#showtxt').css('top', evt.pageY - 20)
					 .css('left', evt.pageX + 40);
	});
});

// Tekstballon bij abonnement D4

$(function() {
	$('#hoverimgD4').hover(function(evt) {
		var html = '<div id="showtxt">';
			html += '<h4 align="center">Geen voorrijkosten</h4>';
			html += '<p>U betaalt geen voorrijkosten binnen<br />&acute;t Gooi en de gemeenten Soest, Baarn, Eemnes en Almere.</p>';
			html += '</div>';
		
		$('#schema').append(html).children('#showtxt').hide().fadeIn(400);
		$('#showtxt').css('top', evt.pageY - 20)
					 .css('left', evt.pageX + 40);
	}, function() {
		$('#showtxt').remove();
	});
	$('#hoverimgD4').mousemove(function(evt) {
		$('#showtxt').css('top', evt.pageY - 20)
					 .css('left', evt.pageX + 40);
	});
});

// Tekstballon bij abonnement A5

$(function() {
	$('#hoverimgA5').hover(function(evt) {
		var html = '<div id="showtxt">';
			html += '<h4 align="center">Geen arbeidsloon</h4>';
			html += '<p>U betaalt <b>wel</b> arbeidsloon bij een storing. Ook benodigde materialen worden in rekening gebracht.</p>';
			html += '</div>';
		
		$('#schema').append(html).children('#showtxt').hide().fadeIn(400);
		$('#showtxt').css('top', evt.pageY - 20)
					 .css('left', evt.pageX + 40);
	}, function() {
		$('#showtxt').remove();
	});
	$('#hoverimgA5').mousemove(function(evt) {
		$('#showtxt').css('top', evt.pageY - 20)
					 .css('left', evt.pageX + 40);
	});
});

// Tekstballon bij abonnement B5

$(function() {
	$('#hoverimgB5').hover(function(evt) {
		var html = '<div id="showtxt">';
			html += '<h4 align="center">Geen arbeidsloon</h4>';
			html += '<p>U betaalt geen arbeidsloon bij een storing binnen &acute;t Gooi en de gemeenten Soest, Baarn, Eemnes en Almere. Enkel benodigde materialen worden in rekening gebracht.</p>';
			html += '</div>';
		
		$('#schema').append(html).children('#showtxt').hide().fadeIn(400);
		$('#showtxt').css('top', evt.pageY - 20)
					 .css('left', evt.pageX + 40);
	}, function() {
		$('#showtxt').remove();
	});
	$('#hoverimgB5').mousemove(function(evt) {
		$('#showtxt').css('top', evt.pageY - 20)
					 .css('left', evt.pageX + 40);
	});
});

// Tekstballon bij abonnement C5

$(function() {
	$('#hoverimgC5').hover(function(evt) {
		var html = '<div id="showtxt">';
			html += '<h4 align="center">Geen arbeidsloon</h4>';
			html += '<p>U betaalt <b>wel</b> arbeidsloon bij een storing. Ook benodigde materialen worden in rekening gebracht.</p>';
			html += '</div>';
		
		$('#schema').append(html).children('#showtxt').hide().fadeIn(400);
		$('#showtxt').css('top', evt.pageY - 20)
					 .css('left', evt.pageX + 40);
	}, function() {
		$('#showtxt').remove();
	});
	$('#hoverimgC5').mousemove(function(evt) {
		$('#showtxt').css('top', evt.pageY - 20)
					 .css('left', evt.pageX + 40);
	});
});

// Tekstballon bij abonnement D5

$(function() {
	$('#hoverimgD5').hover(function(evt) {
		var html = '<div id="showtxt">';
			html += '<h4 align="center">Geen arbeidsloon</h4>';
			html += '<p>U betaalt geen arbeidsloon bij een storing binnen &acute;t Gooi en de gemeenten Soest, Baarn, Eemnes en Almere. Enkel benodigde materialen worden in rekening gebracht.</p>';
			html += '</div>';
		
		$('#schema').append(html).children('#showtxt').hide().fadeIn(400);
		$('#showtxt').css('top', evt.pageY - 20)
					 .css('left', evt.pageX + 40);
	}, function() {
		$('#showtxt').remove();
	});
	$('#hoverimgD5').mousemove(function(evt) {
		$('#showtxt').css('top', evt.pageY - 20)
					 .css('left', evt.pageX + 40);
	});
});

// Tekstballon bij abonnement A6

$(function() {
	$('#hoverimgA6').hover(function(evt) {
		var html = '<div id="showtxt">';
			html += '<h4 align="center">Voorrang bij storing</h4>';
			html += '<p>Met dit Service -en Onderhoudsabonnement krijgt u <b>GEEN</b> voorrang bij een storing.</p>';
			html += '</div>';
		
		$('#schema').append(html).children('#showtxt').hide().fadeIn(400);
		$('#showtxt').css('top', evt.pageY - 20)
					 .css('left', evt.pageX + 40);
	}, function() {
		$('#showtxt').remove();
	});
	$('#hoverimgA6').mousemove(function(evt) {
		$('#showtxt').css('top', evt.pageY - 20)
					 .css('left', evt.pageX + 40);
	});
});

// Tekstballon bij abonnement B6

$(function() {
	$('#hoverimgB6').hover(function(evt) {
		var html = '<div id="showtxt">';
			html += '<h4 align="center">Voorrang bij storing</h4>';
			html += '<p>Met dit Service -en Onderhoudsabonnement wordt u bij een eventuele storing met voorrang geholpen.</p>';
			html += '</div>';
		
		$('#schema').append(html).children('#showtxt').hide().fadeIn(400);
		$('#showtxt').css('top', evt.pageY - 20)
					 .css('left', evt.pageX + 40);
	}, function() {
		$('#showtxt').remove();
	});
	$('#hoverimgB6').mousemove(function(evt) {
		$('#showtxt').css('top', evt.pageY - 20)
					 .css('left', evt.pageX + 40);
	});
});

// Tekstballon bij abonnement C6

$(function() {
	$('#hoverimgC6').hover(function(evt) {
		var html = '<div id="showtxt">';
			html += '<h4 align="center">Voorrang bij storing</h4>';
			html += '<p>Met dit Service -en Onderhoudsabonnement krijgt u <b>GEEN</b> voorrang bij een storing.</p>';
			html += '</div>';
		
		$('#schema').append(html).children('#showtxt').hide().fadeIn(400);
		$('#showtxt').css('top', evt.pageY - 20)
					 .css('left', evt.pageX + 40);
	}, function() {
		$('#showtxt').remove();
	});
	$('#hoverimgC6').mousemove(function(evt) {
		$('#showtxt').css('top', evt.pageY - 20)
					 .css('left', evt.pageX + 40);
	});
});

// Tekstballon bij abonnement D6

$(function() {
	$('#hoverimgD6').hover(function(evt) {
		var html = '<div id="showtxt">';
			html += '<h4 align="center">Voorrang bij storing</h4>';
			html += '<p>Met dit Service -en Onderhoudsabonnement wordt u bij een eventuele storing met voorrang geholpen.</p>';
			html += '</div>';
		
		$('#schema').append(html).children('#showtxt').hide().fadeIn(400);
		$('#showtxt').css('top', evt.pageY - 20)
					 .css('left', evt.pageX + 40);
	}, function() {
		$('#showtxt').remove();
	});
	$('#hoverimgD6').mousemove(function(evt) {
		$('#showtxt').css('top', evt.pageY - 20)
					 .css('left', evt.pageX + 40);
	});
});

// Tekstballon bij abonnement A7

$(function() {
	$('#hoverimgA7').hover(function(evt) {
		var html = '<div id="showtxt">';
			html += '<h4 align="center">Mechanisch ventilatiesysteem</h4>';
			html += '<p><b>Geen</b> reiniging en onderhoud aan uw mechanisch ventilatiesysteem.</p>';
			html += '</div>';
		
		$('#schema').append(html).children('#showtxt').hide().fadeIn(400);
		$('#showtxt').css('top', evt.pageY - 20)
					 .css('left', evt.pageX + 40);
	}, function() {
		$('#showtxt').remove();
	});
	$('#hoverimgA7').mousemove(function(evt) {
		$('#showtxt').css('top', evt.pageY - 20)
					 .css('left', evt.pageX + 40);
	});
});

// Tekstballon bij abonnement B7

$(function() {
	$('#hoverimgB7').hover(function(evt) {
		var html = '<div id="showtxt">';
			html += '<h4 align="center">Mechanisch ventilatiesysteem</h4>';
			html += '<p><b>Geen</b> reiniging en onderhoud aan uw mechanisch ventilatiesysteem.</p>';
			html += '</div>';
		
		$('#schema').append(html).children('#showtxt').hide().fadeIn(400);
		$('#showtxt').css('top', evt.pageY - 20)
					 .css('left', evt.pageX + 40);
	}, function() {
		$('#showtxt').remove();
	});
	$('#hoverimgB7').mousemove(function(evt) {
		$('#showtxt').css('top', evt.pageY - 20)
					 .css('left', evt.pageX + 40);
	});
});

// Tekstballon bij abonnement C7

$(function() {
	$('#hoverimgC7').hover(function(evt) {
		var html = '<div id="showtxt">';
			html += '<h4 align="center">Mechanisch ventilatiesysteem</h4>';
			html += '<p>Gelijktijdig met het jaarlijks onderhoud aan uw cv-ketel reinigen en onderhouden wij uw mechanisch ventilatiesysteem.</p>';
			html += '</div>';
		
		$('#schema').append(html).children('#showtxt').hide().fadeIn(400);
		$('#showtxt').css('top', evt.pageY - 20)
					 .css('left', evt.pageX + 40);
	}, function() {
		$('#showtxt').remove();
	});
	$('#hoverimgC7').mousemove(function(evt) {
		$('#showtxt').css('top', evt.pageY - 20)
					 .css('left', evt.pageX + 40);
	});
});

// Tekstballon bij abonnement D7

$(function() {
	$('#hoverimgD7').hover(function(evt) {
		var html = '<div id="showtxt">';
			html += '<h4 align="center">Mechanisch ventilatiesysteem</h4>';
			html += '<p>Gelijktijdig met het jaarlijks onderhoud aan uw cv-ketel reinigen en onderhouden wij uw mechanisch ventilatiesysteem.</p>';
			html += '</div>';
		
		$('#schema').append(html).children('#showtxt').hide().fadeIn(400);
		$('#showtxt').css('top', evt.pageY - 20)
					 .css('left', evt.pageX + 40);
	}, function() {
		$('#showtxt').remove();
	});
	$('#hoverimgD7').mousemove(function(evt) {
		$('#showtxt').css('top', evt.pageY - 20)
					 .css('left', evt.pageX + 40);
	});
});