//<![CDATA[

/* verwacht beschikbare functies en variabelen:
 * base_Wrap(), 
 * toolbar_DisplayModeClick(), toolbar_SettingsClick() en toolbar_SearchInputChanged() */

var tbObj;
function toolbar_InitSkin(toolbarObject) {
	tbObj = toolbarObject;
	tbObj.wrapper = document.getElementById("toolbar_bar");
	
	tbObj.cloudbutton = {	wrapper: document.getElementById("toolbar_cloud"),
								up: document.getElementById("toolbar_cloud_up"),
								over: document.getElementById("toolbar_cloud_over"),
								down: document.getElementById("toolbar_cloud_down")
							};
	
	tbObj.pbbutton =	{	wrapper: document.getElementById("toolbar_pb"),
								up: document.getElementById("toolbar_pb_up"),
								over: document.getElementById("toolbar_pb_over"),
								down: document.getElementById("toolbar_pb_down")
							};	
	
	tbObj.settingsbutton =	{	wrapper: document.getElementById("toolbar_settings"),
										up: document.getElementById("toolbar_settings_up"),
										over: document.getElementById("toolbar_settings_over"),
										down: document.getElementById("toolbar_settings_down")
									};	
	
	tbObj.searchcombo = {	wrapper: document.getElementById("toolbar_search"),
								input: document.getElementById("toolbar_search_input")
							 };	
							
	tbObj.cloudbutton.wrapper.onmouseover = function() { toolbar_Hover(0); }; 
	tbObj.pbbutton.wrapper.onmouseover = function() { toolbar_Hover(1); }; 
	tbObj.settingsbutton.wrapper.onmouseover = function() { toolbar_Hover(2); }; 		
	tbObj.wrapper.onmouseout = function() { toolbar_Hover(-1); }; 
	
	tbObj.cloudbutton.wrapper.onclick = base_Wrap(toolbar_DisplayModeClick, tbObj, [0]);		
	tbObj.pbbutton.wrapper.onclick = base_Wrap(toolbar_DisplayModeClick, tbObj, [1]);
	tbObj.settingsbutton.wrapper.onclick = base_WrapEvent(toolbar_SettingsClick, tbObj);
	
	tbObj.searchcombo.input.onkeydown = base_Wrap(toolbar_SearchInputChanged, tbObj);
}

function toolbar_DisplayModeButtons() {
	if(CSS3opacity) {
		tbObj.cloudbutton.up.style.opacity = (tbObj.displayMode === 0 ? "0" : "1");
		tbObj.cloudbutton.down.style.opacity = (tbObj.displayMode === 0 ? "1" : "0");
		tbObj.pbbutton.up.style.opacity = (tbObj.displayMode === 1 ? "0" : "1");
		tbObj.pbbutton.down.style.opacity = (tbObj.displayMode === 1 ? "1" : "0");
	} else {
		tbObj.cloudbutton.up.style.visibility = (tbObj.displayMode === 0 ? "hidden" : "visible");
		tbObj.cloudbutton.down.style.visibility = (tbObj.displayMode === 0 ? "visible" : "hidden");
		tbObj.pbbutton.up.style.visibility = (tbObj.displayMode === 1 ? "hidden" : "visible");
		tbObj.pbbutton.down.style.visibility = (tbObj.displayMode === 1 ? "visible" : "hidden");
	}
}

function toolbar_SettingsButton() {
	if(CSS3opacity) {
		tbObj.settingsbutton.up.style.opacity = (tbObj.settingsActive ? "0" : "1");
		tbObj.settingsbutton.down.style.opacity = (tbObj.settingsActive ? "1" : "0");
	} else {
		tbObj.settingsbutton.up.style.visibility = (tbObj.settingsActive ? "hidden" : "visible");
		tbObj.settingsbutton.down.style.visibility = (tbObj.settingsActive ? "visible" : "hidden");
	}
}

function toolbar_Hover(index) {
	if(CSS3opacity) {
		tbObj.cloudbutton.over.style.opacity = "0";
		tbObj.pbbutton.over.style.opacity = "0";
		tbObj.settingsbutton.over.style.opacity = "0";
	
		switch(index) {
			case 0: tbObj.cloudbutton.over.style.opacity = "1"; break;
			case 1: tbObj.pbbutton.over.style.opacity = "1"; break;
			case 2: tbObj.settingsbutton.over.style.opacity = "1"; break;
		}
	} else {
		tbObj.cloudbutton.over.style.visibility = "hidden";
		tbObj.pbbutton.over.style.visibility = "hidden";
		tbObj.settingsbutton.over.style.visibility = "hidden";
	
		switch(index) {
			case 0: tbObj.cloudbutton.over.style.visibility = "visible"; break;
			case 1: tbObj.pbbutton.over.style.visibility = "visible"; break;
			case 2: tbObj.settingsbutton.over.style.visibility = "visible"; break;
		}
	}
}

function toolbar_SetSearchQuery(query) {
	tbObj.searchcombo.input.value = query;
}
function toolbar_GetSearchQuery() {
	return tbObj.searchcombo.input.value;
}
//]]>