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 + 65, y: elemPos.y + 65});
	}
	showElement(lookingGlass);
	lookingGlassHidden = false;
}

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

function showQuickLook()
{


	var supergrp = getFirstElementByTagAndClassName('div', 'quickLookSG', currentProductElem);

	AJAX_QUICKLOOK(supergrp.innerHTML);
	var img = getFirstElementByTagAndClassName('img', null, currentProductElem);
	
//	var title = getNodeAttribute(img, 'alt');
//	if (title) 
//	{
//		$('quickLookTitle').innerHTML = title;
//	}
//	else
//	{
//		$('quickLookTitle').innerHTML = "Product detail";
//	}
	

//	var sizes = getFirstElementByTagAndClassName('div', 'quickLookSizes', currentProductElem);
//	$('quickLookSizes').innerHTML = sizes.innerHTML;

//	var availableAs = getFirstElementByTagAndClassName('div', 'quickLookAvailableAs', currentProductElem);
//	$('quickLookAvailableAs').innerHTML = availableAs.innerHTML;
	
//	var pieces = img.src.split('.');
//	var detailImg = $('quickLookDetail');
//	detailImg.src = pieces[0] + "_detail." + pieces[1];
	
	showElement('quickLook');
}

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

function viewDetails()
{
	var link = getFirstElementByTagAndClassName('a', null, currentProductElem);
	location.assign(link.href);
}

addLoadEvent(init);