var yEvent 	= YAHOO.util.Event;
var formaatOpen = false;

function init_SelectBox()
{

	var form = document.getElementById("formOfferte");
	var div = document.getElementById("formaat");
	
	// formaat selecteren, indien aanwezig
	var list = document.getElementById("formaatlist");

	if (list) {
		var items = list.getElementsByTagName("a");
	 
		for(var i = 0; i < items.length; i++)
		{
			yEvent.addListener(items[i], "click", selectFormaat, form["formaatinput"]);
		}
		yEvent.addListener(div, "click", toggleList, list);
		yEvent.removeListener(document.body, "click", closeList);
		yEvent.addListener(document.body, "click", closeList, list);
	}
		
}

function selectFormaat(e, input)
{
	var formaat = this.getElementsByTagName("span")[0].innerHTML;
	
	var link =  this.getElementsByTagName("a")[0].href;
	input.value = formaat;
	
	document.getElementById("formaat").innerHTML = formaat;
	document.getElementById("formaatlist").style.display = "none";
	
	//alert('gekozen:'+formaat+link);
}

function toggleList(e, list)
{
	if(e != null)
		yEvent.stopPropagation(e);
	
	if(list.style.display == "none" || list.style.display == "")
	{
		formaatOpen = true;
		list.style.display = "block";
	}
	else
	{
		formaatOpen = false;
		list.style.display = "none";
	}
}

function closeList(e, list)
{
	var sender = yEvent.getTarget(e);
	
	if(formaatOpen && sender != list)
	{
		formaatOpen = false;
		list.style.display = "none";
	}
}

yEvent.onDOMReady(init_SelectBox);