var prodId = 0;

function hoverElem(id) {
	if (prodId == id) return false;
	var elem = document.getElementById(id);
	elem.className = 'prod hov';
}

function unHoverElem(id) {
	if (prodId == id) return false;
	var elem = document.getElementById(id);
	if (elem) elem.className = 'prod';
}

function selElem(id) {
	var oldId = prodId;
	if (prodId == id) {
		prodId = false;
	} else {
		prodId = id;
		var elem = document.getElementById(id);
		elem.className = 'prod sel';
		showDescr(id);	
	}
	unShowDescr(oldId);
	unHoverElem(oldId);
}

function showDescr(id) {
	var elem = document.getElementById(id + '-descr');
	if (elem) elem.style.display = 'block';
}

function unShowDescr(id) {
	var elem = document.getElementById(id + '-descr');
	if (elem) elem.style.display = 'none';
}