var fileref = document.createElement('link'); fileref.rel = 'stylesheet'; fileref.type = 'text/css'; fileref.href = '\/\/apps-honka.cpn.fi\/www\/fi_tapahtuma_ajanvaraus.css'; document.getElementsByTagName('head')[0].appendChild(fileref); 
var varaus = { tid: 20, nid: -1, rid: -1, aika: '', nimi: '', email: '', puh: '' };

function varaa (id_a, id_b, id_c, aika) {
	
	if (varaus['nid'] == -1 && varaus['rid'] == -1) {
		document.getElementById('b_' + id_a + '_' + id_b + '_' + id_c).classList.add('vih');
		varaus['nid'] = id_b; varaus['rid'] = id_c;	varaus['aika'] = aika;	
	} else if (id_b == varaus['nid'] && id_c == varaus['rid']) {
		document.getElementById('b_' + id_a + '_' + id_b + '_' + id_c).classList.remove('vih');
		varaus['nid'] = -1; varaus['rid'] = -1;	varaus['aika'] = '';	
	} else {
		document.getElementById('b_' + id_a + '_' + varaus['nid'] + '_' + varaus['rid']).classList.remove('vih');
		document.getElementById('b_' + id_a + '_' + id_b + '_' + id_c).classList.add('vih');
		varaus['nid'] = id_b; varaus['rid'] = id_c; varaus['aika'] = aika;	
	}
	document.getElementById('b_' + id_a + '_' + id_b + '_' + id_c).blur();
	
}

function laheta () {
	
	error = '';
	if (!/^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/.test(document.getElementById('varaus_email').value)) error = 'Kirjoitathan oikean sähköpostiosoitteesi ennen lomakkeen lähettämistä!';
	if (document.getElementById('varaus_nimi').value.length < 2) error = 'Kirjoitathan nimesi ennen lomakkeen lähettämistä!';
	if (varaus['nid'] == -1 || varaus['rid'] == -1) error = 'Varaathan tapaamisajan ennen lomakkeen lähettämistä!';
	
	if (error != '') {
		
		alert(error); document.getElementById('lahetysnappi').blur();
	
	} else {
		
		varaus['nimi'] = document.getElementById('varaus_nimi').value;
		varaus['email'] = document.getElementById('varaus_email').value;
		varaus['puh'] = document.getElementById('varaus_puh').value;
		
		var xhttp = new XMLHttpRequest();
		xhttp.onreadystatechange = function() {
			if (this.readyState == 4 && this.status == 200) {
				eval(this.responseText);
			}
		};
		xhttp.open('POST', '//apps-honka.cpn.fi/www/fi_tapahtuma-ajanvaraus.js.php', true); 
		xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
		xhttp.send('json=' + JSON.stringify(varaus));
		
	}
	
}	
	document.getElementById('varaus').innerHTML = ' <div class="sarake"><p><b>Juha Utela</b><br />Honka-edustaja</p><div class="ajat"><button type="button" id="b_20_26_128" class="button aika" onclick="varaa(20, 26, 128, \'10.00\')">10.00</button><button type="button" id="b_20_26_129" class="button aika" onclick="varaa(20, 26, 129, \'11.00\')">11.00</button><button type="button" id="b_20_26_130" class="button aika" onclick="varaa(20, 26, 130, \'12.00\')">12.00</button><button type="button" id="b_20_26_131" class="button aika" onclick="varaa(20, 26, 131, \'13.00\')">13.00</button><button type="button" id="b_20_26_132" class="button aika" onclick="varaa(20, 26, 132, \'14.00\')">14.00</button></div></div><div class="sarake"><p><b>Antti Lamminpää</b><br />Honka-edustaja</p><div class="ajat"><button type="button" id="b_20_27_133" class="button aika" onclick="varaa(20, 27, 133, \'10.00\')">10.00</button><button type="button" id="b_20_27_134" class="button aika" onclick="varaa(20, 27, 134, \'11.00\')">11.00</button><button type="button" id="b_20_27_135" class="button aika" onclick="varaa(20, 27, 135, \'12.00\')">12.00</button><button type="button" id="b_20_27_136" class="button aika" onclick="varaa(20, 27, 136, \'13.00\')">13.00</button><button type="button" id="b_20_27_137" class="button aika" onclick="varaa(20, 27, 137, \'14.00\')">14.00</button></div></div> <div class="teksti"> <p>Nimi:<br /><input type="text" id="varaus_nimi" /></p><p>Sähköposti:<br /><input type="text" id="varaus_email" /></p><p>Puhelin:<br /><input type="text" id="varaus_puh" /></p><p><button id="lahetysnappi" type="button" onclick="laheta()"><i class="fa fa-clock-o"></i> Varaa</button></p> </div> ';