var produse_layer;

function DisplayProduse()
{
	var a= document.getElementById( "l3" );
	a.src = "img/l3s.jpg";
	var b= document.getElementById( "l2" );
	b.src = "img/l2t.jpg";

	produse_layer= document.getElementById( "produse_list" );
	produse_layer.style.display="block";
}

function HideProduse(ev)
{
	
	produse_layer.style.display="none";
	
	var b= document.getElementById( "l3" );
	b.src = "img/l3.jpg";
	b= document.getElementById( "l2" );
	b.src = "img/l2.jpg";
}

function showBookPic(el)
{
	el.firstChild.childNodes[1].style.display="inline";
	el.style.backgroundColor="#fde02f";
}

function hideBookPic(el)
{
	el.firstChild.childNodes[1].style.display="none";
	el.style.backgroundColor="#fffadf";
}

function Zoom(ev)
{
	for (i=0;i<totalproduse;i++)
	{
		var a=document.getElementById("zoom"+i);
		x =  400+ a.offsetLeft - ev.clientX;
		x = 200 - 0.5 * Math.abs(x);
		if (x<0) x=0;
		a.style.width = (50 + x )  + "px";
	}
}

function PositionAbsoluteByRelative(abs, rel, c )
{

	var x= 0; 
	var y= 0 ;
	var el= rel;
	while (el )
	{
		if (el.tagName == "BODY" )
			break;
		x += el.offsetLeft - el.scrollLeft; 
		y += el.offsetTop - el.scrollTop;
		el = el.offsetParent;	
	}
	
	c.x += x;
	c.y += y;

	abs.style.left = c.x + "px";
	abs.style.top = c.y + "px";
}