function hideTabItem(elementId) {
	document.getElementById(elementId).className = "tabItemInactive";
}

function showTabItem(elementId) {
	document.getElementById(elementId).className = "tabItemActive";
}

function setTabmenuActive(elementId) {
	document.getElementById(elementId).className = "selected";
}

function setTabmenuInactive(elementId) {
	document.getElementById(elementId).className = "";
}

function clearProductArea() {
	$('productList').innerHTML = '<img src="/css/img/ajax-loading.gif" style="text-align: center; margin-left: auto; margin-right: auto; display: block; margin-top: 10px;" />';
}

function setCategory(categoryId, tabsArray) {
	new Ajax.Updater('productList', '/index/index/kategoria/' + categoryId, { method: 'get', evalScripts: true });
	if (tabsArray != null)
		showTab('tabcategory' + categoryId, tabsArray, '');
}

function showTab(elementId, tabsArray, categoryId) {	
	
	for (var i=0; i < tabsArray.length; i++) {
		
		if (tabsArray[i][0] == elementId) {
			showTabItem(tabsArray[i][0]);
			setTabmenuActive(tabsArray[i][1]);
		} else {
			hideTabItem(tabsArray[i][0]);
			setTabmenuInactive(tabsArray[i][1]);
		}
	}
	
	if (categoryId != '') {
		setCategory(categoryId);
	}
	
}