window.addEvent('domready', function(){

	

		$('mapUp').addEvent('click', function(e){	
				
			var e = new Event(e);
			;
			map.panDirection(0,  1); //+1 to -1	
			e.stop();
		});
		$('mapDown').addEvent('click', function(e){	
				
			var e = new Event(e);
			
			map.panDirection(0,  -1); //+1 to -1
			e.stop();
		});
		$('mapLeft').addEvent('click', function(e){	
				
			var e = new Event(e);
			
			map.panDirection(1,  0); //+1 to -1
			e.stop();
		});
		$('mapRight').addEvent('click', function(e){	
				
			var e = new Event(e);
			//alert('line332');
			map.panDirection(-1,  0); //+1 to -1
			e.stop();
		});

		


		/*var s = new Slider($('zoomIndicator'), $('slider-input-1'), {	
                                steps: 280,	
                                mode: 'vertical',	
                                onChange: function(step){
					$('slider-input-1').setValue(step);
                                  // $('zoomIndicator').setHTML(step);
				
                                }
                            }).set(0);
*/

		s = new Slider(document.getElementById("area3"), document.getElementById("zoomIndicator"));
				
					
		s.onchange = function () {
		};
		
		s.setValue(30);

		window.onresize = function () {
			s.recalculate();
		};


  		
		$('zoomIn').addEvent('click', function(e){
			var e = new Event(e);
			map.zoomIn();
			var val = s.getValue();
			//alert(val);
			if(val>=0){
				s.setValue(val+10);
			}
			e.stop();
		});
		
		
		$('zoomOut').addEvent('click', function(e){
			var e = new Event(e);
			//alert(map.getZoom());
			//if(map.getZoom()>6){
				map.zoomOut();
				var val = s.getValue();
				if(val<=100){
					s.setValue(val-10);
				}
			//}
			e.stop();
  		});

/*		
		$('zoomIndicator').addEvent('click', function(e){
				var e = new Event(e);
				//alert($('zoomIndicator').value);	
				var val = s.getValue();
				if(val>=90){
					map.setZoom(15);
				} else if (val>=80){
					map.setZoom(14);
				} else if (val>=70){
					map.setZoom(13);
				} else if (val>=60){
					map.setZoom(12);
				} else if (val>=50){
					map.setZoom(11);
				} else if (val>=40){
					map.setZoom(10);
				} else if (val>=30){
					map.setZoom(9);
				} else if (val>=20){
					map.setZoom(8);
				} else if (val>=10){
					map.setZoom(7);
				} else {
					map.setZoom(6);
				}
				e.stop();
		});

*/
	});