var OP   = (navigator.userAgent.indexOf("Opera") != -1);
var IE   = (navigator.userAgent.indexOf("MSIE") != -1) && !OP;
	
var xmlhttp=false;
/*@cc_on @*/
/*@if (@_jscript_version >= 5)
// JScript gives us Conditional compilation, we can cope with old IE versions.
// and security blocked creation of the objects.
try {
	xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
	xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
} catch (E) {
	xmlhttp = false;
}
}
@end @*/

if (!xmlhttp && typeof XMLHttpRequest!='undefined'){
 	xmlhttp = new XMLHttpRequest();
}

var baseurl; // = rubriek_select.php;

function drawSelect(name, id, sOptions, num){
	if (IE == true){
		var style = 'style="margin-top:-12px;"';
	} else {
		var style = '';
	}
	var html = '<select ' + style + ' class="rubriek" onchange="changeSelects(\'' + id + '\', ' + num + ', \'rubriek\', this.value);" name="' + name + '" id="' + name + '">\n';
	html += sOptions;
	html += '</select>\n' ;
	document.getElementById(id).innerHTML = html;
}

var openDiv;
function swap_aanmelding(type, checked){

	var koptekst = new Array();
	koptekst['free']   = 'Vul het onderstaande formulier zo correct mogelijk in en klik op verzenden. Uw aanmelding wordt eerst beoordeeld door de redactie van allesduurzaam en pas daarna geactiveerd.';
	koptekst['basic']  = 'Vul het onderstaande formulier zo correct mogelijk in en klik op verzenden. Uw aanmelding wordt eerst beoordeeld door de redactie van allesduurzaam en pas daarna geactiveerd. Vanaf het moment van activering gaat uw abonnement in voor een jaar. Uw abonnement wordt automatisch verlengd tenzij u minimaal 1 maand voor het einde van de abonnements periode schriftelijk opzegt.';
	koptekst['extra']  = 'Vul het onderstaande formulier zo correct mogelijk in en klik op verzenden. Uw aanmelding wordt eerst beoordeeld door de redactie van allesduurzaam en pas daarna geactiveerd. Vanaf het moment van activering gaat uw abonnement in voor een jaar. Uw abonnement wordt automatisch verlengd tenzij u minimaal 1 maand voor het einde van de abonnements periode schriftelijk opzegt.';
	koptekst['pagina'] = 'Vul het onderstaande formulier zo correct mogelijk in en klik op verzenden. Uw aanmelding wordt eerst beoordeeld door de redactie van allesduurzaam en pas daarna geactiveerd. Vanaf het moment van activering gaat uw abonnement in voor een jaar. Uw abonnement wordt automatisch verlengd tenzij u minimaal 1 maand voor het einde van de abonnements periode schriftelijk opzegt.';
	koptekst['extraSpecial'] = 0;

	var vermelding = new Array();
	vermelding['free']   = 'allesduurzaam vermelding <strong> Free | gratis</strong>';
	vermelding['basic']  = 'allesduurzaam vermelding <strong> Basic | € 25,- per jaar</strong>';
	vermelding['extra']  = 'allesduurzaam vermelding <strong> Extra | € 75,- per jaar</strong>';
	vermelding['pagina'] = 'allesduurzaam vermelding <strong> Pagina | € 400,- per jaar</strong>';
	vermelding['extraSpecial'] = 'allesduurzaam vermelding <strong> Oude free vermelding</strong>';		

	var karakters = new Array();
	karakters['free']   = 0;
	karakters['basic']  = 100;
	karakters['extra']  = 500;
	karakters['pagina'] = 500;
	karakters['extraSpecial'] = 0;
	
	var info = new Array();
	info['free']   = 'In deze gratis vermelding worden alleen de naam van uw organisatie, de plaats en het telefoonnummer op onze website vernoemd. <p>* Worden niet vermeld op de site!.</p>';
	info['basic']  = 'In deze <strong>Basic</strong> vermelding worden de naam van uw organisatie, het adres en het telefoonnummer, samen met uw productomschrijving op onze website vernoemd. <p>* Worden niet vermeld op de site!</p><p class="small">Het tarief voor deze vermelding is excl. 19% BTW</p>'; 
	info['extra']  = 'In deze <strong>Extra</strong> vermelding worden de naam van uw organisatie, het adres en het telefoonnummer, samen met uw productomschrijving in drie rubrieken op onze website vernoemd. <p>* Worden niet vermeld op de site!</p><p class="small">Het tarief voor deze vermelding is excl. 19% BTW</p>'; 
	info['pagina'] = 'Bij een <strong>Eigen pagina</strong> worden de naam van uw organisatie, het adres, het telefoon- en faxnummer, het e-mailadres en de url samen met uw complete eigen pagina inclusief 2 foto’s en logo op onze website vernoemd. Voor &euro; 100,00 extra (excl.19% BTW) kunnen wij een mogelijkheid inbouwen voor een actie- of kortingsbon. Klanten kunnen deze bon printen en meenemen naar de winkel. <p>* Worden niet vermeld op de site!</p><p class="small">*: Het tarief voor deze vermelding is excl. 19% BTW</p>';
	info['extraSpecial'] = '';


	if (checked){
							
		if (document.getElementById('div_' + openDiv)){
			document.getElementById('div_' + openDiv).style.display = 'none';		
		}
		
		document.getElementById('form_header').innerHTML = vermelding[type];
		document.getElementById('form_header').className = 'aanmeldform_' + type;
		
		if (type == 'free'){
			document.getElementById('freeVragenlijst').style.display = 'block';
			document.getElementById('nietFree').style.display = 'none';
			document.getElementById('ster1').innerHTML = '*';
			document.getElementById('ster2').innerHTML = '*';
			document.getElementById('ster3').innerHTML = '*';
			document.getElementById('ster4').innerHTML = '*';
			document.getElementById('ster5').innerHTML = '*';
			document.getElementById('extraVermelding').style.display = 'none';
			document.getElementById('div_productomschrijving').style.display = 'none';
			document.getElementById('div_factuuradres').style.display = 'none';	
			document.getElementById('urlTekst').style.display = 'none';
			aantal_omschrijving = '';
		} else if (type == 'basic'){
			document.getElementById('freeVragenlijst').style.display = 'none';
			document.getElementById('nietFree').style.display = 'block';
			document.getElementById('ster1').innerHTML = '*';
			document.getElementById('ster2').innerHTML = '*';
			document.getElementById('ster3').innerHTML = '*';
			document.getElementById('ster4').innerHTML = '*';
			document.getElementById('ster5').innerHTML = '*';
			document.getElementById('extraVermelding').style.display = 'none';
			document.getElementById('div_productomschrijving').style.display = 'block';
			document.getElementById('div_factuuradres').style.display = 'block';
			document.getElementById('urlTekst').style.display = 'none';
			aantal_omschrijving = ''; 
		} else if (type == 'extra' || type == 'pagina'){
			document.getElementById('freeVragenlijst').style.display = 'none';
			document.getElementById('nietFree').style.display = 'block';
			document.getElementById('ster1').innerHTML = '';
			document.getElementById('ster2').innerHTML = '';
			document.getElementById('ster3').innerHTML = '';
			document.getElementById('ster4').innerHTML = '';
			document.getElementById('ster5').innerHTML = '';
			document.getElementById('extraVermelding').style.display = 'block';
			document.getElementById('div_productomschrijving').style.display = 'block';
			document.getElementById('div_productomschrijving2').style.display = 'block';
			document.getElementById('div_productomschrijving3').style.display = 'block';
			document.getElementById('div_factuuradres').style.display = 'block';
			document.getElementById('urlTekst').style.display = 'block';
			aantal_omschrijving = '<strong>1e</strong>';
		}
	
		for (i=1; i<= 4; i++){								
			if (type == 'extra'){
				document.getElementById('aantal_omschrijving_' + i).innerHTML = '<strong>1e</strong>';				
			} else {
				document.getElementById('aantal_omschrijving_' + i).innerHTML = '';	
			} 
		}
		
		document.getElementById('produkt_karakters').innerHTML = karakters[type];
		if(document.getElementById('koptekst'))	document.getElementById('koptekst').innerHTML = koptekst[type]; // als de gebruiker een fout in het form heeft gemaakt, wordt het form weer getoond zonder koptekst. Dus hier wordt eerst gechecked of de koptekst er wel is.
		document.getElementById('info').innerHTML = info[type];
		document.getElementById('contactpersoon').focus();	
			
		openDiv = type;
	}		
}


/***************************************************
                                   id       num  selectType     selectValue
voorbeeld: onchange="changeSelects(this.id, 1,  'hoofdrubriek', this.value);"
***************************************************/
function changeSelects(id, num, selectType, selectValue){
		
		if (id.substr(4, 3) != 'sub'){		
			if (selectValue != 0 && selectValue != null){
				if (num == 1){
						weergavenum = ''; // de eerste rubriekselects hebben geen nummer in de id's en names
				} else {
						weergavenum = num;
				}				
				if (selectType == 'hoofdrubriek'){										
					getContent('rubriek' + weergavenum + '_select', 'div_rubriek' + weergavenum + '_select', selectType, selectValue, num);
					sOptions = '<option>Selecteer een rubriek</option>';
					drawSelect('subrubriek' + weergavenum + '_select', 'div_subrubriek' + weergavenum + '_select', sOptions, num);
				} else if (selectType == 'rubriek'){
					getContent('subrubriek' + weergavenum + '_select', 'div_subrubriek' + weergavenum + '_select', selectType, selectValue, num);
				}
			}
		}
}

function getContent(name, id, selectType, selectValue, num){

	xmlhttp.open("GET", baseurl + "?selectType=" + selectType + "&selectValue=" + selectValue, true); //method, target, async (set always true!)
	xmlhttp.onreadystatechange=function() {
		if (xmlhttp.readyState==4){
			answer = xmlhttp.responseText;
			if (answer != ""){        
				if (IE == true){
					var style = 'style="margin-top:-12px;"';
				} else {
					var style = '';
				}
				var html = '<select ' + style + ' class="rubriek" onchange="changeSelects(\'' + id + '\', ' + num + ', \'rubriek\', this.value);" name="' + name + '" id="' + name + '">';
				html += answer;
				html += '</select>' ;
				document.getElementById(id).innerHTML = html;		
			}
		}
	}
	xmlhttp.send(null);
}


/*
Deze functie hoort bij uitgebreid zoeken.
Zodra er een hoofdrubriek is gekozen de selectbox met rubrieken vullen.
*/
function vulRubriek(selectValue){
	// vars instellen		
	selectType = 'hoofdrubriek';
	id = 'uitgebreid_zoeken_rubriek_select'; // naam van de div waarin de selectbox zit die vervangen moet worden
	url = baseurl + "?selectType=" + selectType + "&selectValue=" + selectValue + "&uitgebreidZoeken=1";
	
	// info ophalen
	xmlhttp.open("GET", url, true); //method, target, async (set always true!)
	xmlhttp.onreadystatechange=function() {
		if (xmlhttp.readyState==4){
			answer = xmlhttp.responseText;
			if (answer != ""){        

				var html = '<select name="rubriek_select" style="width:135px;" id="rubriek_select">';
				html += answer;
				html += '</select>';
				
				// de gevulde selectbox in de DIV zetten
				document.getElementById(id).innerHTML = html;		
			}
		}
	}
	xmlhttp.send(null);
}