var lookingGlassHidden = true;
var currentProductElem = null;

function init()
{
	var products = getElementsByTagAndClassName(null, 'product');
	for (var i = 0; i < products.length; i++)
	{
		var product = products[i];
		updateNodeAttributes(product, {'onmouseover': 'showLookingGlass(this)'});
		updateNodeAttributes(product, {'onmouseout': 'hideLookingGlass()'});
	}
}

function showLookingGlass(elem)
{
	var lookingGlass = $('lookingGlass');
	if (elem)
	{
		currentProductElem = elem;
		lookingGlass.blur();
		var elemPos = elementPosition(elem);
		var elemDims = elementDimensions(elem);
		setElementPosition(lookingGlass, {x: elemPos.x + 15, y: elemPos.y + 10});
	}
	showElement(lookingGlass);
	lookingGlassHidden = false;
}

function hideLookingGlass()
{
	if (!lookingGlassHidden)
	{
		hideElement('lookingGlass');
		lookingGlassHidden = true;
	}
}

function showQuickLook()
{
	var img = getFirstElementByTagAndClassName('img', null, currentProductElem);
	
	var title = getNodeAttribute(img, 'alt');
	if (title)
	{
		$('quickLookTitle').innerHTML = title;
	}
	else
	{
		$('quickLookTitle').innerHTML = "Product detail";
	}
	
	var pieces = img.src.split('.');
	var detailImg = $('quickLookDetail');
	detailImg.src = pieces[0] + "." + pieces[1] + "." + pieces[2] + "_detail." + pieces[3];
	
	showElement('quickLook');
}

function hideQuickLook()
{
	hideElement('quickLook');
}


addLoadEvent(init);