' + marker.title + 'Added ' + marker.created + '
'
// ].join('');
Bin.infowindow.setOptions( { boxStyle: Bin.baseIWStyle } );
Bin.infowindow.setContent(content);
Bin.infowindow.setPosition(marker.getPosition());
//if(Bin.infowindow !== null){Bin.infoBoxPlaceBin.setMap(null);}
//Bin.infowindow = new InfoBox({content:content, latlng: markerLatLng, map: Bin.map, bgimage:Bin.urlInfoboxBackground, closeimage: Bin.urlInfoboxCloseBtn, showclose: false});
Bin.infowindow.open(Bin.map, marker);
//Bin.infowindow.show();
//Bin.infowindow.open(Bin.map, marker);
setTimeout(function() {FB.api('/' + marker.facebook_id + '/', function(response) {
Bin.log("facebook response:", response);
setTimeout(function() {$('#name-' + marker.id).html(response.name)}, 400); // for some reason we need a pause
Bin.parseFBML();
});}, 400); // for some reason we need a pause
},
openSchoolInfoWindow: function(marker){
var markerLatLng = marker.getPosition();
if(Bin.isLoggedIn){
var content = [
'
' + marker.title + '
Share ' + marker.school_bin_count + ' bins placed!
'
].join('');
}else{
var content = [
'
' + marker.title + '
' + marker.school_bin_count + ' bins placed!
'
].join('');
}
var newStyle = {
background: 'url(' + Bin.urlInfoboxBackgroundSchool + ')',
opacity: 1,
width: "187px",
height: "93px",
padding: "10px 70px 10px 5px"
}
Bin.infowindow.setOptions( { boxStyle: newStyle } );
Bin.infowindow.setContent(content);
Bin.infowindow.setPosition(marker.getPosition());
Bin.infowindow.open(Bin.map, marker);
Bin.parseFBML();
},
shareBin: function(id){
Bin.log("share bin:",Bin.markerHash[id]);
var bininfo = Bin.markerHash[id];
var staticmap_image = 'http://maps.google.com/maps/api/staticmap?center=' + bininfo.lat + ',' + bininfo.lon + '&zoom=15&size=129x103&sensor=false';
Bin.log("share bin map:",staticmap_image);
var swf_url = Bin.urlSwfLocation + "?id=" + id + "&lat=" + bininfo.lat + "&lon=" + bininfo.lon + "&uid=" + bininfo.facebook_id + "&zoomLevel=12";
Bin.log('stream image: ',staticmap_image);
Bin.log('swf: ',swf_url);
// show stream publish dialog
FB.ui(
{
method: 'stream.publish',
display:Bin.dialogDisplayMode,
name: 'My recycle bin has landed.',
link: Bin.urlBase + '?bin=' + id,
picture: Bin.strFBimage,
caption: Bin.strFBtitle,
description: Bin.strFBdesc,
message: 'I’ve placed a recycle bin on the streets of Alberta. Why? Because that’s what amazing people do. ',
source: swf_url,
properties:{
"1":{"text":"Place your own bin now","href":"http://www.dontbeatosser.com/"},
"2":{"text":"Join our fan page","href":"http://www.facebook.com/pages/DONT-BE-A-TOSSER-Recycle-Your-Empties/133345936687414?sk=app_216005841758948"}
}
},
function(response) {
if (response && response.post_id) {
//alert('Post was published.');
} else {
//alert('Post was not published.');
}
}
);
},
shareSchoolBin: function(id){
Bin.log("share bin:",Bin.schoolMarkerHash[id]);
var bininfo = Bin.schoolMarkerHash[id];
var staticmap_image = 'http://maps.google.com/maps/api/staticmap?center=' + bininfo.lat + ',' + bininfo.lon + '&zoom=15&size=129x103&sensor=false';
Bin.log("share bin map:",staticmap_image);
var swf_url = Bin.urlSwfLocationBTS + "?id=" + id + "&lat=" + bininfo.lat + "&lon=" + bininfo.lon + "&schoolName=" +bininfo.schoolName+ "&clubName=" + "&crestURL="+bininfo.logo+"&zoomLevel=12";
Bin.log('image URL: ', Bin.urlBase + Bin.strFBschoolImage);
Bin.log('swf: ',swf_url);
// show stream publish dialog
FB.ui(
{
method: 'stream.publish',
display:Bin.dialogDisplayMode,
name: 'Recycling 101: Donate your empties.',
link: Bin.urlBase + '?bin=' + id,
picture: Bin.urlBase + Bin.strFBschoolImage,
caption: Bin.strFBschoolTitle,
description: Bin.strFBschoolDesc,
message: 'Raise cash for your school club with your very own recycle bin.',
source: swf_url,
properties:{
"1":{"text":"Place your own bin now","href":"http://www.dontbeatosser.com/"},
"2":{"text":"Join our fan page","href":"http://www.facebook.com/pages/DONT-BE-A-TOSSER-Recycle-Your-Empties/133345936687414?sk=app_216005841758948"}
}
},
function(response) {
if (response && response.post_id) {
//alert('Post was published.');
} else {
//alert('Post was not published.');
}
}
);
//alert("TODO: Program the school share feature and facebook player (Hogan)")
},
attachMarkerListener: function(marker){
google.maps.event.addListener(marker, 'click', function() {
Bin.openInfoWindow(marker);
});
},
attachSchoolMarkerListener: function(marker){
google.maps.event.addListener(marker, 'click', function() {
Bin.openSchoolInfoWindow(marker);
});
},
getBinMarkers: function(data,openBinId) {
var batch = [];
Bin.log('length: ',data.length)
for (var i = 0; i < data.length; ++i) {
//determine the type of bin (bin or school)
if(data[i].Bin){
//Bin.log("bin");
if(data[i].Bin.chosen === "1"){
var tmpIcon = Bin.getBinIcon('blue-chosen');
}else{
var tmpIcon = Bin.getBinIcon('blue');
}
var newMarker = new google.maps.Marker({
position: new google.maps.LatLng(data[i].Bin.lat,data[i].Bin.lon),
shadow: tmpIcon.shadow,
icon: tmpIcon.icon,
kind: 'bin',
chosen: data[i].Bin.chosen,
id: data[i].Bin.id,
facebook_id: data[i].Bin.facebook_id,
created: data[i].Bin.created
});
if(openBinId !== null && openBinId.kind == "bin"){
if(parseInt( openBinId.id) === parseInt( newMarker.id)){
Bin.log("found",openBinId, newMarker.id)
Bin.openBinAndPan(newMarker);
}
}
Bin.markerHash[data[i].Bin.id] = {lat:data[i].Bin.lat, lon:data[i].Bin.lon, facebook_id:data[i].Bin.facebook_id};
Bin.attachMarkerListener(newMarker);
}else if(data[i].School){
// new kind of 'bin' - school
// assume they are all vaid
//Bin.log("school");
var tmpIcon = Bin.getBinIcon('school');
var newMarker = new google.maps.Marker({
position: new google.maps.LatLng(data[i].School.lat,data[i].School.lon),
shadow: tmpIcon.shadow,
kind: 'school',
icon: tmpIcon.icon,
id: data[i].School.id,
title: data[i].School.title,
logo: data[i].School.logo,
school_bin_count: data[i].School.school_bin_count
});
// TODO: figure out how to open a school
if(openBinId !== null && openBinId.kind == "school"){
Bin.log("4444444444444444444",openBinId);
if(parseInt(openBinId.id) === parseInt( newMarker.id)){
Bin.log("found",openBinId, newMarker.id)
Bin.openSchoolBinAndPan(newMarker);
}
}
Bin.schoolMarkerHash[data[i].School.id] = {lat:data[i].School.lat, lon:data[i].School.lon, schoolName:data[i].School.title, logo:data[i].School.logo, count:data[i].School.school_bin_count};
Bin.attachSchoolMarkerListener(newMarker);
}
batch.push(newMarker);
}
//console.log('batch: ',batch)
return batch;
},
closeInfoWindow: function(){
Bin.infowindow.close();
//Bin.infowindow.setMap(null);
},
placebinsonmap: function(data, openBinId){
var styles = [{
url: Bin.urlImageDir + 'cluster_small.png',
height: 40,
width: 33,
anchor: [9, 0],
textColor: '#fff',
textSize: 11
}, {
url: Bin.urlImageDir + 'cluster_med.png' ,
height: 40,
width: 33,
anchor: [9, 0],
textColor: '#fff',
textSize: 11
}, {
url: Bin.urlImageDir + 'cluster_large.png' ,
height: 40,
width: 33,
anchor: [9, 0],
textSize: 11,
textColor: '#fff'
}];
Bin.markers = Bin.getBinMarkers(data, openBinId);
Bin.markerClusterer = new MarkerClusterer(Bin.map, Bin.markers, {
maxZoom: 12,
gridSize: 40,
styles: styles
});
},
resultAlbertaCheck: function(result){
var in_alberta = false;
for (var i = 0; i < result.address_components.length; i++) {
if(result.address_components[i].long_name === 'Alberta'){
in_alberta = true;
//Bin.log('found Alberta');
}
}
return in_alberta;
},
parseFBML: function(ele){
if (FB.XFBML.parse){
if(ele === null){
setTimeout( function(){ FB.XFBML.parse(); }, 200 );
}else{
Bin.log($(ele))
setTimeout( function(){ FB.XFBML.parse(document.getElementById(ele)); }, 200 );
}
}
},
doSearch: function(){
var address = $("#queryInput").val();
var geocoder = new google.maps.Geocoder();
//$("#search-status").html('');
geocoder.geocode({address: address}, function(results, status) {
if (status == google.maps.GeocoderStatus.OK) {
if(Bin.resultAlbertaCheck(results[0])){
Bin.log('result 0',results[0]);
Bin.map.setCenter(results[0].geometry.location);
Bin.map.setZoom(12);
Bin.resetNewBinPosition();
} else {
Bin.show_dialog(Bin.strBadSearch);
}
} else {
Bin.show_dialog(Bin.strBadSearch);
Bin.log(address + ' not found');
}
});
},
updateRecord: function(bin_id, fb_id){
$.ajax({
type:'GET',
url: Bin.urlAjaxUpdate,
dataType: "json",
data:{
bin_id: Bin.savedBinID,
fb_id: fb_id
},
success: function( data ) {
// do nothing
}
});
},
updateBinID: function(bin_id){
//do something with the returned MYSQL ID
Bin.log("Returned Bin ID: ", bin_id);
Bin.savedBinID = bin_id;
},
preLoadImages: function() {
var cache = [];
var args_len = arguments.length;
for (var i = args_len; i--;) {
var cacheImage = document.createElement('img');
cacheImage.src = arguments[i];
cache.push(cacheImage);
}
Bin.log("finished preloading map images: ",args_len);
},
clearFormFields: function(o){
if (o.clearInputs == null) o.clearInputs = true;
if (o.clearTextareas == null) o.clearTextareas = true;
if (o.passwordFieldText == null) o.passwordFieldText = false;
if (o.addClassFocus == null) o.addClassFocus = false;
if (!o.filterClass) o.filterClass = "default";
if(o.clearInputs) {
var inputs = document.getElementsByTagName("input");
for (var i = 0; i < inputs.length; i++ ) {
if((inputs[i].type == "text" || inputs[i].type == "password") && inputs[i].className.indexOf(o.filterClass) == -1) {
inputs[i].valueHtml = inputs[i].value;
inputs[i].onfocus = function () {
if(this.valueHtml == this.value) this.value = "";
if(this.fake) {
inputsSwap(this, this.previousSibling);
this.previousSibling.focus();
}
if(o.addClassFocus && !this.fake) {
this.className += " " + o.addClassFocus;
this.parentNode.className += " parent-" + o.addClassFocus;
}
}
inputs[i].onblur = function () {
if(this.value == "") {
this.value = this.valueHtml;
if(o.passwordFieldText && this.type == "password") inputsSwap(this, this.nextSibling);
}
if(o.addClassFocus) {
this.className = this.className.replace(o.addClassFocus, "");
this.parentNode.className = this.parentNode.className.replace("parent-"+o.addClassFocus, "");
}
}
if(o.passwordFieldText && inputs[i].type == "password") {
var fakeInput = document.createElement("input");
fakeInput.type = "text";
fakeInput.value = inputs[i].value;
fakeInput.className = inputs[i].className;
fakeInput.fake = true;
inputs[i].parentNode.insertBefore(fakeInput, inputs[i].nextSibling);
inputsSwap(inputs[i], null);
}
}
}
}
if(o.clearTextareas) {
var textareas = document.getElementsByTagName("textarea");
for(var i=0; i