$(function() {
	ss_entries = [
		{
			id: 'intro',
			name: 'Intro',
			url: '/',
			title: 'Welcome to ABRSM',
			body: 'ABRSM is the world’s leading authority on music assessment, actively supporting and encouraging music learning for all'
		},
		{
			id: 'syllabus',
			name: 'Syllabuses',
			url: '/en/exams/gradedMusicExams/latestSyllabuses.html',
			title: 'Meeting your learning needs',
			body: 'We provide a flexible range of exams and assessments that inspire and motivate music learners worldwide'
		},
		{
			id: 'shop',
			name: 'Shop',
			url: 'http://shop.abrsm.org',
			title: 'Supporting your music-making',
			body: 'Our online shop supplies an extensive range of high quality publications, teaching resources, CDs and audio downloads'
		},
		{
			id: 'teaching',
			name: 'Teaching courses',
			url: '/en/teachers',
			title: 'Enhancing your teaching',
			body: 'We offer a rich and immersive programme of courses and seminars to instrumental and vocal teachers throughout the world'
		},
		{
			id: 'online',
			name: 'Online entry & services',
			url: '/en/exams/entry/how-to-enter/',
			title: 'Making life easier',
			body: 'Our unique web-based facility enables applicants in the UK, Singapore and Malaysia to swiftly and easily enter candidates for exams and'
				+ 'retrieve results online'
		},

	]
	slideshow = $('div#messagebar');

	ss_width = slideshow.width();
	ss_height = slideshow.height();
	$('#flashcontent').remove();
	pause = 4000;
	last_i = 0;
	hovering = false;
	ss_img_base = '/shared/images/all/slideshow/';

	function ss_show_item(entry) {
		$('div.ss_item', slideshow).stop(true,true).fadeOut(1000);
		$('#slide_'+entry['id'], slideshow).stop(true,true).fadeIn(1000);
	}
	function ss_default_loop(i) {
		if(!hovering) {
			if(ss_entries[i] == undefined) {
				i = 0;
			}
			entry = ss_entries[i];
			ss_show_item(entry);
			$('#invis').animate({top: '0px'}, pause, function() {
				ss_default_loop(++i);
			});			
		}
	}


	function ss_init() {
		slideshow.append('<div class="ss_button_row"><ul></ul></div>');
		slideshow.append('<div id="invis">&nbsp;</div>');
		for(i in ss_entries) {
			entry = ss_entries[i];
			slideshow.append(
				'<div class="ss_item" style="background-image:url('+ss_img_base+entry['id']+'.png);" id="slide_'+entry['id']+'">'
					+'<h1>'+entry['title']+'</h1><p>'+entry['body']+'</p></div>'
			);
            if(entry.id != 'intro') {
			$('div.ss_button_row ul', slideshow).append(
				'<li><a href="'+entry['url']+'" id="ss_'+entry['id']+'" ss_entry_id="'+i+'" style="background-image:url('+ss_img_base+'button_'+entry['id']+'.png)">'
					+entry['name']+
				'</a></li>'
			);
            }
		}


		$('div.ss_button_row ul li a', slideshow).bind('mouseenter', function(e) {
			e.preventDefault()
			hovering = true;
			i = parseInt($(this).attr('ss_entry_id'));
			last_i = i;
			$('div.ss_button_row ul li a').addClass('unselected');
			$(this).removeClass('unselected');
			$('div.ss_button_row ul li a.unselected').stop(true,true).fadeTo(200, .5);
			$(this).stop(true,true).fadeTo(200, 1);
			ss_show_item(ss_entries[i]);
		});

		$('div.ss_button_row ul', slideshow).bind('mouseleave', function(e) {
			e.preventDefault();
			$('div.ss_button_row ul li a').removeClass('unselected').stop(true,true).fadeTo(200, 1);
			$('#invis').stop(true,false).animate({top: '0px'}, pause, function() {
				hovering = false;
				ss_default_loop(last_i+1);
			});
		});
	}

	ss_init();
	ss_default_loop(0);
});