var infowindow = new google.maps.InfoWindow({
    content: 'bla'
});
var marker;

function createImageMarker(map, lat, lon, title, html, color, image) {
	marker = new google.maps.Marker({
        position: new google.maps.LatLng(lat, lon),
        map: map,
		title: title
    });
	marker.setIcon("../images/apto_"+image+"_"+color+".gif");
    
	
	
	google.maps.event.addListener(marker, 'click', function() {
        $("#boxtest").remove();
		var t = '<a id="boxtest" style="top:-15000px;left:-15000px;position:absolute;" href="../aptograph/pictures/'+html+'" title="'+title+'" class="thickbox"><img src="../aptograph/pictures/'+html+'" alt="'+title+'"/></a>';
		$(t).appendTo("#apps-main-page");
		tb_init('a.thickbox, area.thickbox, input.thickbox');//pass where to apply thickbox
		$("#boxtest").trigger('click');
	
    });
	
	
}
function createMarker(map, lat, lon, title, html, color, image) {
    marker = new google.maps.Marker({
        position: new google.maps.LatLng(lat, lon),
        map: map,
		title: title
    });
	marker.setIcon("../images/apto_"+image+"_"+color+".gif");
	
	
		if(title.indexOf('Video')>=0){
	google.maps.event.addListener(marker, 'click', function() {
        $("#onPageHiddenContent").remove();
		$("#hiddena").remove();
		var d = '<div id="onPageHiddenContent" style="display:none;"><object id="flowplayer" width="200" height="230" style="padding-left:5px;" data="http://www.aptolink.com/aptograph/flowplayer-3.2.7.swf" type="application/x-shockwave-flash"><param name="movie" value="http://www.aptolink.com/aptograph/flowplayer-3.2.7.swf" /><param name="allowfullscreen" value="true" /><param name="flashvars" value=\'config={"clip":"http://www.aptolink.com/aptograph/pictures/'+html+'"}\'\></object></div>';
		$(d).appendTo("#apps-main-page");
		
		var v = '<a id="hiddena" href="#TB_inline?height=240&width=208&inlineId=onPageHiddenContent" class="thickbox" style="top:-15000px;left:-15000px;position:absolute;" title="'+title+'">Click here to see video</a>'
		$(v).appendTo("#apps-main-page");
		tb_init('a.thickbox, area.thickbox, input.thickbox');//pass where to apply thickbox
		$("#hiddena").trigger('click');
	
    });
	}else createInfoWindow(map, marker, html);
}
function createInfoWindow(map, m, html) {
    google.maps.event.addListener(m, 'click', function() {
        infowindow.setContent(html);
		infowindow.open(map, m);
    });
}


var this_server = "http://www.aptolink.com/";
var flowplayer_js = "flowplayer-3.1.4.min.js";
var flowplayer_swf = "flowplayer-3.1.5.swf";
var flowplayer_js_url = this_server + "aptograph/" + flowplayer_js;
var flowplayer_swf_url = this_server + "aptograph/" + flowplayer_swf;

function showAptoTrakPreferences(){
	$("#apto-prefs").submit();
	return;
}

function showSpoTapMap(){
	$.prettyLoader.show();
	$.ajax({
	   type: "POST",
	   url: "../hello.php",
	   data: "",
	   success: function(msg){
			var response=new Array();
			response=eval('('+msg+')'); 
			
			var radius = response[0]["radius"];
			var myLatLng = new google.maps.LatLng(response[0]["latitude"], response[0]["longitude"]);
			var myOptions = {
				zoom: 20,
				center: myLatLng,
				mapTypeId: google.maps.MapTypeId.HYBRID
			};

			var address = "";
			var geocoder = new google.maps.Geocoder();
			geocoder.geocode({'latLng': myLatLng}, function(results, status) {
			if (results) {
				address = results[1].formatted_address;
			} else {
				address = "No results found";
			}
			$("#apps-main-page").show().html("");
			$("#map").remove();
			$("#apps-main-page").html('<!--<a href="http://www.aptolink.com/content/aptolink"><input type="button" value="Back to Spotap"></a><br>--><div id="map" style="display:none;"><div id="map_canvas" style="width:500px;height:380px"></div> <div id="crosshair"></div> </div><div id="names"></div>');

			$("#map").show();
			$("#map-information").show();
			var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
			var trackPoints = [];
			var circle = new google.maps.Circle({radius: radius * 1604, center: myLatLng}); 
			var names = [];
			for(var i = 0; i < response.length; i++){
				var lat = response[i]["latitude"];
				var lon = response[i]["longitude"];
				var type = response[i]["type"];
				var color = response[i]["marker-color"];
				var name = response[i]["name"]; 
				var user_image = response[i]["user-image"]; 
				
				var t = new google.maps.LatLng(lat, lon);
				trackPoints[i] = t;
				var latLngBounds = circle.getBounds();
				if(latLngBounds.contains(new google.maps.LatLng(lat, lon))){
					var title = response[i]["name"];
					var content = address+"<br>";
				
					names[i] = Array();
					names[i]["color"] = color;
					names[i]["name"] = name;
					names[i]["user-image"] = user_image;
					if(type.indexOf('my-friend-latest-location')>=0){
						//alert('my-friend-latest-location' + ' - ' + response[i]['mail']);
					}
					if(type.indexOf('my-latest-location')>=0){
						title = "My latest location";
						//alert('my-friend-latest-location' + ' - ' + response[i]['mail']);
					}
					if(type.indexOf('media')>=0){
						if(response[i]["picture_uri"].indexOf('flv')<0){
							createImageMarker(map, lat, lon, title, response[i]["picture_uri"], 'blue', user_image);
						} else {
							title = 'Video';
							createMarker(map, lat, lon, title, response[i]["picture_uri"], 'blue', user_image);
						}
					} else {
						createMarker(map, lat, lon, title, content, response[i]["marker-color"], response[i]["image"]);
					}
					
					
					
					
				}
			}
			map.fitBounds(circle.getBounds());
			
			
			var name = names[0]["name"];
			
			
			var nhtml = '<table border="0"><tr><td><img style="width:75px;height:75px;" src="../aptograph/userimages/'+names[0]["user-image"]+'.jpg?<script>+Math.floor(Math.random()*999)</script>"></td><td valign="top">'+"<span style='color:blue;font-size:12px;font-family:verdana;font-weight:bold;'>" + name + "</span></td></tr>";
			
			for(var i = 0; i < names.length; i++){
				if(names[i]["name"] != name){
					name = names[i]["name"];
					nhtml += "<tr><td>"+'<img style="width:75px;height:75px;" src="../aptograph/userimages/'+names[i]["user-image"]+'.jpg?<script>+Math.floor(Math.random()*999)</script>">'+"</td><td valign='top'><span style='font-size:12px;font-family:verdana;font-weight:bold;color:"+names[i]["color"]+";'>" + name +"</span></td></tr>";
				}
			}
			$("#names").html(nhtml + "</table>");
			$.prettyLoader.hide();
			});
			
		},
		error: function(msg){
	   		
		}
	});
	
	return;	
	$.ajax({
	   type: "POST",
	   //url: "../user.php",
	   url: "../hello.php",
	   data: "",
	   success: function(msg){
			//alert(msg);
			$("#apps-main-page").show().html(msg);
	   },
	   error: function(msg){
	   		
	   }
	});
	
	
	
	return;
}

function spoTapPrefsPopulate(){
	return;
	jQuery.ajax({
		type: "POST",
		url: "../spotapprefspopulate.php",
		data: "",
		success: function(msg){	
			alert(msg);
			//$("#apps-main-message").html(msg);
			return false;			
		}
	});
}


function spoTapOptions(){
	$("#spotap-prefs-form").remove();
	$("#apps-main-message").html("");
	$("#map").hide();
	displayUsersTracks();
}

function saveEmail(){
	var email = $("#email").val();
	
	if(email.indexOf("Your email address") >= 0){
		return false;
	}
	
	$.ajax({
	   type: "POST",
	   url: "../saveemail.php",
	   data: "email="+email,
	   success: function(msg){
			$("#tr-form").hide();
			$("#tr-result").show();
	   },
	   error: function(msg){
	   		
	   }
	});
}