function addEvent(obj ,evt, fnc)
   {
     if (obj.addEventListener)
       obj.addEventListener(evt,fnc,false);
     else if (obj.attachEvent)
       obj.attachEvent('on'+evt,fnc);
     else
       return false;
     return true;
   }

   function removeEvent(obj ,evt, fnc)
   {
     if (obj.removeEventListener)
       obj.removeEventListener(evt,fnc,false);
     else if (obj.detachEvent)
       obj.detachEvent('on'+evt,fnc);
     else
       return false;
     return true;
   }

   //----------

   function appendElement(node,tag,id,htm)
   {
     var ne = document.createElement(tag);
     if(id) ne.id = id;
     if(htm) ne.innerHTML = htm;
     node.appendChild(ne);
   }

   //----------

   function showPopup(p, type, command, array_data)
   {
   	 switch(type)
	 {
	 	case "placemark": 
			document.getElementById("popup").style.width = '600px';	
			document.getElementById("popup_title").innerHTML = 'Update placemark details';					
			document.getElementById("popup_body").innerHTML = array_data;
			break;
			
	 	case "track":
			 switch(command)
			 {
			 	case "edit":
					idx = array_data; 
					date_start = selectDateTrack_start.replace(/<id_value>/g, polylines[idx].id);
					time_start = selectTimeTrack_start.replace(/<id_value>/g, polylines[idx].id);
					date_end = selectDateTrack_end.replace(/<id_value>/g, polylines[idx].id);
					time_end = selectTimeTrack_end.replace(/<id_value>/g, polylines[idx].id);
					
					document.getElementById("popup_title").innerHTML = 'Edit '+polylines[idx].name;
					document.getElementById("popup_body").innerHTML = '<form onsubmit="popup_save_track('+idx+');return false;" name="formTrack'+polylines[idx].id+'">'+
					'<table style="text-align:left;">'+
					'<tr><td>Track name:</td><td><input type="text" name="name" value="'+polylines[idx].name+'"></td></tr>'+
					'<tr><td>Start track:</td><td>'+date_start+' h.'+time_start+'</td></tr>'+
					'<tr><td>End track:</td><td>'+date_end+' h.'+time_end+'</td></tr>'+ 
					'<tr><td></td><td style="text-align:right;"><input type="submit" value=" Save Track "></td></tr>'+
					'</table>'+
					'</form>';
					  
					 
				    eval('document.formTrack'+polylines[idx].id+'.year_start.value = "' + polylines[idx].datetime_start.getFullYear() +'"');
					zeroTmp = polylines[idx].datetime_start.getMonth()+1;
				    eval('document.formTrack'+polylines[idx].id+'.month_start.value = "' + (zeroTmp<10?'0'+zeroTmp:zeroTmp) +'"'); 
					zeroTmp =  polylines[idx].datetime_start.getDate();
				    eval('document.formTrack'+polylines[idx].id+'.day_start.value = "' + (zeroTmp<10?'0'+zeroTmp:zeroTmp) +'"');
					zeroTmp =  polylines[idx].datetime_start.getHours();
				    eval('document.formTrack'+polylines[idx].id+'.hour_start.value = "' + (zeroTmp<10?'0'+zeroTmp:zeroTmp) +'"');
					zeroTmp =  polylines[idx].datetime_start.getMinutes();
				    eval('document.formTrack'+polylines[idx].id+'.minute_start.value = "' + (zeroTmp<10?'0'+zeroTmp:zeroTmp) +'"'); 
					 
					 
					 
				    eval('document.formTrack'+polylines[idx].id+'.year_end.value = "' + polylines[idx].datetime_end.getFullYear() +'"');
					zeroTmp = polylines[idx].datetime_end.getMonth()+1;
				    eval('document.formTrack'+polylines[idx].id+'.month_end.value = "' + (zeroTmp<10?'0'+zeroTmp:zeroTmp) +'"'); 
					zeroTmp =  polylines[idx].datetime_end.getDate();
				    eval('document.formTrack'+polylines[idx].id+'.day_end.value = "' + (zeroTmp<10?'0'+zeroTmp:zeroTmp) +'"');
					zeroTmp =  polylines[idx].datetime_end.getHours();
				    eval('document.formTrack'+polylines[idx].id+'.hour_end.value = "' + (zeroTmp<10?'0'+zeroTmp:zeroTmp) +'"');
					zeroTmp =  polylines[idx].datetime_end.getMinutes();
				    eval('document.formTrack'+polylines[idx].id+'.minute_end.value = "' + (zeroTmp<10?'0'+zeroTmp:zeroTmp) +'"'); 
 					
					break;
				
			 	case "other":
					break;		
			 	
				default: 
					return false;
					break;		
			 }
		break;
		
	 	case "trip":
		var init_autocomplete = false;
		map_new_ajax = false;
		
		trip_form_prototype = '' +
					'						<div class="popupdiv" style="text-align:left;">'+
					'							<form action="tripUpdate.php" onsubmit="return trip_form_update_onsubmit();" method="post" name="trip_form_update" id="trip_form_update">'+
					'	<input type="hidden" name="id" value="<id_value>">'+ 
					'	<input type="hidden" name="s" value="TTsYY">'+ 
					'	<input type="hidden" name="w" value="TTwYY">'+ 
					'	<input type="hidden" name="n" value="TTnYY">'+ 
					'	<input type="hidden" name="e" value="TTeYY">'+  
					'							<table>'+
					'							<tr><td>Trip Name</td><td>'+
					'									<input id="title" name="title" type="text" style="width:250px;" value="<title_value>" tabindex="100" /></td></tr>' + 
				
					'								<tr><td>Visibility</td><td>'+
					'									<select name="share_id" id="share_id"  style="width:120px;"  tabindex="105" >'+
					'										<option value="1" class="share_id_rel">Public</option>'+
					'										<option value="2" class="share_id_rel">Private</option>'+
					'										<option value="3" class="share_id_rel">Only my Friends</option>'+
					'									</select></td></tr>'+  
					'								<tr><td colspan="2">Trip Description:</td></tr>'+
					'									<tr><td colspan="2"><textarea id="description" name="description"   style="width:360px;height:160px;"   tabindex="110" ><description_value></textarea><br />'+
					'								</td></tr>'+
					'							<tr><td>Boat Name</td><td>'+
					'									<input id="vehicle_name" name="vehicle_name" type="text"   style="width:250px;" value="<vehicle_name_value>"  tabindex="120" /></td></tr>' + 
					'								<tr><td>Boat Type</td><td>'+ 
'<div style="position:relative;overflow:visible" >'+
'<input name="vehicle_type" id="vehicle_type" style="width:200px;"  tabindex="130" value="<vehicle_type_value>" type=text autocomplete=off>'+
'<div id="vehicle_type_div" style="position:absolute;left:0px;top:21px;visibility:hidden;border:solid #0000aa 2px;background-color:white;z-index:1;cursor:pointer;padding:2px;"></div>'+
'</div>'+ 
					'									 </td></tr>'+
					'							<tr><td>Charter Company</td><td>'+
					'									<input id="company" name="company" type="text"   style="width:250px;" value="<company_value>"  tabindex="140" /></td></tr>' + 
					'								<tr><td colspan="2">Boat report:</td></tr>'+
					'									<tr><td colspan="2"><textarea id="vehicle_report" name="vehicle_report" style="width:360px;height:110px;"  tabindex="150" ><vehicle_report_value></textarea><br />'+
					'								</td></tr>'+
					'								<tr><td colspan="2" style="text-align:right;">'+
					'									<input type="submit"  tabindex="200"  value="Submit" /> '+
			 
					'								</td></tr></table>'+
					'							</fieldset>'+
					'							</form> '+
					'						</div>'; 
				
					 
			 switch(command)
			 {
			 	case "map_new":  
					map_new_ajax = true;
					trip_form_prototype = trip_form_prototype.replace(/<id_value>/g, '');
					trip_form_prototype = trip_form_prototype.replace(/<title_value>/g, ''); 
					trip_form_prototype = trip_form_prototype.replace(/<company_value>/g, ''); 
					trip_form_prototype = trip_form_prototype.replace(/<vehicle_name_value>/g, ''); 	
					trip_form_prototype = trip_form_prototype.replace(/<vehicle_type_value>/g, ''); 	
					trip_form_prototype = trip_form_prototype.replace(/<vehicle_report_value>/g, ''); 					
					trip_form_prototype = trip_form_prototype.replace(/<description_value>/g, '');
					 
					document.getElementById("popup_title").innerHTML = 'Create New Trip';					
					document.getElementById("popup_body").innerHTML = trip_form_prototype;
 					init_autocomplete = true;
					break;
					
					
			 	case "form_new":  
					trip_form_prototype = trip_form_prototype.replace(/<id_value>/g, '');
					trip_form_prototype = trip_form_prototype.replace(/<title_value>/g, ''); 
					trip_form_prototype = trip_form_prototype.replace(/<company_value>/g, ''); 
					trip_form_prototype = trip_form_prototype.replace(/<vehicle_name_value>/g, ''); 
					trip_form_prototype = trip_form_prototype.replace(/<vehicle_type_value>/g, ''); 	
					trip_form_prototype = trip_form_prototype.replace(/<vehicle_report_value>/g, ''); 			
					trip_form_prototype = trip_form_prototype.replace(/<description_value>/g, ''); 	
					trip_form_prototype = trip_form_prototype.replace(/TTsYY/g, sw_lat); 
					trip_form_prototype = trip_form_prototype.replace(/TTwYY/g, sw_lng); 
					trip_form_prototype = trip_form_prototype.replace(/TTnYY/g, ne_lat); 
					trip_form_prototype = trip_form_prototype.replace(/TTeYY/g, ne_lng);  
					
					document.getElementById("popup_title").innerHTML = 'Create New Trip';					
					document.getElementById("popup_body").innerHTML = trip_form_prototype;
 					init_autocomplete = true;
 					 
					break;
				
			 	case "form_update":		 
					trip_form_prototype = trip_form_prototype.replace(/<id_value>/g, array_data[0]);
					trip_form_prototype = trip_form_prototype.replace(/<title_value>/g, array_data[1]);  
					trip_form_prototype = trip_form_prototype.replace(/<company_value>/g, array_data[4]); 
					trip_form_prototype = trip_form_prototype.replace(/<vehicle_name_value>/g, array_data[5]); 
					trip_form_prototype = trip_form_prototype.replace(/<vehicle_type_value>/g, array_data[6]); 	
					trip_form_prototype = trip_form_prototype.replace(/<vehicle_report_value>/g, array_data[7]); 		
					
					 switch(array_data[2])
					 {
					 	case 1:   			
							trip_form_prototype = trip_form_prototype.replace('<option value="1" class="share_id_rel"', '<option value="1" class="share_id_rel" SELECTED');
							break;
							
					 	case 2:   			
							trip_form_prototype = trip_form_prototype.replace('<option value="2" class="share_id_rel"', '<option value="2" class="share_id_rel" SELECTED');
							break;
							
					 	case 3:   			
							trip_form_prototype = trip_form_prototype.replace('<option value="3" class="share_id_rel"', '<option value="3" class="share_id_rel" SELECTED');
							break; 	
					}
					 
					//trip_form_prototype = trip_form_prototype.replace('<option class="vehicle_type_option" value="'+array_data[6]+'">', '<option class="vehicle_type_option" value="'+array_data[6]+'" SELECTED>');
					 
					
					trip_form_prototype = trip_form_prototype.replace(/<description_value>/g, array_data[3]); 	 
					
					document.getElementById("popup_title").innerHTML = 'Edit ' + array_data[1];
					document.getElementById("popup_body").innerHTML = trip_form_prototype; 
 					init_autocomplete = true;
					 
					break;		
			 	 
				
			 	case "add_placemark":  
					var mypostrequest = new ajaxRequest()
					mypostrequest.onreadystatechange=function(){
				
						if (mypostrequest.readyState==4)
						{
						  if (mypostrequest.status==200 || window.location.href.indexOf("http")==-1)
						  { 
						  	 document.getElementById("popup").style.width = '600px';	
						  	 document.getElementById("popup_title").innerHTML = 'Add placermarks to this Trip - List of placemarks not assigned to a trip:';					
							 document.getElementById("popup_body").innerHTML = ''+
							 '<form action="tripDetails.php" method="post" name="formTripAddPlacemarks" id="formTripAddPlacemarks" onsubmit="return checkFormTripAddPlacemarks()" >' +
							 '<input type="hidden" name="id" value="'+ array_data[0] + '">'+
							 '<input type="hidden" name="checkedIds" value="-1">'+
							 '<input type="hidden" name="tab" value="placemarks">'+
							 '<input type="hidden" name="cmdExecute" value="addPlacemarkToTrip">'+
							 '<div style="max-height:350px;overflow:scroll;">' + mypostrequest.responseText +
							 '</div>' +
							 '<div style="width:100%;background: #ddd;text-align:right;"><input type="submit" value="Add selected placemarks to the trip" tabindex="4"  /></div></form>';
						  	 
	 						showPopupNow(p);
						  }
						  else
						  {
						   alert("An error has occured making the request")
						  } 
					    } 
				    } 
				 
					mypostrequest.open("GET", "ajaxRequest.php?act=placemarkNotInATrip", true);
					mypostrequest.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); 
					mypostrequest.send(null) ;  
					
					return false;
					break;
					
				default: 
					return false;
					break;		
			 }
			 
			if(init_autocomplete) createAutoComplete();
		break;		 
	 
	 	case "user":
			user_form_prototype = '' +
					'						<div class="popupdiv" style="text-align:left;">'+
					'							<form action="userDetails.php" method="post" name="formUserDetails" enctype="multipart/form-data" >'+ 
					'	<input type="hidden" name="id" value="<id_value>">'+
					'	<input type="hidden" name="cmdExecute" value="setUserDetails">'+
					'	<input type="hidden" name="theUserId" value="<theUserId_value>">'+ 
					'							<table>'+
					
					'							<tr><td><a name="" title="Your real name" style="text-decoration:none;cursor:help;">Name</a></td><td>'+
					'									<input id="email" name="name" type="text"    style="width:250px;" value="<name_value>" /></td></tr>' + 
					'							<tr><td>Email</td><td>'+
					'									<input id="email" name="email" type="text"    style="width:250px;" value="<email_value>" /></td></tr>' + 
					'								<tr><td>Email Visibility</td><td>'+
					'									<select name="email_share" id="email_share"   style="width:120px;" >'+
					'										<option value="1" class="share_email_rel">Public</option>'+
					'										<option value="2" class="share_email_rel">Private</option>'+
					'										<option value="3" class="share_email_rel">Only my Friends</option>'+
					'									</select></td></tr>'+
					
					 
					
					'								<tr><td nowrap>Email Notification</td><td>'+
					'									<select name="email_notification" id="email_notification"  style="width:255px;" >'+
					'										<option value="1" class="email_notification_rel">Email me for new comments and messages</option>'+
					'										<option value="-1" class="email_notification_rel">Don\'t send me any email</option>'+ 
					'									</select></td></tr>'+
					
				//	'								<tr><td nowrap>Upload Email</td><td>'+
				//	'									<select readonly name="email_upload_status" id="email_upload_status" style="width:90px;" >'+
				//	'										<option value="1" class="email_upload_status_rel">Activated</option>'+
				//	'										<option value="-1" class="email_upload_status_rel">Not Activated</option>'+ 
				//	'									</select></td></tr>'+
					
					
					'								<tr><td>Web Site</td><td>'+
					'								<input id="website" name="website" type="text"   style="width:250px;" value="<website_value>" /></td></tr>' +    
					'								<tr><td>My Image</td>'+
					'									<td colspan="2"><input type="file" name="Filedata"  class="f-name" /></tr>'+
		
					'							<tr><td></td><td><input type="checkbox" name="newsletter" <checked_newsletter> style="vertical-align:middle;" />&nbsp;&nbsp;<b>Receive the newsletter</b></tr>'+ 		 							
					'								<tr><td colspan="2">About me:</td></tr>'+
					'									<tr><td colspan="2"><textarea id="about_me" name="description"   style="width:360px;height:160px;"  ><description_value></textarea></td></tr>'+
					'								</td></tr>'+
					'								<tr><td colspan="2" style="text-align:right;">'+
					'									<input type="submit" value="Submit"   /> '+ 
					'								</td></tr></table>'+
					'							</fieldset>'+
					'							</form> '+
					'						</div>'; 
					
			 switch(command)
			 {
			 	
			 	case "buddy":		 
					document.getElementById("popup_title").innerHTML = array_data[0]; 
					document.getElementById("popup_body").innerHTML = array_data[1]; 
					break;	 
								
			 	case "form_update":		
					user_form_prototype = user_form_prototype.replace(/<id_value>/g, array_data[0]);
					user_form_prototype = user_form_prototype.replace(/<theUserId_value>/g, array_data[1]);
					user_form_prototype = user_form_prototype.replace(/<email_value>/g, array_data[2]);
					user_form_prototype = user_form_prototype.replace(/<name_value>/g, array_data[11]);
					user_form_prototype = user_form_prototype.replace(/<website_value>/g, array_data[3]); 
					user_form_prototype = user_form_prototype.replace(/<checked_newsletter>/g, (array_data[4]>0?'checked':'')); 
					user_form_prototype = user_form_prototype.replace(/<description_value>/g, array_data[5]);  
					
					 
					 switch(array_data[6])
					 {
					 	case 1:   			
							user_form_prototype = user_form_prototype.replace('<option value="1" class="share_email_rel"', '<option value="1" class="share_email_rel" SELECTED');
							break;
							
					 	case 2:   			
							user_form_prototype = user_form_prototype.replace('<option value="2" class="share_email_rel"', '<option value="2" class="share_email_rel" SELECTED');
							break;
							
					 	case 3:   			
							user_form_prototype = user_form_prototype.replace('<option value="3" class="share_email_rel"', '<option value="3" class="share_email_rel" SELECTED');
							break; 
					}
					
					 switch(array_data[7])
					 {
					 	case 1:   			
							user_form_prototype = user_form_prototype.replace('<option value="1" class="share_buddy_rel"', '<option value="1" class="share_buddy_rel" SELECTED');
							break;
							
					 	case 2:   			
							user_form_prototype = user_form_prototype.replace('<option value="2" class="share_buddy_rel"', '<option value="2" class="share_buddy_rel" SELECTED');
							break;
							
					 	case 3:   			
							user_form_prototype = user_form_prototype.replace('<option value="3" class="share_buddy_rel"', '<option value="3" class="share_buddy_rel" SELECTED');
							break; 
					} 
					
					 switch(array_data[8])
					 {
					 	case 1:   			
							user_form_prototype = user_form_prototype.replace('<option value="1" class="email_notification_rel"', '<option value="1" class="email_notification_rel" SELECTED');
							break;
							
					 	case -1:   			
							user_form_prototype = user_form_prototype.replace('<option value="-1" class="email_notification_rel"', '<option value="-1" class="email_notification_rel" SELECTED');
							break; 
					} 
						 
				/*
					switch(array_data[10])
					{
					 	case 1:   			
							user_form_prototype = user_form_prototype.replace('<option value="1" class="email_upload_status_rel"', '<option value="1" class="email_upload_status_rel" SELECTED');
							break;
							
					 	case -1:   			
							user_form_prototype = user_form_prototype.replace('<option value="-1" class="email_upload_status_rel"', '<option value="-1" class="email_upload_status_rel" SELECTED');
							break; 
					} 
				*/
					document.getElementById("popup_title").innerHTML = 'Edit my details';
					document.getElementById("popup_body").innerHTML = user_form_prototype;  
					
					break;		
					
			 	case "password_update":   
					user_form_prototype = '' +
					'						<div class="popupdiv" style="text-align:left;">'+
					'							<form action="userDetails.php" method="post"  name="formUserDetails" enctype="multipart/form-data" >'+ 
					'	<input type="hidden" name="id" value="'+array_data[0]+'">'+
					'	<input type="hidden" name="cmdExecute" value="setUserPassword">'+
					'	<input type="hidden" name="theUserId" value="'+array_data[1]+'">'+ 
					'							<table>'+
					'							<tr><td>Type new password</td><td>'+
					'									<input id="email" name="password" type="password" value="" tabindex="1"/>' + 
					'								<tr><td>Retype new password</td><td>'+
					'								<input id="email" name="password2" type="password" value="" tabindex="2"/></td></tr>' +    
					'								<tr><td colspan="2" style="text-align:right;">'+
					'									<input type="submit" value="Submit" tabindex="4" /> '+ 
					'								</td></tr></table>'+
					'							</fieldset>'+
					'							</form> '+
					'						</div>';  
					 
					document.getElementById("popup_title").innerHTML = 'Change password';					
					document.getElementById("popup_body").innerHTML = user_form_prototype;
 					 
					break;   
		 
				default: 
					return false;
					break;		
			 }
		break;		
		 
		case "message":
				var toUser = listConfirmedBuddies[command];
				message_form_prototype = '' +
					'						<div class="popupdiv" style="text-align:left;">'+
					'							<form action="messageCreate.php" method="post" name="messageCreate">'+
					'							<input type="hidden" name="to_id" value="'+toUser.id+'">'+  
					'							<table>'+
					'							<tr><td style="text-align:right">To:</td><td><b>'+toUser.username+'</b>'+
					'								<tr><td>Subject:</td><td>'+
					'								<input id="subject" name="subject" type="text" value="" tabindex="201" style="font-size:13px; width:330px;"/></td></tr>' +    
					'								<tr><td colspan="2" style="">'+
					'									 <textarea name="body" style=" width:380px;height:180px;text-align:left; font-size:13px;" tabindex="202"></textarea> '+ 
					'								</td></tr><tr><td colspan="2" style="text-align:right;">'+
					'									<input type="submit" value="Send " tabindex="204" /> '+ 
					'								</td></tr></table>'+
					'							</fieldset>'+
					'							</form> '+
					'						</div>';  
					 
					document.getElementById("popup_title").innerHTML = 'Send Message';					
					document.getElementById("popup_body").innerHTML = message_form_prototype;
 					 
		break;   
		
		
		
	 	case "buddy": 
			return_page = array_data[0];	
			id_value = array_data[1];	 
			buddy_id = array_data[2];	 
			buddy_username = array_data[3];	
			var	user_form_buddy = '';
			
			var mypostrequest = new ajaxRequest();
			mypostrequest.onreadystatechange=function()
			{
				if (mypostrequest.readyState==4)
				{
				  if (mypostrequest.status==200 || window.location.href.indexOf("http")==-1)
				  {    
	  				 var jsonResponse = eval("("+ mypostrequest.responseText +")");   
				  		
				  	 user_info_box = '<table><tr>'+ 
					 '<td><img src="'+jsonResponse["image"] +'" alt="'+jsonResponse["username"] +' image" border="0" onmouseover="this.className=\'imageOver\';" onmouseout="this.className=\'\';" style="margin:0px 15px 2px 0px;"></td><td valign="top">'
					 
					 user_info_box += '<span style="font-weight:bold;color:#ea611b;">' + jsonResponse['username'] + ' </span><br /><br />' 	
					 if(jsonResponse["placemarks"])
					 {
					 	user_info_box += '<b>Placemarks</b>: ' + jsonResponse['placemarks']  +'<br />'
					 }			
					 if(jsonResponse["buddies"])
					 {
					 	user_info_box += '<b>Friends</b>: ' + jsonResponse['buddies']  +'<br />'
					 }				
					  
					 user_info_box += '<b>Trips</b>: ' + jsonResponse['trips']  +'<br />'
					 
					 user_info_box += '<b>Total miles</b>: ' + jsonResponse['length']  +'<br />' 
					 
					 user_info_box += '</td></tr></table>'; 

				  	 user_form_buddy = user_form_buddy.replace(/<user_info_box>/g, user_info_box);
					 document.getElementById("popup_body").innerHTML = user_form_buddy;
					 showPopupNow(p); 
				  }
				  else
				  {
				  	 alert("An error has occured making the request")
				  } 
			    } 
		    }  
			
			 switch(command)
			 { 
				
			 	case "add":	 
					user_form_buddy = '' +
					'						<div class="popupdiv" style="text-align:left;">' +
					'							<div atyle="height:150px;"><user_info_box></div>' +
					'							<form action="userDetails.php" method="post">' +
					'<input type="hidden" name="cmdExecute" value="addBuddy"><input type="hidden" name="confirm" value="1"><input type="hidden" name="buddy_id" value="'+buddy_id+'"><input type="hidden" name="id" value="'+id_value+'"><input type="hidden" name="returnPage" value="'+return_page+'">'+  
					'								<table><tr><td colspan="2" style="text-align:left;">'+		
					'       If you accept '+buddy_username+'\'s friendship request, you will be able to see '+buddy_username+'\'s private trips and placemarks and vice versa, and you will be able to interact with each other.<br><br>' +			
					'								</td></tr>'+
					'								<tr><td colspan="2" style="text-align:right;">'+
					'									<input type="submit" value="Add '+buddy_username+' to your Friends" tabindex="7" /> '+ 
					'								</td></tr></table>'+ 
					'							</form> '+
					'						</div>'; 	  
					
					document.getElementById("popup_title").innerHTML = "Confirm "+buddy_username+"'s friendship request"; 
					mypostrequest.open("GET", "ajaxRequest.php?act=getUserInfo&id="+buddy_id, true);
					mypostrequest.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); 
					mypostrequest.send(null) ; 
					return;
					break;	 
					
			case "new":	 
					var	user_form_buddy = '' +
					'						<div class="popupdiv" style="text-align:left;">'+
					'							<div atyle="height:150px;"><user_info_box></div>' +
					'							<form action="userDetails.php" method="post">'+
					'<input type="hidden" name="cmdExecute" value="addBuddy"><input type="hidden" name="buddy_id" value="'+buddy_id+'"><input type="hidden" name="id" value="'+id_value+'"><input type="hidden" name="returnPage" value="'+return_page+'">'+  
					'								<table><tr><td colspan="2" style="text-align:left;">'+	
					 
						
					'       If '+buddy_username+' will accept your friendship request, you will be able to see '+buddy_username+'\'s private trips and placemarks and vice versa, and you will be able to interact with each other<br><br>' +			
					'								</td></tr>'+ 
					'<tr><td colspan="2" style="text-align:left;"><b>Message (optional):</b><br><textarea name="message" style="width:370px;height:70px;"></textarea><td></td></tr>'+
					'								<tr><td colspan="2" style="text-align:right;">'+
					'									<input type="submit" value="Add '+buddy_username+' to your Friends" tabindex="7" /> '+ 
					'								</td></tr></table>'+ 
					'							</form> '+
					'						</div>'; 	 
					
					document.getElementById("popup_title").innerHTML = "Send friendship request to " + buddy_username + "";  
					mypostrequest.open("GET", "ajaxRequest.php?act=getUserInfo&id="+buddy_id, true);
					mypostrequest.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); 
					mypostrequest.send(null) ; 
					return; 
					break;	 
				
				case "ignore":	
					
					var	user_form_buddy = '' +
					'						<div class="popupdiv" style="text-align:left;">'+
					'							<div atyle="height:150px;"><user_info_box></div>' +
					'							<form action="userDetails.php" method="post">'+
					'<input type="hidden" name="cmdExecute" value="ignoreBuddy"><input type="hidden" name="buddy_id" value="'+buddy_id+'"><input type="hidden" name="id" value="'+id_value+'"><input type="hidden" name="returnPage" value="'+return_page+'">'+  
					'								<table><tr><td colspan="2" style="text-align:left;">'+		
					'       If you don\'t accept '+buddy_username+'\'s friendship request, you will not be able to see '+buddy_username+'\'s private trips and placemarks and vice versa, and you will not be able to interact with each other.<br><br>' +			
					'								</td></tr>'+ 
					'								<tr><td colspan="2" style="text-align:right;">'+
					'									<input type="submit" value="Ignore '+buddy_username+'\'s friendship request" tabindex="7" /> '+ 
					'								</td></tr></table>'+ 
					'							</form> '+
					'						</div>'; 	 
					
					document.getElementById("popup_title").innerHTML = "Ignore "+buddy_username+"'s friendship request"; 
					
					mypostrequest.open("GET", "ajaxRequest.php?act=getUserInfo&id="+buddy_id, true);
					mypostrequest.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); 
					mypostrequest.send(null) ; 
					return; 
					break;	  
			 	 
				case "remove":	 
					
					var	user_form_buddy = '' +
					'						<div class="popupdiv" style="text-align:left;">'+
					'							<div atyle="height:150px;"><user_info_box></div>' +
					'							<form action="userDetails.php" method="post">'+
					'<input type="hidden" name="cmdExecute" value="deleteBuddy"><input type="hidden" name="buddy_id" value="'+buddy_id+'"><input type="hidden" name="id" value="'+id_value+'"><input type="hidden" name="returnPage" value="'+return_page+'">'+  
					'								<table><tr><td colspan="2" style="text-align:left;">'+		
					'     Are you sure you want remove '+buddy_username+' from your Friends?. If you remove '+buddy_username+', you will not be able to see '+buddy_username+'\'s private trips and placemarks and vice versa, and  you will not be able to interact with each other.<br><br>' +			
					'								</td></tr>'+ 
					'								<tr><td colspan="2" style="text-align:right;">'+
					'									<input type="submit" value="Remove '+buddy_username+'\'s friendship request" tabindex="7" /> '+ 
					'								</td></tr></table>'+ 
					'							</form> '+
					'						</div>'; 	 
					
					document.getElementById("popup_title").innerHTML = "Remove "+buddy_username+" from your Friends"; 
					
					mypostrequest.open("GET", "ajaxRequest.php?act=getUserInfo&id="+buddy_id, true);
					mypostrequest.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); 
					mypostrequest.send(null) ; 
					return; 
					break;	 
			 	 
						
			 	case "search":   
					user_form_prototype = '' +
					'						<div class="popupdiv" style="text-align:left;">'+
					'							<form action="search.php" method="post"  name="formUserDetails">'+  
					'	<input type="hidden" name="type" value="user_only">'+
					'							<table>'+
					'							<tr><td>Search for a user: </td><td>'+ 
					'								<input id="searchText" name="searchText" type="text" value="" tabindex="2" style="width:240px;"/></td></tr>' +    
					'								<tr><td colspan="2" style="text-align:right;">'+
					'									<input type="submit" value="Search users" tabindex="4" /> '+ 
					'								</td></tr></table>'+
					'							</fieldset>'+
					'							</form> '+
					'						</div>';  
					 
					document.getElementById("popup_title").innerHTML = 'Find friends on Bluemapia';					
					document.getElementById("popup_body").innerHTML =  user_form_prototype;
 					 
					break;  
				default: 
					return false;
					break;		
			 }
		break;		
	 	
		default: 
		alert("null")
		return false;
	 }
	 showPopupNow(p);
   }
   
	function checkFormTripAddPlacemarks()
	{ 
	 	theForm = document.formTripAddPlacemarks;
		cntChecked = 0;
		
		for(z=0; z<theForm.length;z++)
		{
   			if(theForm[z].type == 'checkbox' )
			{
				if(theForm[z].checked)  
				{
					theForm.checkedIds.value += ',' + theForm[z].value;
					cntChecked++;
				}
			}
  		} 
		
		if (cntChecked>0) 
		{
			return true;
		}
		else
		{
			hidePopup('popup');
		 	return false;
		}
	} 
				
   function showPopupNow(p)
   { 
     greyout(true); 
	 document.getElementById(p).style.display = 'block'; 
	 var arrayPageSize = getPageSize();
	 var arrayPageScroll = getPageScroll();
     pTop = arrayPageScroll[1] + ((arrayPageSize[3] - 35 - document.getElementById(p).offsetHeight) / 2);
	 pLeft = ((arrayPageSize[0] - 20 - document.getElementById(p).offsetWidth ) / 2); 
	 document.getElementById(p).style.top = (pTop < 0) ? "0px" : pTop + "px";
	 document.getElementById(p).style.left = (pLeft < 0) ? "0px" : pLeft + "px";  
   }
   
   function hidePopup(p)
   {
     greyout(false);
	 document.getElementById("popup").style.width = '400px';	
     document.getElementById(p).style.display = 'none';
   }

   //----------

   function greyout(d,z)
   {
     var obj = document.getElementById('greyout');
     if(!obj)
     {
       appendElement(document.body,'div','greyout');
       obj = document.getElementById('greyout');
       obj.style.position = 'absolute';
       obj.style.top = '0px';
       obj.style.left = '0px';
       obj.style.background = '#666';
       obj.style.opacity = '.2';
       obj.style.filter = 'alpha(opacity=20)';
     }
     if(d)
     {
       if(!z){ z - 50 }
	   
	   if(obj.style.zIndex) { 
     		obj.style.zIndex = z;
	   }     
       obj.style.height = Math.max(document.body.scrollHeight,document.body.clientHeight)+'px';
       obj.style.width  = Math.max(document.body.scrollWidth,document.body.clientWidth)+'px';
       obj.style.display = 'block';
       addEvent(window,'resize',greyoutResize);
     }
     else
     {
       obj.style.display = 'none';    
       removeEvent(window,'resize',greyoutResize);
     }
   }
   
   function greyoutResize()
   {
     var obj = document.getElementById('greyout');
     obj.style.height = document.body.clientHeight+'px';
     obj.style.width  = document.body.clientWidth+'px';
     obj.style.height = Math.max(document.body.scrollHeight,document.body.clientHeight)+'px';
     obj.style.width  = Math.max(document.body.scrollWidth,document.body.clientWidth)+'px';
   }

   
   function ajaxCreateNewTrip()
   {
		var mypostrequest = new ajaxRequest()
	  	mypostrequest.onreadystatechange=function(){

		if (mypostrequest.readyState==4)
		{
		  if (mypostrequest.status==200 || window.location.href.indexOf("http")==-1)
		  { 
	  		var jsonResponse = eval("("+ mypostrequest.responseText +")");  
		 
			newId = jsonResponse["id"];
			newTitle = jsonResponse["title"]; 
			hidePopup('popup');
			
			var elSel = document.getElementById('select_trip');
			if (elSel.selectedIndex >= 0) {
			    var elOptNew = document.createElement('option');
			    elOptNew.value = newId ;
			    elOptNew.text = newTitle;
			    var elOptOld = elSel.options[elSel.selectedIndex];  
			    try 
				{
			      elSel.add(elOptNew, elOptOld); // standards compliant; doesn't work in IE
			    }
			    catch(ex) 
				{
			      elSel.add(elOptNew, elSel.selectedIndex); // IE only
			    }
				document.formInputPlacemark.trip_id.value = newId;
			}   
		  }
		  else
		  {
		   	alert("An error has occured making the request")
		  } 
	    } 
    } 
	var parameters = "act=createNewTrip" +
					 "&title=" + encodeURI( document.trip_form_update.title.value ) +
					 "&share_id=" + encodeURI( document.trip_form_update.share_id.value ) +
                     "&description=" + encodeURI( document.trip_form_update.description.value );

	mypostrequest.open("POST", "ajaxRequest.php", true);
	mypostrequest.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
	mypostrequest.setRequestHeader("Content-length", parameters.length);
    mypostrequest.setRequestHeader("Connection", "close");
	mypostrequest.send(parameters) ;  
  }    
  
  
var map_new_ajax = false;
function trip_form_update_onsubmit()
{
	if( currAutoCompletePressKey==38||currAutoCompletePressKey==40) 
	{
		myAutoComplete.oText.value = myAutoComplete.oDiv.childNodes[currAutoCompleteDiv].innerHTML;
		currAutoCompletePressKey = -1;
		return false;
	} 
	if(document.trip_form_update.title.value=='')
	{
		alert('Please insert a title'); 
		return false;
	}
	
	if(map_new_ajax)
	{
	 	ajaxCreateNewTrip(); 
		return false;
	}
	return true; 
}