var map;
var centerLatitude = 56.132723;
var centerLongitude = -122.182846;
var startZoom = 5;
var deselectCurrent = function() {};

var PromoControl = function(url) {
this.url_=url;
};
PromoControl.prototype = new GControl(true);

PromoControl.prototype.initialize = function(map) {
var container = document.createElement ("div");
container.innerHTML = '<img style =\"cursor:pointer\" src = \"http://www.canadaplacemarks.com/images/bclcaimages/bclca_logo.jpg" border = \"0\">';
container.style.width = '150px';
container.style.height = '45px';
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));
};



 
function initializePoint(pointData) {
var point = new GLatLng(pointData.latitude, pointData.longitude);
var marker = new GMarker(point);
var listItem = document.createElement('li');
var listItemLink = listItem.appendChild(document.createElement('a'));
var visible = false;
 
listItemLink.href = "#";
listItemLink.innerHTML = '<strong>' + pointData.placemarkname + ' </strong><span>' + pointData.city + '<br>' + pointData.text +  '</span>';
 
var focusPoint = function() {
deselectCurrent();
listItem.className = 'current';
deselectCurrent = function() { listItem.className = ''; }
marker.openInfoWindowHtml(pointData.placemarkname + "<br><a target = '_blank' href ='" + pointData.weblink + "'>Website</a>");
map.panTo(point);
return false;
}
 
GEvent.addListener(marker, 'click', focusPoint);
listItemLink.onclick = focusPoint;
 
pointData.show = function() {
if (!visible) {
document.getElementById('sidebar-list').appendChild(listItem);
map.addOverlay(marker);
visible = true;
}
}
pointData.hide = function() {
if (visible) {
document.getElementById('sidebar-list').removeChild(listItem);
map.removeOverlay(marker);
visible = false;
}
}
 
pointData.show();
}
 
function initializeSortTab(cat) {
var listItem = document.createElement('li');
var listItemLink = listItem.appendChild(document.createElement('a'));
 
listItemLink.href = "#";
listItemLink.innerHTML = cat;
listItemLink.onclick = function() {
changeBodyClass('standby', 'loading');
 
for(id in markers) {
if (markers[id].cat == cat || 'All' == cat)
markers[id].show();
else
markers[id].hide();
}
 
changeBodyClass('loading', 'standby');
 
return false;
}
 
document.getElementById('filters').appendChild(listItem);
}
 
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 handleResize() {
var height = windowHeight() - document.getElementById('toolbar').offsetHeight - 30;
document.getElementById('map').style.height = height + 'px';
document.getElementById('sidebar').style.height = height + 'px';

}
 
function changeBodyClass(from, to) {
document.body.className = document.body.className.replace(from, to);
return false;
}
 
function init() {
var cat;
var allCats = { 'All':[] };
 
document.getElementById('button-sidebar-hide').onclick = function() { return changeBodyClass('sidebar-right', 'nosidebar'); };
document.getElementById('button-sidebar-show').onclick = function() { return changeBodyClass('nosidebar', 'sidebar-right'); };
handleResize();
 
map = new GMap(document.getElementById("map"));
map.addControl(new GSmallMapControl());
map.setCenter(new GLatLng(centerLatitude, centerLongitude), startZoom);
map.addControl(new PromoControl('http://www.travel-british-columbia.com/about/google_earth.aspx'));
map.addControl(new GMapTypeControl());


 
for(id in markers) {
initializePoint(markers[id]);
allCats[markers[id].cat] = true;
}
 
for(cat in allCats) {
initializeSortTab(cat);
}
 
changeBodyClass('loading', 'standby');
}
 
window.onresize = handleResize;
window.onload = init;