function GetLeft(ele)
{
	if (ele.offsetParent)
		return ele.offsetLeft + GetLeft(ele.offsetParent);
	else
		return ele.offsetLeft;
}

function GetTop(ele)
{
	if (ele.offsetParent)
		return (ele.offsetTop + GetTop(ele.offsetParent));
	else
		return (ele.offsetTop);
}

var curListIndex=0;
var blCompleted=true;
function selectIndex()
{	
	try{document.getElementById("tdSug"+(curListIndex)).style.backgroundColor="#f3f3f3";}catch(err){}	
}



function createSuggestionBox(txtBoxName)
{
	var strBoxNaam="";
	if(txtBoxName!="txtIngredL"){strBoxNaam="2";}
	
	document.getElementById('dvSuggestions').innerHTML="";
	if(document.getElementById(txtBoxName).value.length>2 && document.getElementById(txtBoxName).value.indexOf(",")<0 && document.getElementById(txtBoxName).value.indexOf(" ")<0)
	{
		document.getElementById("dvSuggestions"+strBoxNaam).style.display = 'block';
		document.getElementById("dvSuggestions"+strBoxNaam).style.position="absolute";
		document.getElementById("dvSuggestions"+strBoxNaam).style.zIndex="99";
		document.getElementById("dvSuggestions"+strBoxNaam).style.border="1px solid #bbe030";
		document.getElementById("dvSuggestions"+strBoxNaam).style.padding="5px";
		document.getElementById("dvSuggestions"+strBoxNaam).style.lineHeight="1.7"
		document.getElementById("dvSuggestions"+strBoxNaam).style.width=document.getElementById(txtBoxName).clientWidth+"px";
		
		intMarge=(document.documentElement.clientWidth-940)/2
		if(strBoxNaam=="2")
		{document.getElementById("dvSuggestions"+strBoxNaam).style.left=GetLeft(document.getElementById(txtBoxName))-intMarge+"px";}
		document.getElementById("dvSuggestions"+strBoxNaam).style.top=GetTop(document.getElementById(txtBoxName))+25+"px";
		
		var url="";
		url="/recepten/ajaxsuggest.asp?boxtype="+strBoxNaam+"&fieldname="+txtBoxName+"&ingred="+document.getElementById(txtBoxName).value;
		$.ajax({
			 type: 'GET',
 			 url: url,
 			 success: function(data){
			 		var varResponseText = data;
					document.getElementById('dvSuggestions'+strBoxNaam).innerHTML = varResponseText ;
					if(document.getElementById('tblSuggestion'+strBoxNaam)){document.getElementById('tblSuggestion'+strBoxNaam).onclick();}
					selectIndex();
			}}
			);
	}
	else
	{
		document.getElementById("dvSuggestions"+strBoxNaam).style.display = 'none';
	}
}

function keyUp()
{
  try{
  
  try{document.getElementById("tdSug"+(curListIndex)).style.backgroundColor="#FFFFFF";}catch(err){}	
  curListIndex-=1;
  document.getElementById("tdSug"+curListIndex).style.backgroundColor="#bbe030"; 
 }
 catch(err){try{curListIndex+=1;document.getElementById("tdSug"+curListIndex).style.backgroundColor="#bbe030";}catch(err){}}
}
//-------------------------------------------------
function keyDown()
{
 try{
  try{document.getElementById("tdSug"+(curListIndex)).style.backgroundColor="#FFFFFF";}catch(err){}
  
  curListIndex+=1;
  if(curListIndex>10){curListIndex=Math.round(curListIndex/10)+1;}
  document.getElementById("tdSug"+curListIndex).style.backgroundColor="#bbe030";
 }
 catch(err){try{curListIndex-=1;document.getElementById("tdSug"+curListIndex).style.backgroundColor="#bbe030";}catch(err){}}
}

function mouseOver(index)
{
 curListIndex=index;
 for(i=0;i<11;i++)
 {try{document.getElementById("tdSug"+i).style.backgroundColor="#FFFFFF";}catch(err){}}
 try{document.getElementById("tdSug"+curListIndex).style.backgroundColor="#bbe030";}catch(err){}
}


//---------------------------------------------------------
function keyEnter()
{
 try{document.getElementById("tdSug"+curListIndex).onclick();}catch(err){}	
}


function fnFilterReceptPg (pg)
{
	document.getElementById("frmPagina").action="/recepten/ajaxrecepten.asp?pg="+pg;
	FormPosten('frmPagina','rightcontainer');
}

function fnClear()
{
	var x=document.getElementsByTagName("input")
	for( var i=0 ;i<x.length;i++)
	{
		
		if(x[i].type=="checkbox")
		{x[i].checked=false;}
	}
	document.getElementById("frmReceptFilter").action="/recepten/recepten-results.asp";
	document.getElementById("frmReceptFilter").submit();
	//document.getElementById("frmReceptFilter").action="ajaxrecepten.asp";
	//FormPosten('frmReceptFilter','rightcontainer');
}
 
function fnFilterLaatsteRecept ()
{
	// 
	 document.getElementById("frmReceptFilter").action="/recepten/ajaxlaatsterecepten.asp";
	 document.getElementById("rightcontainer").innerHTML="Loading...";
	 if(blCompleted==true)
	 {
	 blCompleted=false;
	 FormPosten('frmReceptFilter','rightcontainer');
	 }
	 
} 
 
function fnFilterRecept ()
{
     if(document.getElementById("spCategorieNaam")&& !document.getElementById("slGroepId"))
	 {document.getElementById("spCategorieNaam").style.display="none";}
	 
	 if(location.href.indexOf("recepten-results2.asp")>0)
	 {
		 document.getElementById("frmReceptFilter").action="/recepten/ajaxrecepten2.asp";
	 }
	 else
	 {
	 document.getElementById("frmReceptFilter").action="/recepten/ajaxrecepten.asp";
	 }
	 document.getElementById("rightcontainer").innerHTML="Loading...";
	 if(blCompleted==true)
	 {
	 blCompleted=false;
	 FormPosten('frmReceptFilter','rightcontainer');
	 }
}

function FormPosten(formnaam,div)
{
    var url=document.getElementById(formnaam).action;
	var pars="";
	var formElm=document.getElementById(formnaam).getElementsByTagName("input")
	for(var i=0;i<formElm.length;i++)
	{
	 if(formElm[i].type=="radio")
	 {
		if(formElm[i].checked==true)
		{pars+=formElm[i].id+"="+encodeURIComponent(formElm[i].value)+"&";}
		
     }	
	 else if(formElm[i].type=="checkbox")
	 {
	  if(formElm[i].checked==true){pars+=formElm[i].id+"="+encodeURIComponent(formElm[i].value)+"&";}	 
	 }
	 else
	 {pars+=formElm[i].id+"="+encodeURIComponent(formElm[i].value)+"&";}
	}
	
	var formElm=document.getElementById(formnaam).getElementsByTagName("textarea");
	for(var i=0;i<formElm.length;i++)
	{
	 pars+=formElm[i].id+"="+encodeURIComponent(formElm[i].value)+"&";	
	}
	
	var formElm=document.getElementById(formnaam).getElementsByTagName("select")
	for(var i=0;i<formElm.length;i++)
	{
	 pars+=formElm[i].id+"="+encodeURIComponent(formElm[i].value)+"&";	
	}
	pars+="dummy="+Math.random();
	


	
		$.ajax({
			 type: 'POST',
			 data: pars,
 			 url: url,
 			 success: function(data){
			  var varResponseText = data;
			  try{document.getElementById(div).innerHTML= varResponseText;}catch(err){}
			  
			  var x = document.getElementById(div).getElementsByTagName("script");
			  for(var i=0;i<x.length;i++)
			  {
				eval(x[i].text);
			  }  
			  blCompleted=true;
		}
		});		
}