function saveData(){
	var checkedOK=true;
	var arrObj=document.getElementsByTagName('input');
	for(var i=0;i<arrObj.length;i++)
		if(checkedOK)
			checkedOK=checkFieldInfo(arrObj[i]);
		else
			checkFieldInfo(arrObj[i]);
	arrObj=document.getElementsByTagName('textarea');
	for(var i=0;i<arrObj.length;i++)
		if(checkedOK)
			checkedOK=checkFieldInfo(arrObj[i]);
		else
			checkFieldInfo(arrObj[i]);
	arrObj=document.getElementsByTagName('select');
	for(var i=0;i<arrObj.length;i++)
		if(checkedOK)
			checkedOK=checkFieldInfo(arrObj[i]);
		else
			checkFieldInfo(arrObj[i]);
	return checkedOK;
}

function checkFieldInfo(obj){
	if(obj.type=='blur')
		obj=obj.srcElement;
	var c=obj.className;
	var msg=check(obj);
	var parent=obj.parentNode;
	var label='';
	var arrLabels=document.getElementsByTagName('label');
	for(var i=0;i<arrLabels.length;i++)
		if(obj.id==arrLabels[i].htmlFor)
			label=arrLabels[i];
	if(c.indexOf('error')>=0)
		c=c.substr(0,c.indexOf(' error'));
	obj.className=c;
	if(obj.value=='')
		label.className='';
	else
		label.className='perfect';
	removeTag(parent,'span');
	removeTag(parent,'br');
	if(msg!==false){
		obj.className=c+' error';
		label.className='error_msg';
		addTag(parent,'br','','');
		addTag(parent,'span','error_msg',msg);
		return false;
	}
	return true;
}

function check(obj){
	var c=obj.className;
	switch(true){
		case(c.indexOf('email')>=0):
			return checkEmail(obj);
			break;
		default:
			return checkText(obj);
	}
	return '';
}

function checkText(obj){
	var c=obj.className;
	var required=(c.indexOf('required')>=0);
	if(required&&obj.value=='')
		return '* dit is een verplicht veld';
	return false;
}

function checkEmail(obj){
	var c=obj.className;
	var required=(c.indexOf('required')>=0);
	var str=obj.value;
	if(required||str!=''){
		var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
		if(reg.test(str)==false)
			return '* ongeldig e-mailadres';
	}
	return false;
}

function addTag(parent,tag,clas,txt){
	var newTag=document.createElement(tag);
	if(clas!='')
		newTag.setAttribute('class',clas);
	if(txt!='')
		newTag.innerHTML=txt;
	parent.appendChild(newTag);
}

function removeTag(parent,tag){
	try{
		var oldTag = parent.getElementsByTagName(tag);
		for(var i=0;i<oldTag.length;i++)
			parent.removeChild(oldTag[i]);
	}
	catch(e){}
}

window.onload=function(){
	var arrObj=document.getElementsByTagName('input');
	for(var i=0;i<arrObj.length;i++)
		arrObj[i].onblur=checkFieldInfo;
	arrObj=document.getElementsByTagName('textarea');
	for(var i=0;i<arrObj.length;i++)
		arrObj[i].onblur=checkFieldInfo;
	arrObj=document.getElementsByTagName('select');
	for(var i=0;i<arrObj.length;i++)
		arrObj[i].onblur=checkFieldInfo;
}

$(function() {
	var $container = $('#screens'); 
	var bc = $('#dots'); 

	$container.children().each(function(i) { 
		$('<input type="button" value="" class="dot_gray">') 
			.appendTo(bc) 
			.click(function() { 
				$container.cycle(i); 
				return false; 
			}); 
	}); 

	$(document).ready(function(){
		$container.cycle({
			fx:			'fade',
			timeout:	5000,
			after: 		onAfter
		});
	});
});

function onAfter(curr,next,opts){
	loadStap(opts.currSlide);
}

function loadStap(stap){
	if(isNaN(stap))stap=0;
	arrStappen = new Array();
	arrStappen[0]='<h2>stap 1</h2><p>Het opstartscherm. Je phone start de applicatie.</p>';
	arrStappen[1]='<h2>stap 2</h2><p>In dit scherm kun je CardLost beveiligen met een wachtwoord. Een belangrijke stap om je gegevens te beveiligen. Zie verder stap 3.</p><p>Hier kun je ook je bankpassen, creditcards, identiteitsbewijzen, winkelpassen en alle andere belangrijke zaken invoeren. Zie verder stap 4</p>';
	arrStappen[2]='<h2>stap 3</h2><p>Voer je persoonlijke wachtwoord in.</p>';
	arrStappen[3]='<h2>stap 4</h2><p>In dit scherm vind je al de categorieën. Door deze duidelijke verdeling kun je snel al je gegevens terugvinden. Je kunt kiezen uit:</p><ul><li>bankpassen</li><li>creditcards</li><li>winkelpassen</li><li>bibliotheekpassen</li><li>tankpassen</li><li>simkaarten</li><li>videotheekpassen</li><li>identiteitsbewijzen</li><li>vervoerspassen</li></ul><p>Zie verder stap 5.</p>';
	arrStappen[4]='<h2>stap 5</h2><p>Na het kiezen van een categorie kun je kiezen uit de verschillende instanties. De belangrijkste staan altijd bovenaan. Je kunt dus snel kiezen en doorgaan naar het volgende scherm. Zie verder stap 6.</p>';
	arrStappen[5]='<h2>stap 6</h2><p>Voer hier je naam, rekeningnummer en pasnummer in. De telefoonnummers die je moet bellen zijn al ingevuld. Vanaf nu heb je dus alle belangrijke gegevens snel bij de hand.</p>';
	$('#caption').html(arrStappen[stap]);
	
	var arrObj=document.getElementsByTagName('input');
	for(var i=0;i<arrObj.length;i++){
		if(i==stap)
			arrObj[i].className = 'dot_green';
		else{
			arrObj[i].className = 'dot_gray';
		}
	}
}