function toggleDeliveryToolTip(ev)
{
	var messageBox;
	var delivery;
	var deliveryDivs;

	delivery = document.getElementById('delivery');
	if(delivery)
	{
		deliveryDivs = delivery.getElementsByTagName('div');
		for(var i = 0; i < deliveryDivs.length; i++)
		{
			if(deliveryDivs[i].className == 'tooltip')
			{
				messageBox = deliveryDivs[i];
			}
		}
		if(ev.type == 'mouseout')
		{
			messageBox.style.display = 'none';
		}
		else
		{
			messageBox.style.display = 'block';
		}
	}
}

function toggleRingSizeToolTip(ev)
{
	var messageBox;
	var ringSize;
	var ringSizeElements;

	if(!ev)
	{
		ev = window.event;
	}

	ringSize = (ev.target) ? ev.target.parentNode : ev.srcElement.parentNode;
	if(ringSize)
	{
		ringSizeElements = ringSize.getElementsByTagName('div');
		for(var i = 0; i < ringSizeElements.length; i++)
		{
			if(ringSizeElements[i].className == 'tooltip')
			{
				messageBox = ringSizeElements[i];
			}
		}
		if(ev.type == 'mouseout')
		{
			window.setTimeout(function() {messageBox.style.display = 'none';}, 2000);
		}
		else
		{
			messageBox.id = '';
			messageBox.style.display = 'block';
		}
	}
}

function initToolTip()
{
	/* Delivery */

	var triggerDelivery;
	var delivery = document.getElementById('delivery');

	if(typeof delivery != 'undefined' && delivery != null)
	{
		triggerDelivery = delivery.getElementsByTagName('img')[0];
	}
	
	if(document.addEventListener && triggerDelivery)
	{
		triggerDelivery.addEventListener('mouseover', toggleDeliveryToolTip, false);
		triggerDelivery.addEventListener('mouseout', toggleDeliveryToolTip, false);
	}
	if(document.attachEvent && triggerDelivery)
	{
		triggerDelivery.attachEvent('onmouseover', toggleDeliveryToolTip);
		triggerDelivery.attachEvent('onmouseout', toggleDeliveryToolTip);
	}

	/* Ring size */

	var triggerRingSize;
	var ringSizeElements;
	var variants = document.getElementById('variants');

	if(typeof variants != 'undefined' && variants != null)
	{
		ringSizeElements = variants.getElementsByTagName('div');
	}

	if(ringSizeElements)
	{
		for(var i = 0; i < ringSizeElements.length; i++)
		{
			if(ringSizeElements[i].className == 'ring_sizes')
			{
				triggerRingSize = ringSizeElements[i].getElementsByTagName('img')[0];

				if(document.addEventListener && triggerRingSize)
				{
					triggerRingSize.addEventListener('mouseover', toggleRingSizeToolTip, false);
					triggerRingSize.addEventListener('mouseout', toggleRingSizeToolTip, false);
				}
				if(document.attachEvent && ringSizeElements)
				{
					triggerRingSize.attachEvent('onmouseover', toggleRingSizeToolTip);
					triggerRingSize.attachEvent('onmouseout', toggleRingSizeToolTip);
				}
			}
		}
	}
}

if(document.addEventListener)
{
	window.addEventListener('load', initToolTip, false);
}
if(document.attachEvent)
{
	window.attachEvent('onload', initToolTip);
}
