// JavaScript Document
var timer;
var fotimer;
var fitimer;
var step=0;
var fadestep=0;

var WBN=function() {
	var map, point, setmarker, lg, lt, z;
	var IsLoaded = 0;
	var trafficInfo;
	lg = -0.29914140701293945; lt = 51.465598260603734;

	return {
		LoadMap:function() {
			if (IsLoaded == 1) {
				if (lt && lg && z && setmarker) {
					map.setCenter(new GLatLng(lt,lg),z);
				}
				return;
			}

			if (GBrowserIsCompatible()) {
				map = new GMap2($('map'));
				map.setCenter(new GLatLng(51.464649137257055,  -0.2998924255371094), 16);

				var baseIcon = new GIcon();
				baseIcon.image = "/images/gm-marker-trans.png";
				baseIcon.iconSize = new GSize(222, 46);
				baseIcon.iconAnchor = new GPoint(222, 10);

				point = new GPoint(lg,lt);
				setmarker = new GMarker(point, baseIcon);
				map.addOverlay(setmarker);
				
				map.addControl(new GSmallMapControl());

				IsLoaded = 1;
			}
		},
		UnloadMap:function() {
			GUnload();
		}
	}
}();

function RecommendFriend() {
	var fn=''; var ea='';

	if ( $('friend-name') && $('email-address') ) {
		fn=$('friend-name').value; if (fn=='Please type your friend’s name') fn='';
		ea=$('email-address').value; if (ea=='and their email address here') ea='';
	}

	var url = '/recommend-a-friend.php';
	new Ajax.Request(url, {
		parameters: ({'fn':fn,'ea':ea}), 
		method: 'get',
		onSuccess: function(transport) {
			var ud=$('raf'); ud.show(); ud.update(transport.responseText);
		}
	});
}
function showLayer(event) {
	var xd = Event.element(event).id;
	var my; var mx;

	if (xd=='privacy-info') {
		my = Event.pointerY(event); my=my-100;
		mx = Event.pointerX(event); mx=mx-180;
		$('privacy').setStyle({ top: my + 'px', left: mx + 'px' });
		$('privacy').show();
	}
	else if (xd=='good-salon-info') {
		my = Event.pointerY(event); my=my+20;
		mx = Event.pointerX(event); mx=mx-180;
		$('good-salon-guide').setStyle({ top: my + 'px', left: mx + 'px' });
		$('good-salon-guide').show();
	}
}
function hideLayer(event) {
	var xd = Event.element(event).id;
	if (xd=='privacy-info') $('privacy').hide();
	else if (xd=='good-salon-info') $('good-salon-guide').hide();
}
Event.observe(window, 'load', function() {
	Event.observe('good-salon-info', 'mouseover', showLayer, false);
	Event.observe('good-salon-info', 'mouseout', hideLayer, false);
	Event.observe('privacy-info', 'mouseover', showLayer, false);
	Event.observe('privacy-info', 'mouseout', hideLayer, false);
});