// Mapping Guide Ajax App using http://www.prototypejs.org/
// Tobias Wetzel 

success = function()
{
	//$('action').innerHTML = "Yeah.";
}
complete = function ( originalRequest )
{
	$('ajaxMapRes').innerHTML = originalRequest.responseText;
	$('actionMap').removeClassName("show");
}
failure = function()
{
	$('action').innerHTML = "failure";
}
loading = function(){$('action').addClassName("show");}
loadingMap = function(){$('actionMap').addClassName("show");}
get = function(arg)
{
	var obj = $('ajaxMap').title;
	var param = "?hotel="+obj+"&"+arg;
	new Ajax.Updater('ajaxMapRes', 'ajax/mapping.xml', { method: 'get',
	  											onSuccess: success, 
												onLoading: loadingMap, 
												onComplete: complete, 
												parameters: param});
	
}

completeR = function ( ){$('action').removeClassName("show");}

route = function(form)
{
	new Ajax.Updater('routeoutput', 'ajax/routing.xml', { method: 'get',
					 							onLoading: loading, 
												onComplete: completeR, 
	  											parameters: $(form).serialize(true)});
	
}

completeMap = function ( ){$('ajaxMapNav').addClassName("hide");$('ajaxMap').addClassName("route");$('actionMap').removeClassName("show");}

routeMap = function(form)
{
	new Ajax.Updater('ajaxMapRes', 'ajax/routingMap.xml', { method: 'get',
					 							onLoading: loadingMap, 
												onComplete: completeMap, 
	  											parameters: $(form).serialize(true)});
	
}

function init()
{
	Event.observe($('moveLeft'), 'click', function mLeft(){get('move=1')});
	Event.observe($('moveRight'), 'click', function mRight(){get('move=0')});
	Event.observe($('moveUp'), 'click', function mUp(){get('move=2')});
	Event.observe($('moveDown'), 'click', function mDown(){get('move=3')});
	Event.observe($('zoomIn'), 'click', function zIn(){get('zoom=50')});
	Event.observe($('zoomOut'), 'click', function zOut(){get('zoom=200')});
}

Event.observe(window, 'load', init, false);
Event.observe(window, 'load', get, false);