var Map = new Class({
options: {
markers: [],
tabLabels: ['Details', 'Directions', 'Send', 'Text Msg']
},
initialize: function(ct, options) {
this.setOptions(options);
this.map = this.createMap($(ct));
this.map.addControl(new GLargeMapControl());
this.points = [];
this.markers = [];
for (var i = 0, l = this.options.markers.length; i < l; i++)
this.markers.push(this.createTabbedMarker(this.options.markers[i]));
this.map.setCenter(this.points[0], 13);
for (var i = 0, l = this.markers.length; i < l; i++)
this.map.addOverlay(this.markers[i]);
},
createMap: function(mapDiv) {
var map;
if (! GMap2) alert('Error loading GMap2!');
if (GBrowserIsCompatible()) {
map = new GMap2(mapDiv);
} else {
alert('browser not compatible with Google Maps');
}
return map;
},
createTabbedMarker: function(data) {
var point = new GLatLng(data['latitude'], data['longitud']);
this.points.push(point);
var marker = new GMarker(point);
var labels = this.options.tabLabels;
var htmls = [];
var vid = data['detailsTab']['video'];
if (vid)
data['detailsTab']['video'] = this.convertYoutubeUrl(vid);
htmls.push(this.substitute(this.detailsTpl, data['detailsTab']));
htmls.push(this.substitute(this.dirsTpl, data['directionsTab']));
htmls.push(this.substitute(this.friendTpl, data['friendTab']));
htmls.push(this.substitute(this.smsTpl, data['smsTab']));
GEvent.addListener(marker, "click", function() {
// adjust the width so that the info window is large enough for this many tabs
if (htmls.length > 2) {
for (var i = 0, l = htmls.length; i < l; i++)
htmls[i] = '
' + htmls[i] + '
';
}
var tabs = [];
for (var i=0; i \
\
\
\
{name}
\
\
\
\
\
{address}
\
{phone1} \
{phone2}
\
{description} \
\
\
\
\
\
\
\
\
',
dirsTpl: '\
\
\
\
\
Enter Address
\
\
Address \
\
City, State or Zip \
\
\
\
\
\
\
\
',
friendTpl: '\
\
\
',
smsTpl: '\
\
\
'
});
Map.implement(new Options);
Map.validate_empty = function(el, msg) {
var obj = document.getElementById(el);
if (obj.value.replace(' ','') == '') {
alert(msg);
obj.focus();
return false;
}
return true;
};
Map.validate_email = function(el, msg) {
var obj = document.getElementById(el);
var myregexp = new RegExp("\\w+([-+.]\\w+)*@\\w+([-.]\\w+)*\\.\\w+([-.]\\w+)*");
if (obj.value.replace(' ','') == '')
return true;
if (myregexp.exec(obj.value) == null) {
alert(msg);
obj.focus();
return false;
}
return true;
};
Map.validate_drop = function(el, msg, initialValue) {
var obj=document.getElementById(el);
if (obj==null)
return true;
if (obj.value.trim()==initialValue){
alert(msg);
try { obj.focus(); } catch(e){msg='';}
return false;
}
return true;
};
Map.show_google_dirs = function(d) {
if(!Map.validate_empty('__dirstate','Please, enter city, state or zip.')) {
return false;
}
var mainAddr = document.getElementById('__dirmainaddr').value;
var uri = "";
// d = 1: To directions
if (d == 1) {
uri = "http://maps.google.com/maps?saddr=" + document.getElementById('__diraddress').value + "%2c+" + document.getElementById('__dirstate').value + "&daddr=" + mainAddr;
}
else {
// d = 2: From directions
uri = "http://maps.google.com/maps?daddr=" + document.getElementById('__diraddress').value + "%2c+" + document.getElementById('__dirstate').value + "&saddr=" + mainAddr;
}
window.open(uri, "googlemap");
};
Map.validate_friend_form = function() {
if(!Map.validate_empty('__frnname','Please, enter name.')){return false;}
if(!Map.validate_empty('__frnemail','Please, enter email.')){return false;}
if(!Map.validate_empty('__frnfriendname','Please, enter friend\'s name.')){return false;}
if(!Map.validate_empty('__frnfriendemail','Please, enter friend\'s email.')){return false;}
if(!Map.validate_email('__frnemail','Please, enter valid email.')){return false;}
if(!Map.validate_email('__frnfriendemail','Please, enter valid friend\'s email.')){return false;}
$('__frnsend').send( {'events': {'success': function ( request ) { console.info( request ); } } });
document.getElementById('__frnsent_msg').innerHTML = 'Email sent!';
setTimeout(function() {document.getElementById('__frnsent_msg').innerHTML = '';}, 3000);
document.getElementById('__frnname').value = '';
document.getElementById('__frnemail').value = '';
document.getElementById('__frnfriendname').value = '';
document.getElementById('__frnfriendemail').value = '';
document.getElementById('__frnmessage').value = '';
return false;
};
Map.validate_sms_form = function() {
if(!Map.validate_empty('__smsmobile_user_id','Please enter mobile phone number.')){return false;}
if(!Map.validate_drop('__smscarrier','Please select your carrier from the list.','')){return false;}
$('__smssending_form').send();
document.getElementById('__smssent_msg').innerHTML = 'Text message sent!';
setTimeout(function() {document.getElementById('__smssent_msg').innerHTML = '';}, 3000);
document.getElementById('__smsmobile_user_id').value = '';
document.getElementById('__smscarrier').value = '';
return true;
};