function toggleElement(id,classPrefix){
    element = document.getElementById(id);
    if(element.className==classPrefix+' hidden'){
        //if there is a class hidden, switch it
        element.className = classPrefix+' visible';
    }else if(element.className==classPrefix+' visible'){
        //if there is a class visivle, switch it
        element.className = classPrefix+' hidden';
    }else{
        //if there is no class, toggle with the display style
        if(element.style.display==''){
            hideElement(id);
        }else{
            showElement(id);
        }
    }
}

function showElement(id){
	document.getElementById(id).style.display='';
}

function hideElement(id){
	document.getElementById(id).style.display='none';
}

function toggleList(id){
	selectField = document.getElementById(id);
	categoryName = selectField.options[selectField.selectedIndex].text;	
	if(categoryName=='--'){
		for(i=1;i<selectField.length;i++){
			element = document.getElementById('item_category_'+selectField.options[i].text);
			element.className = 'categoryBox hidden';
		}
	}else{
		for(i=1;i<selectField.length;i++){
			element = document.getElementById('item_category_'+selectField.options[i].text);
			element.className = 'categoryBox hidden';
		}

		element = document.getElementById('item_category_'+categoryName);
		element.className = 'categoryBox visible';
	}
}

function checkPrice(id){
	price = document.getElementById(id).value;
	isPrice = price.match(/[0-9]+([\.|\,]{1}[0-9]{1,2})?/);
	if(isPrice==null||isPrice=='null'||typeof isPrice=='undefined'){
		document.getElementById(id).style.background='#ffadad';
	}else{
		if(isPrice[0]!=price){
			document.getElementById(id).style.background='#ffadad';
		}else{
			document.getElementById(id).style.background='';
		}
	}
}
function checkNumber(id){
	number = document.getElementById(id).value;
	isnumber = new Array(false);
	isnumber = number.match(/[0-9]+/);
	if(isnumber==null||isnumber=='null'||typeof isnumber=='undefined'){
		document.getElementById(id).style.background='#ffadad';
	}else{
		if(isnumber[0]!=number){
			document.getElementById(id).style.background='#ffadad';
		}else{
			document.getElementById(id).style.background='';
		}
	}
}

function toggleCategory(id){
	selectField = document.getElementById(id);
	categoryName = selectField.options[selectField.selectedIndex].text;
	if(categoryName=='--'){
		for(i=1;i<selectField.length;i++){
			element = document.getElementById('category_'+selectField.options[i].text);
			element.className = 'itemBox hidden';
		}
	}else{
		for(i=1;i<selectField.length;i++){
			element = document.getElementById('category_'+selectField.options[i].text);
			element.className = 'itemBox hidden';
		}

		element = document.getElementById('category_'+categoryName);
		element.className = 'itemBox visible';
	}
}