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

var map;
var draggable;
var draggable_map;
var yLim;
var xLim;

map = $('map');
draggable = $('draggable');

yLim = -1 * (draggable.clientHeight - map.clientHeight);
xLim = -1 * (draggable.clientWidth - map.clientWidth);

draggable.makeDraggable({limit: {x: [xLim,0], y: [yLim,0]}});

draggable_map = new Fx.Scroll('map', {wait:false, duration: 500});

draggable.addEvent('mousedown', function() {
	this.setStyle('cursor', 'url(images/map/closedhand.cur), move');
});

draggable.addEvent('mouseup', function() {
	this.setStyle('cursor', 'url(images/map/openhand.cur), move');
});

});