var text = new Array();

text['About Us'] = '<div class="bannercol"><h1><img src="data/images/banners/aboutus_text.png" alt="About Us"></h1>' +
'<p>Since it was founded in 1952, Rose Road has been providing high quality services for children and young people with complex disabilities.</p></div>' +
'<div class="bannercol" style="float: right;"><img src="data/images/banners/aboutus.jpg" style="float: right;" alt="" /></div>';

text['Contact Us'] = '<div class="bannercol"><h1><img src="data/images/banners/contactus_text.png" alt="Contact Us"></h1>' +
'<p>We would love to hear from you if you have any questions or would like to know more about our services.</p></div>' +
'<div class="bannercol" style="float: right;"><img src="data/images/banners/contactus.jpg" style="float: right;" alt="" /></div>';

text['Facilities'] = '<div class="bannercol"><h1><img src="data/images/banners/facilities_text.png" alt="Facilities"></h1>' +
'<p>We have a number of meeting and therapeutic facilities available for hire here at the Bradbury Centre.</p></div>' +
'<div class="bannercol" style="float: right;"><img src="data/images/banners/facilities.png" style="float: right;" alt="" /></div>';

text['Fundraising'] = '<div class="bannercol"><h1><img src="data/images/banners/fundraising_text.png" alt="Fundraising"></h1>' +
'<p>Fundraising plays a crucial role in life at Rose Road. Find out more about how you can support our Change My Life Appeal!</p></div>' +
'<div class="bannercol" style="float: right;"><img src="data/images/banners/fundraising.png" style="float: right;" alt="" /></div>';

text['Parents'] = '<div class="bannercol"><h1><img src="data/images/banners/parents_text.png" alt="Parents"></h1>' +
'<p>Information for parents and carers.  Find out about local schemes, events and places to get support.</p></div>' +
'<div class="bannercol" style="float: right;"><img src="data/images/banners/parents.png" style="float: right;" alt="" /></div>';

text['Recruitment'] = '<div class="bannercol"><h1><img src="data/images/banners/recruitment_text.png" alt="Recruitment"></h1>' +
'<p>We\'re always looking for talented inviduals to join our team.  Find out more about our vacancies and download an application pack today.</p></div>' +
'<div class="bannercol" style="float: right;"><img src="data/images/banners/recruitment.png" style="float: right;" alt="" /></div>';

text['Rosewood School'] = '<div class="bannercol"><h1><img src="data/images/banners/rosewood_text.png" alt="Rosewood School"></h1>' +
'<p>Rosewood School is a non-maintained special school run by the Rose Road Association.</p></div>' +
'<div class="bannercol" style="float: right;"><img src="data/images/banners/rosewood.png" style="float: right;" alt="" /></div>';

text['Services'] = '<div class="bannercol"><h1><img src="data/images/banners/services_text.png" alt="Services"></h1>' +
'<p>Rose Road provides a range of services and oppotunities for young people with disabilities, their parents and their carers.</p></div>' +
'<div class="bannercol" style="float: right;"><img src="data/images/banners/services.png" style="float: right;" alt="" /></div>';

text['Volunteers'] = '<div class="bannercol"><h1><img src="data/images/banners/volunteers_text.png" alt="Volunteers"></h1>' +
'<p>Rose Road depends on the support of volunteers to help carry out our work.  Find out more about volunteering with us.</p></div>' +
'<div class="bannercol" style="float: right;"><img src="data/images/banners/volunteers.png" style="float: right;" alt="" /></div>';

text['Training'] = '<div class="bannercol"><h1><img src="data/images/banners/training_text.png" alt="Training"></h1>' +
'<p>We provide fully acredited training in our areas of expertise to social care sector, private companies and individuals.</p></div>' +
'<div class="bannercol" style="float: right;"><img src="data/images/banners/training.png" style="float: right;" alt="" /></div>';

text['Shops'] = '<div class="bannercol"><h1><img src="data/images/banners/shops_text.png" style="margin-left: 15px;" alt="Shops"></h1>' +
'<p>We have three wonderful charity shops in Woolston, Portswood and Gosport. Shopping at Rose Road is a great way to support the charity and uncover a bargain!</p></div>' +
'<div class="bannercol" style="float: right;"><img src="data/images/banners/shops.jpg" style="float: right;" alt="" /></div>';

text['Publications'] = '<div class="bannercol"><h1><img src="data/images/banners/publications_text.png"  alt="Publications"></h1>' +
'<p>Rose Road produces a range of different publications including regular newsletters and our annual report.</p></div>' +
'<div class="bannercol" style="float: right;"><img src="data/images/banners/publications.png" style="float: right;" alt="" /></div>';


var bannerbackup = false;

var doSwitch = true;

function setBanner(text)
{
	doSwitch = false;
	var banner = document.getElementById('banner');

	if(bannerbackup == false)
		bannerbackup = banner.innerHTML;

	banner.innerHTML = text;
}

function bannerRestore()
{
	if(doSwitch)
		setBanner(bannerbackup);
}

function retBanner()
{
	doSwitch = true;
	setTimeout('bannerRestore()',200);
}

function setupMenuCallback()
{
// Preload images
for(key in text)
{
	var el = document.createElement('div');
	el.innerHTML = text[key];
	el.style.display = 'none';
	document.body.appendChild(el);
}

var menu = document.getElementById('menu').getElementsByTagName('ul')[0];
var items = menu.getElementsByTagName('li');

	for(key in items)
	{
		var item = items[key];
		
		if(item.getElementsByTagName)
		{
		addCallback(item.getElementsByTagName('a')[0]);
		}
	}
}

function addCallback(a)
{

	var name = a.innerHTML;
	
	if(text[name] == undefined)
		return;

	var content = text[name];
	a.onmouseover = function(){setBanner(content)}
	a.onmouseout = retBanner;
}