//<![CDATA[

/* verwacht beschikbare functies:
 * dom_ButtonClick() */

var categoryButtons; 

function menubar_InitSkin() {
	categoryButtons = [
		{
			wrapper: document.getElementById("menubar_combo_fotografie"),
			unlit: document.getElementById("menubar_fotografie_unlit"),
			lit: document.getElementById("menubar_fotografie_lit") 
		},
		{ 
			wrapper: document.getElementById("menubar_combo_diversen"),
			unlit: document.getElementById("menubar_diversen_unlit"), 
			lit: document.getElementById("menubar_diversen_lit") 
		},
		{ 
			wrapper: document.getElementById("menubar_combo_informatie"),
			unlit: document.getElementById("menubar_informatie_unlit"),
			lit: document.getElementById("menubar_informatie_lit")
		},
		{ 
			wrapper: document.getElementById("menubar_combo_contact"),
			unlit: document.getElementById("menubar_contact_unlit"), 
			lit: document.getElementById("menubar_contact_lit")
		}
	];
	
	categoryButtons[0].wrapper.onclick = function() { dom_ButtonClick(0);};
	categoryButtons[1].wrapper.onclick = function() { dom_ButtonClick(1); };
	categoryButtons[2].wrapper.onclick = function() { dom_ButtonClick(2); };
	categoryButtons[3].wrapper.onclick = function() { dom_ButtonClick(3); };
}

function menubar_ButtonSwitch(index) {
	if(CSS3opacity) {
		for(var i = 0; i < 4; i++) {
			categoryButtons[i].unlit.style.opacity = "1";
			categoryButtons[i].lit.style.opacity = "0";
		}
		categoryButtons[index].unlit.style.opacity = "0";
		categoryButtons[index].lit.style.opacity = "1";
	} else {
		for(var i = 0; i < 4; i++) {
			categoryButtons[i].unlit.style.display = "block";
			categoryButtons[i].lit.style.display = "none";
		}
		categoryButtons[index].unlit.style.display = "none";
		categoryButtons[index].lit.style.display = "block";
	}	
}
//]]>