function onHover (element)
{
	element.src = element.getAttribute("hover");
}

function outHover (element)
{
	element.src = element.getAttribute("normal");
}

function showContent (id,image)
{
	divs = document.getElementById("productcontainer").getElementsByTagName("div");
	imgs = document.getElementById("productgroup").getElementsByTagName("img");
	
	for(i=0;i<divs.length;i++)
	{
		if(divs[i].id.indexOf("group") >= 0)
		{
			divs[i].style.display = "none";
		}
	}
	
	for(i=0;i<imgs.length;i++)
	{
		imgs[i].src = imgs[i].getAttribute("normal");
		imgs[i].onmouseout = function () 
		{ 
			this.src = this.getAttribute("normal");
		}
		imgs[i].onmouseover = function () 
		{ 
			this.src = this.getAttribute("hover");
		}
	}
	
	document.getElementById("group_" + id).style.display = "block";
	
	image.onmouseout = function () { }
	image.onmouseover = function () { }
	image.src = image.getAttribute("active");
	
}