// JavaScript Document
$(document).ready(function() {
 	$("#suggestions").click(function(){	
		var data=$("#depart").val();
		var arrive=$("#arrive").val();
		arrive=jQuery.trim(arrive);
		data=jQuery.trim(data);
		
		if(data!='' && arrive!='')
		{
		  $.ajax({
		   type: "GET",
		   url: "get_distance.php",
		   data: "depart="+data+"&arrive="+arrive,
		   beforeSend: function(){
		   $(".div_result").attr("class","div_result2");
		   $(".div_result2").html("<div align='center' >Loading...</div>");
		   },
		   success: function(result){		
			   $(".div_result2").html(result);
			   $(".test_class").bind("click",function(){
				   var v1	=	$(this).html();
				   $("#depart").attr("value",v1);			
				   $("#depart").attr("id",$(this).attr('id'));				 
				  $(".div_result2").attr("class","div_result");				  
			   })			  
		   }
		 }); 
		}
		else
		{
			$(".div_result2").attr("class","div_result");
		} 
 	});
	
	$("#suggestions1").click(function(){
		var data=$("#arrive").val();
		var depart=$("#depart").val();				
		depart=jQuery.trim(depart);
		data=jQuery.trim(data);
 		if(data!='' && depart!='')
		{
 		  $.ajax({
		   type: "GET",
		   url: "get_distance.php",
		   data: "arrive="+data+"&depart="+depart,
		   beforeSend: function(){
		   $(".div_result").attr("class","div_result2");
		   $(".div_result2").html("<div align='center' >Loading...</div>");
		   },
		   success: function(result){
			   $(".div_result2").html(result);
			   $(".test_class").bind("click",function(){
				   var v1	=	$(this).html();
				   $("#arrive").attr("value",v1);
				   $("#arrive").attr("id",$(this).attr('id'));				    
				    $(".div_result2").attr("class","div_result");
				 
			   })
			  
		   }
 		 }); 
 		}
		else
		{
			$(".div_result2").attr("class","div_result");
		} 
 	}); 
	
	//for action page
	
	$("#suggestions_action").click(function(){	
		var data=$("#depart").val();
		var arrive=$("#arrive").val();
		arrive=jQuery.trim(arrive);
		data=jQuery.trim(data);
		
		if(data!='' && arrive!='')
		{
		  $.ajax({
		   type: "GET",
		   url: "get_distance.php",
		   data: "depart="+data+"&arrive="+arrive,
		   beforeSend: function(){
		   $(".div_result3").attr("class","div_result3");
		   $(".div_result3").html("<div align='center' >Loading...</div>");
		   },
		   success: function(result){		
			   $(".div_result3").html(result);
			   $(".test_class").bind("click",function(){
				   var v1	=	$(this).html();
				   $("#depart").attr("value",v1);			
				   $("#depart").attr("id",$(this).attr('id'));				 
				  $(".div_result3").attr("class","div_result3");				  
			   })			  
		   }
		 }); 
		}
		else
		{
			$(".div_result3").attr("class","div_result3");
		} 
 	});
	
	$("#suggestions1_action").click(function(){
		var data=$("#arrive").val();
		var depart=$("#depart").val();				
		depart=jQuery.trim(depart);
		data=jQuery.trim(data);
 		if(data!='' && depart!='')
		{
 		  $.ajax({
		   type: "GET",
		   url: "get_distance.php",
		   data: "arrive="+data+"&depart="+depart,
		   beforeSend: function(){
		   $(".div_result3").attr("class","div_result3");
		   $(".div_result3").html("<div align='center' >Loading...</div>");
		   },
		   success: function(result){
			   $(".div_result3").html(result);
			   $(".test_class").bind("click",function(){
				   var v1	=	$(this).html();
				   $("#arrive").attr("value",v1);
				   $("#arrive").attr("id",$(this).attr('id'));				    
				   $(".div_result3").attr("class","div_result3");
				 
			   })
			  
		   }
 		 }); 
 		}
		else
		{
			$(".div_result3").attr("class","div_result3");
		} 
 	}); 
});