window.addEvent("domready", function()
{

	//Set effect for hovering over the Why button.
	if( !$('why_hover') )
	{
		var bubble_error = new Element('div',
		{
			'id': 'why_hover',
			'class': 'bubble-error-why',
			//'html':'<div class="bubble-error-top"></div><div class="bubble-error-middle"><ul><li>For your consultation - no obligation</li><li>FREE prize draw success - one enquiry per month wins &pound;250</li></ul></div><div class="bubble-error-bottom"></div></div>',
			'html':'<div class="bubble-error-top"></div><div class="bubble-error-middle">Once we\'ve sent you the link to your e-brochure, we\'d like to talk through the options with you. <br /><br />If you\'re not interested you can just ask us not to call you again and we won\'t</div><div class="bubble-error-bottom"></div></div>',
			'styles':
			{
				'position':'absolute',
				'z-index':400,
				'display':'none'
			}
		});

		bubble_error.inject($(document.body), 'bottom');
		var bubble_size = bubble_error.getSize();






	}


	$(document.body).getElement('.why').addEvents(
	{
		'mouseenter':function(evt)
		{			
			$('why_hover').setStyle('display','');
			var why_btn_coords = $(document.body).getElement('.why').getCoordinates();
			var bubble_size = $('why_hover').getSize();
			$('why_hover').setStyles(
			{
				'top':why_btn_coords.top-bubble_size.y,
				'left':why_btn_coords.left
			});
		},
		'mouseleave':function(evt)
		{
			$('why_hover').setStyle('display','none');
		}
	});
});