window.addEvent('domready', function(){										 
		setMap();
		loadRegion();
	});
	
	
	function setMap() {
		var elements=$('Map').getElements('area');
		
		elements.each(function(nArea){
			nArea.set({
				'events': {
					'click': function() {loadRegion(nArea.id)},
					'mouseover': function() {$('usemap').set('src', 'images/'+SITE+'/map/map'+nArea.id+'.png')},
					'mouseout': function() {$('usemap').set('src', 'images/'+SITE+'/map/map.png')}
				}
			});
			nArea.alt="";
		});
	}

	function loadRegion(region) {
		clearDealerBox();
		
		var ajax= new Request.JSON({
			url: 'includes/dealers.php',
			onComplete: function(jsonObj){loadDealers(jsonObj.dealers)}
		}).get({'region': region});
						 
	}
	 
	function loadDealers(dealers) {
		var i=1;
		
		var scroller=new Element('div', {'id': 'scroller2'});
		var lyr1=new Element('div', {'id': 'lyr1'}).inject(scroller);
		
		scroller.inject($('dealerresults'));
		
		dealers.each(function(dealer){
			var el=new Element('div', {'class': 'dealerview'});
			var nameF=new Element('h3', {'html': dealer.name}).inject(el);
			var add1 = new Element('p', {'html': dealer.add1}).inject(nameF, 'after');
			var add2 = new Element('p', {'html': dealer.add2}).inject(add1, 'after');
			var add3 = new Element('p', {'html': dealer.add3}).inject(add2, 'after');
			var town = new Element('p', {'html': dealer.town}).inject(add3, 'after');
			var county = new Element('p', {'html': dealer.county}).inject(town, 'after');
			var postcode = new Element('p', {'html': dealer.postcode}).inject(county, 'after');
			var tel1 = new Element('h4', {'html': dealer.tel1}).inject(postcode, 'after');
			
			el.inject(lyr1);		  
			if((i%2)==0) {
				var clear = new Element('div', {'class': 'clear'});
				clear.inject(lyr1);
			}
			i++;
		});
		
		var clearEnd = new Element('div', {'class': 'clear'});
		clearEnd.inject(lyr1);
		
		// alert('Hello World!');
			
		$('loadDealers').setStyle('display','none');
		
		var scrollbar=new Element('div', {'id': 'scrollbar2'});
		var up=new Element('div', {'id': 'up'}).inject(scrollbar);
		var mover1=new Element('a', {'class': 'mouseover_up', 'href': ''}).inject(up);
		var img1=new Element('img', {'src': 'images/'+SITE+'/btn-up.gif', 'width': '11', 'height': '11', 'border':'0'}).inject(mover1);
		
		var track=new Element('div', {'id': 'track2'}).inject(up, 'after');
		var dragbar=new Element('div', {'id': 'dragBar'}).inject(track);
	
		var down=new Element('div', {'id': 'down'}).inject(up, 'after');
		var mover2=new Element('a', {'class': 'mouseover_down', 'href': ''}).inject(down);
		var img2=new Element('img', {'src': 'images/'+SITE+'/btn-dn.gif', 'width': '11', 'height': '11', 'border':'0'}).inject(mover2);

		scrollbar.inject($('dealerresults'));
		
		var wndo = new dw_scrollObj('scroller2','lyr1');
		wndo.setUpScrollbar("dragBar","track2","v",1,1);
		wndo.setUpScrollControls('scrollbar2');
	}
	
	function clearDealerBox() {
		$('dealerresults').empty();
		var el = new Element('div',{'id': 'loadDealers'});
		el.inject($('dealerresults'));
		
		$('loadDealers').setStyle('display','block');
	}