product_list = new Array( 'prodPinot', 'prodPlateau', 'prodFruit', 'prodClassics' );
product_elements = new Array();
product_opacity = 0;
product_fading = false;
product_images = 3;

pImages = new Array(product_list.length);

for(product in product_list)
{
	for(i = 0; i < product_images; i++)
	{
		pImages[i] = new Image();
		pImages[i].src = '/images/'+product_list[product]+(i+1)+".jpg";
	}
}

function showProd( name )
{
	var i = 1;
	
	product_elements = new Array();
	for(product in product_list)
	{
		if(product_list[product] != name)
		{
			tmpProd = document.getElementById(product_list[product]);
			tmpProd.firstChild.style.display = 'none';
			tmpProd.style.backgroundImage = "url('/images/"+name+i+".jpg')";
			tmpProd.style.filter = "alpha(opacity=0)";
			product_elements[product_elements.length] = tmpProd;
			i++;
		}
	}
	product_fading = true;
	product_opacity = 10;
	fadeProducts();
}

function hideProd( name )
{
	var i = 1;
	for(product in product_list)
	{
		if(product_list[product] != name)
		{
			tmpProd = document.getElementById(product_list[product]);
			tmpProd.firstChild.style.display = 'block';
			tmpProd.style.backgroundImage = "none";
			tmpProd.style.filter = "";
			product_fading = false;
			i++;
		}
	}
}

function fadeProducts()
{
	if(!product_fading){ return; }

	for(key in product_elements)
	{
		obj = product_elements[key];
		if(obj.style.filter)
		{
			obj.style.filter = "alpha(opacity="+product_opacity+")";
		}
		else if(obj.style.MozOpacity)
		{
			alert('here');
			obj.style.MozOpacity = product_opacity/100.0;
		}
		else if(obj.style.Opacity)
		{
			alert('here o');
			obj.style.Opacity = product_opacity/100.0;
		}
	}
	if(product_opacity < 100)
	{
		product_opacity += 10;
		setTimeout(fadeProducts, 50);
	}
	else
	{
		product_fading = false;
	}
}

function isProduct( name )
{
	for(product in product_list)
	{
		if(product_list[product] == name) return true;
	}
	return false;
}

function prodOver(e)
{
	if(e.srcElement) obj = e.srcElement;
	else if(e.target) obj = e.target;
	else return;

	if(isProduct( obj.parentNode.getAttribute("id")) )
	{
		showProd( obj.parentNode.getAttribute("id") );
	}
}

function prodOut(e)
{
	if(e.srcElement) obj = e.srcElement;
	else if(e.target) obj = e.target;
	else return;

	if(isProduct( obj.parentNode.getAttribute("id")) )
	{
		hideProd( obj.parentNode.getAttribute("id") );
	}
}

if(window.addEventListener)
{
	op = document.getElementById('products');
	op.addEventListener("mouseover",prodOver,false);
	op.addEventListener("mouseout",prodOut,false);
} else if(window.attachEvent) {
	op = document.getElementById('products');
	op.attachEvent("onmouseover",prodOver);
	op.attachEvent("onmouseout",prodOut);
}