var current = 1;

Event.observe(window, "load", function() {

	currentHighlight = 1;	
	accordionAnimating = false;

	$$('#interaction-map area').each(function(area) {

		var name = area.id.split('-')[1];
		Event.observe(area, 'mouseover', function(){ 
			$('highlight-'+name).show();
		}, false);
		Event.observe(area, 'mouseout', function(){ 
			$('highlight-'+name).hide();
		}, false);
		Event.observe(area, 'click', function(event){
			//$('popup-'+name).show();
			Effect.toggle($('popup-'+name),'appear', { duration: 0.5 });
			$('cover').show();
			Event.stop(event);
		}, false);
		area.writeAttribute('onclick', "return false;");

	});

	
	$$('#map .popup').each(function(popup) {

		Event.observe(popup.firstDescendant(), 'click', function(event){ 
			//popup.hide();
			Effect.toggle(popup,'appear', { duration: 0.5 });
			$('cover').hide();
			Event.stop(event);
		}, false);
		popup.firstDescendant().writeAttribute('onclick', "return false;");

	});

	$$('#map .site-details').each(function(details) {

		Event.observe(details.firstDescendant(), 'click', function(event){ 
			//details.hide();
			Effect.toggle(details,'appear', { duration: 0.5 });
			$('cover').hide();
			Event.stop(event);
		}, false);
		details.firstDescendant().writeAttribute('onclick', "return false;");

	});

	$$('#map .site').each(function(site) {

		Event.observe(site, 'click', function(event){
			var name = site.id.split('-')[2];
			//$("site-details-"+name).show();
			$('cover').show();
			Effect.toggle($("site-details-"+name),'appear', { duration: 0.5 });
			Event.stop(event);
		}, false);

	});
	
	$$('#package-accordion .package-header').each(function(header) {
	
		var name = header.id.split('-')[1];
		Event.observe(header, 'mouseover', function(){
			$$('#map .site').each(function(site) {
				site.innerHTML = '<img src="img/map/package-site-off.png" />';
				site.style.zIndex = 300;
			});
			$$('#map .package-'+name).each(function(site) {
				site.innerHTML = '<img src="img/map/package-site-on.png" />';
				site.style.zIndex = 500;
			});
		}, false);
		Event.observe(header, 'mouseout', function(){ 
			$$('#map .national-site').each(function(site) {
				site.innerHTML = '<img src="img/map/package-site-off.png" />';
				site.style.zIndex = 300;
			});
			$$('#map .region-site').each(function(site) {
				site.innerHTML = '<img src="img/map/package-popup-off.png" />';
				site.style.zIndex = 300;
			});
			$$('#map .package-'+current).each(function(site) {
				site.innerHTML = '<img src="img/map/package-site-on.png" />';
				site.style.zIndex = 500;
			});
		}, false);
		Event.observe(header, 'click', function(){
			
			if (!accordionAnimating) {
				current = name;			
				$$('#package-accordion .package-content').each(function(content) {
					if (content.getStyle("display") == "block") {
						new Effect.BlindUp(content, {
							duration : 0.6,
							queue: {
								position: 'end', 
								scope: 'accordionAnimation'
							},
							beforeStart: function() { accordionAnimating = true; },
							afterFinish: function() { accordionAnimating = false; }					
						});				
					}
				});
				new Effect.BlindDown($('package-'+name+'-content'), {
					duration : 0.6,
					queue: {
						position: 'end', 
						scope: 'accordionAnimation'
					},
					beforeStart: function() { accordionAnimating = true; },
					afterFinish: function() { accordionAnimating = false; }
				});				
			}			
			
		}, false);

	});
		
	var x = new Preloader();
	x.add("../img/map/cover.gif");
	x.add("../img/map/highlight-anglia.png");
	x.add("../img/map/highlight-border.png");
	x.add("../img/map/highlight-carltonlwt.png");
	x.add("../img/map/highlight-central.png");
	x.add("../img/map/highlight-grampian.png");
	x.add("../img/map/highlight-granada.png");
	x.add("../img/map/highlight-htv.png");
	x.add("../img/map/highlight-meridian.png");
	x.add("../img/map/highlight-stv.png");
	x.add("../img/map/highlight-tynetees.png");
	x.add("../img/map/highlight-utc.png");
	x.add("../img/map/highlight-westcountry.png");
	x.add("../img/map/highlight-yorkshire.png");
	x.add("../img/map/interaction.gif");
	x.add("../img/map/map.gif");
	x.add("../img/map/map.png");
	x.add("../img/map/package-popup-off.gif");
	x.add("../img/map/package-popup-on.gif");
	x.add("../img/map/package-site-off.gif");
	x.add("../img/map/package-site-on.gif");
	x.add("../img/map/popup-anglia.png");
	x.add("../img/map/popup-border.png");
	x.add("../img/map/popup-carltonlwt.png");
	x.add("../img/map/popup-central.png");
	x.add("../img/map/popup-close-off.png");
	x.add("../img/map/popup-close-on.png");
	x.add("../img/map/popup-grampian.png");
	x.add("../img/map/popup-granada.png");
	x.add("../img/map/popup-htv.png");
	x.add("../img/map/popup-meridian.png");
	x.add("../img/map/popup-stv.png");
	x.add("../img/map/popup-tynetees.png");
	x.add("../img/map/popup-utc.png");
	x.add("../img/map/popup-westcountry.png");
	x.add("../img/map/popup-yorkshire.png");
	x.add("../img/map/site-popup-bg.png");
	x.load();

});