function menu(id, actie) {
	if(actie == 'show') {
		$(id).src = 'images/template/btn_'+id+'_roll.gif';	
	} else {
		$(id).src = 'images/template/btn_'+id+'.gif';	
	}
}

var SelectboxActive;

var Selectbox = Class.create();

Selectbox.prototype = {

	initialize: function() {	
		this.loadSelectboxes();
	},
	
	loadSelectboxes: function()	{
		var elements = $$('#container .select');
		
		for (var i=0; i<elements.length; i++){
			this.observeSelectbox(elements[i]);
		}
	},
	
	observeSelectbox: function(selectbox) {
		selectbox.observe('click', function(action){
			if(!SelectboxActive)
			{
				$(selectbox).down('.select_items').show();	
				var items = $(selectbox).getElementsByClassName('select_item');
				
				for (var i=0; i<items.length; i++){
					mySelectbox.observeItem(selectbox, items[i]);
				}
				
				SelectboxActive = selectbox;
				setTimeout("Event.observe(document.body, 'click', mySelectbox.closeSelectbox)",100);
			}
		});	
	},
	
	observeItem: function(selectbox, Item) {
	},
	
	closeSelectbox: function() {
		$(SelectboxActive).down('.select_items').hide();
		SelectboxActive = '';
		Event.stopObserving(document.body, 'click', mySelectbox.closeSelectbox);
	}
}

function initSelectbox() { mySelectbox = new Selectbox(); }

Event.observe(window, 'load', initSelectbox);