var mTo = null;
var inIE6 = false;

document.observe('dom:loaded', function(e) {
	// We should look at the formy thing
	$('MemberNo').observe('focus',function(e) {
		if($('MemberNo').value == 'Zest Card Number') {
			$('MemberNo').value = '';
		}
	});
	$('MemberNo').observe('blur',function(e) {
		if($('MemberNo').value == '') {
			$('MemberNo').value = 'Zest Card Number';
		}
	});
	$('surnamepostcode').observe('focus',function(e) {
		if($('surnamepostcode').value == 'Surname or Postcode') {
			$('surnamepostcode').value = '';
		}
	});
	$('surnamepostcode').observe('blur',function(e) {
		if($('surnamepostcode').value == '') {
			$('surnamepostcode').value = 'Surname or Postcode';
		}
	});
	// Look at the search thing
	$('search').observe('change',function(e) {
		if($('search').getValue() != '') location.href = '/'+$('search').getValue();
	});
	if(inIE6) return;
	var from = '';
	var to = '';
	// Let's add our event
	el = $('header').select('ul.nav_0')[0].down().next().down();
	pos = el.cumulativeOffset();
	dims = el.getDimensions();
	pos2 = $('body').down().cumulativeOffset();
	//alert(pos);
	pos[1] += (dims.height-pos2[1]);
	pos[0] -= pos2[0];
	$('centre-list').setStyle({'left': pos[0]+'px','top': pos[1]+'px'});
	
	el.observe('mouseover', function(f) {
		// Right, let's make the menu appear.
		el = f.findElement('A');
		if(!el || el.tagName != 'A') return;
		clearSubMenus();
		pos = el.cumulativeOffset();
		dims = el.getDimensions();
		pos2 = $('body').down().cumulativeOffset();
		//alert(pos);
		pos[1] += (dims.height-pos2[1]);
		pos[0] -= pos2[0];
		from = /timetables/g;
		to = 'centres';
		if($('centre-list').down().childElements().length == 1) {
			el = $$('.centre-list-sub')[0];
			el.update(el.innerHTML.replace(from,to));
			el.setStyle({'left': pos[0]+'px','top': pos[1]+'px'});
			el.setStyle({'display':'block'});
		} else {
			$('centre-list').select('a').each(function(e) {
				e.href = e.href.replace(from,to);
			});
			$('centre-list').setStyle({'left': pos[0]+'px','top': pos[1]+'px'});
			$('centre-list').setStyle({'display': 'block'});
		}
		clearTimeout(mTo);
	});
	el.observe('mouseout', function(f) {
		// Right, let's make the menu DISappear
		mTo = setTimeout("menuDisappear()",100);
	});
	
	el = el.up().next(1).down();
	el.observe('mouseover', function(f) {
		// Right, let's make the menu appear.
		el = f.findElement('A');
		if(!el || el.tagName != 'A') return;
		clearSubMenus();
		pos = el.cumulativeOffset();
		dims = el.getDimensions();
		pos2 = $('body').down().cumulativeOffset();
		//alert(pos);
		pos[1] += (dims.height-pos2[1]);
		pos[0] -= pos2[0];
		from = /centres/g;
		to = 'timetables';
		// Let's replace all the a hrefs...
		if($('centre-list').down().childElements().length == 1) {
			el = $$('.centre-list-sub')[0];
			el.update(el.innerHTML.replace(from,to));
			el.setStyle({'left': pos[0]+'px','top': pos[1]+'px'});
			el.setStyle({'display':'block'});
		} else {
			$('centre-list').select('a').each(function(e) {
				e.href = e.href.replace(from,to);
			});
			$('centre-list').setStyle({'left': pos[0]+'px','top': pos[1]+'px'});
			$('centre-list').setStyle({'display': 'block'});
		}
		clearTimeout(mTo);
	});
	$('centre-list').observe('mouseover', function(f) {
		// Right, let's make the menu appear.
		clearTimeout(mTo);
		$('centre-list').setStyle({'display': 'block'});
	});
	el.observe('mouseout', function(f) {
		// Right, let's make the menu DISappear
		mTo = setTimeout("menuDisappear()",100);
	});
	$('centre-list').observe('mouseout', function(f) {
		// Right, let's make the menu DISappear
		mTo = setTimeout("menuDisappear()",100);
	});
	var i= 0;
	$$('.centre-list-sub').each(function(el) {
		el.observe('mouseout', function(f) {
			// Right, let's make the menu DISappear
			mTo = setTimeout("menuDisappear()",100);
		});
		el.observe('mouseover', function(f) {
			// Right, let's make the menu appear.
			clearTimeout(mTo);
		});
		pos = [$('centre-list').getStyle('left'),$('centre-list').getStyle('top')];
		dims = $('centre-list').getDimensions();
		pos[0] = ((pos[0].replace('px','')*1) + (dims.width))+'px';
		pos[1] = ((pos[1].replace('px','')*1) + (29*i))+'px';
		el.setStyle({'left': pos[0],'top': pos[1]});
	});
	var i= 0;
	$('centre-list').select('a').each(function(f) {
		f.observe('mouseover',function(g) {
			clearSubMenus();
			el = $(g.element().identify().replace('region','centre-list'));
			pos = [$('centre-list').getStyle('left'),$('centre-list').getStyle('top')];
			dims = $('centre-list').getDimensions();
			pos[0] = ((pos[0].replace('px','')*1) + (dims.width))+'px';
			pos[1] = ((pos[1].replace('px','')*1) + (29*i))+'px';
			el.update(el.innerHTML.replace(from,to));
			el.setStyle({'left': pos[0],'top': pos[1]});
			el.setStyle({'display':'block'});
		});
	});
});

function menuDisappear() {
	$('centre-list').setStyle({'display': 'none'});
	clearSubMenus();
}

function clearSubMenus() {
	$$('.centre-list-sub').each(function(el) {
		el.setStyle({'display': 'none'});
	});
}