function updateProductList (categoryId, containerId){
	var url = '/submit.php';
	var pars = 'ajax=2&command=getProductSupplies&categoryId=' + categoryId ;  
	var myAjax = new Ajax.Updater(containerId, url, {method: 'post', parameters: pars, onLoading: function(transport){ $(containerId).innerHTML = '<option>Loading....</option>';}});
}; 

//redirect to product page
function showProductPage(link){
	window.location = link;
}

//create update function for product List   
function showSearchResult (codContainer, containerId, classColor){
	var url = '/submit.php';
	var pars = 'ajax=2&command=getSuppliesSearchResult&cod=' + $(codContainer).value + "&classColor=" + classColor;  
	var myAjax = new Ajax.Updater(containerId, url, {method: 'post', parameters: pars, onLoading: function(transport){ $(containerId).innerHTML = '<option>Loading....</option>';}});
}; 

// change search result (supplies or products) and class name (active or inactive)
function changeClassNameAndSearchResult(elem, className, tabsContainerId, idHideContainer, idShowContainer){
	$(idHideContainer).style.display = 'none';
	$(idShowContainer).style.display = 'block';   
	tdElements = $(tabsContainerId).getElementsByTagName('td');
	for (i=0;i<tdElements.length;i++){   
		tdElements[i].className = 'supplies_tabinactive';   
	}
	imgElements = $(tabsContainerId).getElementsByTagName('img');
	for (i=0;i<imgElements.length;i++){
		imgElements[i].style.display = 'none';
	}
	elem.className = 'supplies_tabactive';
	img = elem.getElementsByTagName('img')[0];
	img.style.display = 'block';     
}