function toggleBox(szDivID, iState,id) // 1 visible, 0 hidden
{
	var objButton = document.getElementById('closeBtn');

	

    if(document.layers)	   //NN4+
    {
       document.layers[szDivID].visibility = iState ? "show" : "hide";
       document.layers[objButton].visibility = iState ? "show" : "hide";
    }
    else if(document.getElementById)	  //gecko(NN6) + IE 5+
    {
        var obj = document.getElementById(szDivID);
        obj.style.visibility = iState ? "visible" : "hidden";

		        objButton.style.visibility = iState ? "visible" : "hidden";
    }
    else if(document.all)	// IE 4
    {
        document.all[szDivID].style.visibility = iState ? "visible" : "hidden";
        document.all[objButton].style.visibility = iState ? "visible" : "hidden";
    }


	objButton.style.visibility = iState ? "visible" : "hidden";

	
	
}
var categori;
function openRecipes(szDivID, iState,id,_categori)
{
	if(id)
	getRecipies(id,szDivID);
	categori = _categori;

}
function closeRecipes()
{
	toggleBox('recipeDiv',0);
}

var root ="";
function getRecipies(_id,szDivID)
{

	var id = _id;
	var url = 'http://www.nikolajkirk.com/recipies.php?id='+id;
	
	var theDiv = document.getElementById(szDivID);

	theDiv.innerHTML = "";
	new Ajax.Request(url,
	{
		onSuccess: function(transport)
		{
			var node = transport.responseXML;
			root = node.getElementsByTagName('items')[0];

			var totalItems = root.childNodes.length;
           // alert(root.childNodes[0].firstChild.childNodes[0].nodeValue);
			var divContent = "<div style='font-weight:bold;font-size:16px;padding:4px;'>" + root.childNodes[0].firstChild.childNodes[0].nodeValue + "</div>";

			divContent +="<ul>";
			
			for(var x=1;x<totalItems;x++)
			{
				var recipeId =  root.childNodes[x].childNodes[4].firstChild.nodeValue;
				divContent += "<div style=padding:2px;><li class=layerLinkLi><a class='recipiLinks' href=/opskrifter/"+categori+"/"+recipeId+">"+root.childNodes[x].firstChild.childNodes[0].nodeValue+"</a></li></div>";
			}
			divContent +="</ul>";
			theDiv.innerHTML = divContent;

			toggleBox(szDivID,1,id)

		}
	}
	);

}