';
container.style.width='120px';
container.style.height='50px';
url = this.url_;
GEvent.addDomListener(container, "click", function() {
document.location = url;
});
map.getContainer().appendChild(container);
return container;
};
PromoControl.prototype.getDefaultPosition = function() {
return new GControlPosition(G_ANCHOR_BOTTOM_LEFT, new GSize(70, 0));
};
//Initialization function
function init() {
var type;
var allTypes = { 'All':[] };
//Changes the body style and opens/closes the sidebar.
document.getElementById('button-sidebar-hide').onclick = function() { return changeBodyClass('sidebar-right', 'sidebar-off'); };
document.getElementById('button-sidebar-show').onclick = function() { return changeBodyClass('sidebar-off', 'sidebar-right'); };
handleResize();
//Runs the function below (gbrowsercompat) and then loads the google map.
if (GBrowserIsCompatible()) {
map = new GMap2(document.getElementById("map"));
map.addControl(new GLargeMapControl());
map.addControl(new GMapTypeControl());
map.addControl(new PromoControl());
map.setCenter(new GLatLng(slat, slon), zlvl);
map.openInfoWindowHtml(map.getCenter(), (map_desc));
//This is going to google map and sidebar.
for(id in markers) {
initializePoint(markers[id]);
allTypes[markers[id].stype] = true;
}
//This creates the sort tabs at the top
for(stype in allTypes) {
initializeSortTab(stype);
}
}
changeBodyClass('loading', 'standby');
}
//Initialize variables
var map;
//List the FUNctions
//create the ToolTip overlay object
function ToolTip(marker,html,width) {
this.html_ = html;
this.width_ = (width ? width + 'px' : 'auto');
this.marker_ = marker;
}
ToolTip.prototype = new GOverlay();
ToolTip.prototype.initialize = function(map) {
var div = document.createElement("div");
div.style.display = 'none';
map.getPane(G_MAP_FLOAT_PANE).appendChild(div);
this.map_ = map;
this.container_ = div;
}
ToolTip.prototype.remove = function() {
this.container_.parentNode.removeChild(this.container_);
}
ToolTip.prototype.copy = function() {
return new ToolTip(this.html_);
}
ToolTip.prototype.redraw = function(force) {
if (!force) return;
var pixelLocation = this.map_.fromLatLngToDivPixel(this.marker_.getPoint());
this.container_.innerHTML = this.html_;
this.container_.style.position = 'absolute';
this.container_.style.left = pixelLocation.x + "px";
this.container_.style.top = pixelLocation.y + "px";
this.container_.style.width = this.width_;
this.container_.style.font = 'bold 10px/10px verdana, arial, sans';
this.container_.style.border = '1px solid black';
this.container_.style.background = '#CCFFFF';
this.container_.style.padding = '4px';
//one line to desired width
this.container_.style.whiteSpace = 'nowrap';
if(this.width_ != 'auto') this.container_.style.overflow = 'hidden';
this.container_.style.display = 'block';
}
GMarker.prototype.ToolTipInstance = null;
GMarker.prototype.openToolTip = function(content) {
//don't show the tool tip if there is acustom info window
if(this.ToolTipInstance == null) {
this.ToolTipInstance = new ToolTip(this,content)
map.addOverlay(this.ToolTipInstance);
}
}
GMarker.prototype.closeToolTip = function() {
if(this.ToolTipInstance != null) {
map.removeOverlay(this.ToolTipInstance);
this.ToolTipInstance = null;
}
}
function windowHeight() {
// Standard browsers (Mozilla, Safari, etc.)
if (self.innerHeight)
return self.innerHeight;
// IE 6
if (document.documentElement && document.documentElement.clientHeight)
return document.documentElement.clientHeight;
// IE 5
if (document.body)
return document.body.clientHeight;
// Just in case.
return 0;
}
//Function to handle the window resizing, may get rid of this later
function handleResize() {
var height = windowHeight() - document.getElementById('toolbar').offsetHeight - 50;
document.getElementById('map').style.height = height + 'px';
document.getElementById('sidebar').style.height = height + 'px';
}
window.onresize = handleResize;
//Function for opening and closing the side bar
function changeBodyClass(from, to) {
document.body.className = document.body.className.replace(from, to);
}
//This function allows users to sort their tabs
function initializeSortTab(stype) {
var listItem = document.createElement('li');
var listItemLink = listItem.appendChild(document.createElement('a'));
listItemLink.href = "#";
listItemLink.innerHTML = stype;
listItemLink.onclick = function() {
for(id in markers) {
if (markers[id].stype == stype || 'All' == stype)
markers[id].show();
else
markers[id].hide();
}
return false;
}
document.getElementById('filters').appendChild(listItem);
}
//This function adds markers to the map.
function initializePoint(pointData) {
var visible = false;
var point = new GLatLng(pointData.latitude, pointData.longitude);
var marker = new GMarker(point);
GEvent.addListener(marker,'mouseover',function() {
//These open and close the tooltips, Modify Carefully.
marker.openToolTip(pointData.sname + '| Ship Name: | ' + pointData.sname + ' | Speed : | '+ pointData.speed + ' |
| MMSI: | ' + pointData.mmsi + ' | Course: | '+ pointData.course + ' |
| Ship Type: | ' + pointData.stype + ' | Heading: | '+ pointData.heading + ' |
| Ship Lat: | ' + pointData.latitude + ' | ||
| Ship Long: | ' + pointData.longitude + ' | Dimensions: | L: ' + pointData.length + ' |
| W: ' + pointData.width + ' | |||
| Destination: | ' + pointData.dest + ' | D: ' + pointData.draft + ' | |
| ETA: | ' + pointData.eta + ' |