// Eerste stap
function step_1(identifier, url){

	if(identifier == 2){
		
		document.getElementById('rassen').style.display = 'block';
		document.getElementById('gewicht').style.display = 'none';
		document.getElementById('aantal_konijen').style.display="none";
		document.getElementById('antiknaagstrips').style.display="none";
		
		uncheck(document.form1.gewicht);
		uncheck(document.form1.rassen);
		uncheck(document.form1.aantal_konijnen);
		
		animal = getAnimal();

		html(url, animal, 0, 0, 0, 0);
					
	}else{
		
		document.getElementById('gewicht').style.display = 'block';
		document.getElementById('rassen').style.display = 'none';
		document.getElementById('aantal_dieren').style.display="none";
		
		var knaagstrips = getKnaagstrips();
		var konijnen = getKonijnen();
	
		var gewichten = new Array();
		var rassen = new Array();
		
		gewichten = getGewichten();
				
		uncheck(document.form1.gewicht);
		uncheck(document.form1.rassen);
		uncheck(document.form1.aantal_dieren);
					
		animal = getAnimal();
					
		html(url, animal, gewichten, 0, knaagstrips, konijnen);
			
	}

}

// gewichten
function setGewichten(url)
{
	
	var knaagstrips = getKnaagstrips();
	var konijnen = getKonijnen();
	
	var gewichten = new Array();
	var rassen = new Array();
		
	gewichten = getGewichten();
	rassen = getRassen();
		
	if(gewichten){
		document.getElementById('aantal_konijen').style.display="block";
	}else{
		document.getElementById('aantal_konijen').style.display="none";
		document.getElementById('antiknaagstrips').style.display="none";
		uncheck(document.form1.aantal_konijnen);
	}
	
	animal = getAnimal();
	
	html(url, animal, gewichten, 0, knaagstrips, konijnen);
	

}

// rassen
function setRassen(url)
{

	var rassen = new Array();
	rassen = getRassen();
	var aantal = 0;
		
	if(rassen){
		document.getElementById('aantal_dieren').style.display="block";
	}else{
		document.getElementById('aantal_dieren').style.display="none";
		uncheck(document.form1.aantal_dieren);
	}
	
	animal = getAnimal();
	
	html(url, animal, 0, rassen, 0, aantal);

}

// Soort dier
function getAnimal()
{
	
	var val = 0;

	for( i = 0; i < document.form1.animal.length; i++ ){
		 if( document.form1.animal[i].checked == true )
			val = document.form1.animal[i].value;
		}
	
	return(val);
	
}


// Knaagstrips
function getKnaagstrips()
{
	
	var val = 0;

	for( i = 0; i < document.form1.knaagstrips.length; i++ ){
		 if( document.form1.knaagstrips[i].checked == true )
			val = document.form1.knaagstrips[i].value;
		}
	
	return(val);
	
}

// Aantal konijnen
function getKonijnen()
{
	
	var namelist = "";
		with(document.form1) {	
			for(var i = 0; i < aantal_konijnen.length; i++){
				if(aantal_konijnen[i].checked) {
					namelist += aantal_konijnen[i].value + ',';
				}
			}
		}
	
	return namelist;
	
}

// Aantal pluimvee
function getPluimvee()
{
	
	var namelist = "";
		with(document.form1) {	
			for(var i = 0; i < aantal_dieren.length; i++){
				if(aantal_dieren[i].checked) {
					namelist += aantal_dieren[i].value + ',';
				}
			}
		}
	
	return namelist;
	
}

// Gewicht van de konijnen
function getGewichten()
{

	var namelist = "";
		with(document.form1) {	
			for(var i = 0; i < gewicht.length; i++){
				if(gewicht[i].checked) {
					namelist += gewicht[i].value + ',';
				}
			}
		}
	
	return namelist;	
}

// Rassen van pluimvee
function getRassen()
{

	var namelist = "";
		with(document.form1) {	
			for(var i = 0; i < rassen.length; i++){
				if(rassen[i].checked) {
					namelist += rassen[i].value + ',';
				}
			}
		}
	
	return namelist;	
}

// Filter op knaagstrips
function setKnagen(url)
{
	
	var knaagstrips = getKnaagstrips();
	var konijnen = getKonijnen();
	
	var gewichten = new Array();
	var rassen = new Array();
		
	gewichten = getGewichten();
	rassen = getRassen();
			
		
	animal = getAnimal();
	
	html(url, animal, gewichten, 0, knaagstrips, konijnen);
	

}

// Filter op aantal konijnen
function setKonijnen(url)
{

	var knaagstrips = getKnaagstrips();
	var konijnen = getKonijnen();
	
	var gewichten = new Array();
	var rassen = new Array();
		
	gewichten = getGewichten();
	rassen = getRassen();
	
	
	if(konijnen)
		document.getElementById('antiknaagstrips').style.display="block";
	else
		document.getElementById('antiknaagstrips').style.display="none";
		
	animal = getAnimal();
		
	html(url, animal, gewichten, 0, knaagstrips, konijnen);

}

// Filter op aantal pluimvee
function setPluimvee(url)
{

	var aantal = getPluimvee();
	
	var rassen = new Array();
		
	gewichten = getGewichten();
	rassen = getRassen();
		
	animal = getAnimal();
		
	html(url, animal, 0, rassen, 0, aantal);

}

// Alle velden uitvinken
function uncheck(field)
{
for (i = 0; i < field.length; i++)
	field[i].checked = false ;
}

// Ajax request
function GetXmlHttpObject(handler)
{
	var objXMLHttp=null
		
		if (window.XMLHttpRequest)
		{
			objXMLHttp=new XMLHttpRequest()
		}
		else if (window.ActiveXObject)
		{
			objXMLHttp=new ActiveXObject("Microsoft.XMLHTTP")
		}
			return objXMLHttp
		}

function stateChanged()
{
				
	if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
	{
		document.getElementById('center_column').innerHTML= xmlHttp.responseText;
	}
	else
	{
		//alert(xmlHttp.status);
	}

}

function html(url, animal, gewicht, rassen, knaagstrips, aantal)
{
			
	document.getElementById("center_column").innerHTML="<div class='loading_content'>Een moment geduld...</div>";		
			
	if (url.length==0)
	{
		document.getElementById("center_column").innerHTML="";
		return;
	}
			
	xmlHttp=GetXmlHttpObject()
	if (xmlHttp==null)
	{
		alert ("Browser does not support HTTP Request");
		return;
	}

	url=url+"?animal="+animal+"&gewicht="+gewicht+"&rassen="+rassen+"&knaagstrips="+knaagstrips+"&aantal="+aantal;
	url=url+"&sid="+Math.random();
	xmlHttp.onreadystatechange=stateChanged;
	xmlHttp.open("GET",url,true) ;
	xmlHttp.send(null);
	
}