var origineel_font_size = 16;
var prev_hash = "";

function init(){
	origineel_font_size = sims.css.cssProperty(document.body,"fontSize")
	origineel_font_size = sims.css.sizeInPx(origineel_font_size);
	
	//Set event handlers
	
	//Main cols
	sims.g('col1_expander').onclick = function() { load_page('col1'); return false; }
	sims.g('col2_expander').onclick = function() { load_page('col2'); return false; }
	sims.g('col3_expander').onclick = function() { load_page('col3'); return false; }
	sims.g('col4_expander').onclick = function() { load_page('col4'); return false; }

	sims.g('logo').onclick = function() { load_page('col1'); return false; }
	sims.g('col1_contact').onclick = function() { load_page('col4'); window.location.href="#col4_expander"; return false; }
	
	sims.g('uitleg_webhosting_expander').onclick = function() { sims.g('uitleg_webhosting').toggleGrow(0,"auto",105); return false; }
	sims.g('uitleg_webprogrammeertalen_expander').onclick = function() { sims.g('uitleg_webprogrammeertalen').toggleGrow(0,"auto",105); return false; }
	sims.g('uitleg_databases_expander').onclick = function() { sims.g('uitleg_databases').toggleGrow(0,"auto",105); return false; }
	
	sims.g('uitleg_javascript_expander').onclick = function(){ sims.g('uitleg_javascript').toggleGrow(0,"auto",105); return false; }
	sims.g('uitleg_css_expander').onclick = function(){ sims.g('uitleg_css').toggleGrow(0,"auto",105); return false; }
	sims.g('uitleg_html_expander').onclick = function(){ sims.g('uitleg_html').toggleGrow(0,"auto",105); return false; }
	sims.g('uitleg_php_expander').onclick = function(){ sims.g('uitleg_php').toggleGrow(0,"auto",105); return false; }
	sims.g('uitleg_mysql_expander').onclick = function(){ sims.g('uitleg_mysql').toggleGrow(0,"auto",105); return false; }
	sims.g('uitleg_apache_expander').onclick = function(){ sims.g('uitleg_apache').toggleGrow(0,"auto",105); return false; }
	sims.g('uitleg_linux_expander').onclick = function(){ sims.g('uitleg_linux').toggleGrow(0,"auto",105); return false; }
	
	//Footer
	sims.g('vloeiende_breedte').onclick = function(){ document.body.id = "fluid"; return false; }
	sims.g('vaste_breedte').onclick = function(){ document.body.id = "fixed"; return false; }
	sims.g('font_size_min').onclick = function(){ change_font_size('-1'); return false; }
	sims.g('font_size_a').onclick = function(){ change_font_size(origineel_font_size); return false; }
	sims.g('font_size_plus').onclick = function(){ change_font_size('+1'); return false; }
}

function load_page(el,pagina){
	contentEl = sims.g(el).gByClass('content')[0];
	if(contentEl.cssProperty('display') == 'none'){
		hideAll();
		contentEl.grow("auto",105);
	} else {
		contentEl.style.display = 'none';
		contentEl.style.height = '0';
	}
}

function hideAll(){
	sims.g('col1').gByClass('content')[0].style.display = 'none';
	sims.g('col1').gByClass('content')[0].style.height = '0';
	sims.g('col2').gByClass('content')[0].style.display = 'none';
	sims.g('col2').gByClass('content')[0].style.height = '0';
	sims.g('col3').gByClass('content')[0].style.display = 'none';
	sims.g('col3').gByClass('content')[0].style.height = '0';
	sims.g('col4').gByClass('content')[0].style.display = 'none';
	sims.g('col4').gByClass('content')[0].style.height = '0';
}

function change_font_size(size){
	current_size = sims.css.cssProperty(document.body,"fontSize")
	current_size = sims.css.sizeInPx(current_size);
	
	if(size == "-1"){
		new_size = current_size - 1;
		new_size = new_size + "px";
	} else if(size == "+1"){
		new_size = current_size + 1;
		new_size = new_size + "px";
	} else {
		new_size = size + "px";
	}
	document.body.style.fontSize = new_size;
}

	function show_validation(){
		if( this.validate() ){
			sims.g("validate_" + this.id).className = "validate valid";
			return(true);
		} else if(this.value == "" && this.verplicht == true){
			sims.g("validate_" + this.id).className = "validate verplicht";
			return(false);
		} else {
			sims.g("validate_" + this.id).className = "validate invalid";
			return(false);
		}
	}
	sims.addOnloadFunction(init);
/*	
		//Email form
	$('email_bedrijf.validateAs="text"');
	$('email_bedrijf.required=false');
	$('email_naam.validateAs="text"');
	$('email_naam.required=true');
	$('email_email.validateAs="email"');
	$('email_email.required=true');
	$('email_telefoonnummer.validateAs="telnum"');
	$('email_telefoonnummer.required=false');
	$('email_onderwerp.validateAs="text"');
	$('email_onderwerp.required=true');
	$('email_inhoud.validateAs="text"');
	$('email_inhoud.required=true');
	
	$('email_verzenden').onclick = function(){ return $('email.validate'); }
	
	sims.addOnloadFunction(function(){
		sims.g('email_bedrijf').validateAs = "pers_naam";
		sims.g('voornaam').verplicht = false;
		sims.g('voornaam').veldnaam = "Naam";
		sims.g('voornaam').onchange = show_validation;
		
		sims.g('tussenvoegsel').validateAs = "pers_naam";
		sims.g('tussenvoegsel').verplicht = false;
		sims.g('tussenvoegsel').veldnaam = "Tussenvoegsel";
		sims.g('tussenvoegsel').onchange = show_validation;
		
		sims.g('achternaam').validateAs = "pers_naam";
		sims.g('achternaam').verplicht = true;
		sims.g('achternaam').veldnaam = "Achternaam";
		sims.g('achternaam').onchange = show_validation;
		
		sims.g('initialen').validateAs = "pers_naam";
		sims.g('initialen').verplicht = false;
		sims.g('initialen').veldnaam = "Initialen";
		sims.g('initialen').onchange = show_validation;
		
		sims.g('prive_straat_huisnummer').validateAs = "pers_naam";
		sims.g('prive_straat_huisnummer').verplicht = false;
		sims.g('prive_straat_huisnummer').veldnaam = "Privé straat & huisnummer";
		sims.g('prive_straat_huisnummer').onchange = show_validation;
		
		sims.g('prive_postcode').validateAs = "postcode";
		sims.g('prive_postcode').verplicht = false;
		sims.g('prive_postcode').veldnaam = "Privé postcode";
		sims.g('prive_postcode').onchange = show_validation;
		
		sims.g('prive_woonplaats').validateAs = "pers_naam";
		sims.g('prive_woonplaats').verplicht = false;
		sims.g('prive_woonplaats').veldnaam = "Privé woonplaats";
		sims.g('prive_woonplaats').onchange = show_validation;
		
		sims.g('prive_emailadres').validateAs = "email";
		sims.g('prive_emailadres').verplicht = false;
		sims.g('prive_emailadres').veldnaam = "Privé e-mailadres";
		sims.g('prive_emailadres').onchange = show_validation;
		
		sims.g('prive_telefoon').validateAs = "telnum";
		sims.g('prive_telefoon').verplicht = false;
		sims.g('prive_telefoon').veldnaam = "Privé telefoonnummer";
		sims.g('prive_telefoon').show_validation = show_validation;
		sims.g('prive_telefoon').onchange = function(){
											this.value = this.value.replace(/\s/g,"");
											return(this.show_validation());
										}
		
		sims.g('prive_mobiel').validateAs = "telnum";
		sims.g('prive_mobiel').verplicht = false;
		sims.g('prive_mobiel').veldnaam = "Privé mobiel";
		sims.g('prive_mobiel').show_validation = show_validation;
		sims.g('prive_mobiel').onchange = function(){
											this.value = this.value.replace(/\s/g,"");
											return(this.show_validation());
										}
		
		sims.g('nieuw_paswoord_1').validateAs = "password";
		sims.g('nieuw_paswoord_1').verplicht = false;
		sims.g('nieuw_paswoord_1').veldnaam = "Nieuw paswoord";
		sims.g('nieuw_paswoord_1').onchange = show_validation;
		
		sims.g('nieuw_paswoord_2').validateAs = "password";
		sims.g('nieuw_paswoord_2').verplicht = false;
		sims.g('nieuw_paswoord_2').veldnaam = "Herhaal nieuw paswoord";
		sims.g('nieuw_paswoord_2').onchange = show_validation;
		
		sims.g('huidig_paswoord').validateAs = "password";
		sims.g('huidig_paswoord').verplicht = true;
		sims.g('huidig_paswoord').veldnaam = "Huidige paswoord";
		sims.g('huidig_paswoord').onchange = show_validation;
		
		sims.g('mijnaccount_gegevens_bewerken').onsubmit = function(){
			if( sims.g('mijnaccount_gegevens_bewerken').validate(true) ){
				return(true);
			} else {
				return(false);
			}
		}
		sims.g('mijnaccount_gegevens_bewerken').validate();
	});
*/
/*
function check_hash(){
	cur_hash = window.location.hash.substr(1);
	if(cur_hash != prev_hash){
		if(cur_hash != "none"){
			col = sims.g(cur_hash);
			collapse_all();
			col.className = "expanded col";
		}
	}
	prev_hash = cur_hash;
}
	
	
	
	//Footer
	$('vloeiende_breedte').onclick = function(){ document.body.id = "fluid"; return false; }
	$('vaste_breedte').onclick = function(){ document.body.id = "fixed"; return false; }
	$('font_size_min').onclick = function(){ change_font_size('-1'); return false; }
	$('font_size_a').onclick = function(){ change_font_size(origineel_font_size); return false; }
	$('font_size_plus').onclick = function(){ change_font_size('+1'); return false; }
	
	//Email form
	$('email_bedrijf.validateAs="text"');
	$('email_bedrijf.required=false');
	$('email_naam.validateAs="text"');
	$('email_naam.required=true');
	$('email_email.validateAs="email"');
	$('email_email.required=true');
	$('email_telefoonnummer.validateAs="telnum"');
	$('email_telefoonnummer.required=false');
	$('email_onderwerp.validateAs="text"');
	$('email_onderwerp.required=true');
	$('email_inhoud.validateAs="text"');
	$('email_inhoud.required=true');
	
	$('email_verzenden').onclick = function(){ return $('email.validate'); }
}



function check_telnum(){
	if(!$('email_telefoonnummer.validate("telnum")')){
		$('email_respond_telefoon').disabled=true;
	} else {
		$('email_respond_telefoon').disabled=false;	
	}
	if( !$('email_emailadres.validate("email")') ){
		$('email_respond_email').disabled=true;
	} else {
		$('email_respond_email').disabled=false;	
	}
}

function change_font_size(size){
	if(document.body.style.fontSize == ""){
		document.body.style.fontSize = origineel_font_size + "px";
	}
	
	current_size = document.body.style.fontSize;
	current_size.replace(/px/,"");
	current_size = parseInt(current_size);
	
	if(size == "-1"){
		new_size = current_size - 1;
		new_size = new_size + "px";
	} else if(size == "+1"){
		new_size = current_size + 1;
		new_size = new_size + "px";
	} else {
		new_size = size + "px";
	}
	document.body.style.fontSize = new_size;
	return false;
}

function check_hash(){
	cur_hash = window.location.hash.substr(1);
	if(cur_hash != prev_hash){
		if(cur_hash != "none"){
			col = sims.g(cur_hash);
			collapse_all();
			col.className = "expanded col";
		}
	}
	prev_hash = cur_hash;
}

function toggleExpand(){
	this.toggleAtribute('className','col','expanded col');
	window.location.hash = this.id;
}

function collapse_all(){
	cols = sims.gByClass('col');
	for(col in cols){
		cols[col].className = "col";
	}
*/