//<![CDATA[
var om = new OverlayMessage(document.getElementById('map'));
var loadingMessage = document.getElementById('loading_message');
var loadingCounter = document.getElementById('loading_counter');
function ZoomIn() {
map.setZoom(18);
contextmenu.style.visibility="hidden";
}
function ZoomOut() {
map.setZoom(10);
contextmenu.style.visibility="hidden";
}
function zoomMinus() {
map.setZoom(map.getZoom()-1);
contextmenu.style.visibility="hidden"; 
} 
function zoomPlus() {
map.setZoom(map.getZoom()+1);
contextmenu.style.visibility="hidden"; 
} 
var varlat = 38.961544;
var varlong = 1.488647;
var zoom = 10;
function ResetZoom(){
map.setCenter(new GLatLng(varlat,varlong),zoom);
contextmenu.style.visibility="hidden";
map.getInfoWindow().hide();
}
function setMapType(mapType) {
map.setMapType(mapType);
}
function toggleZoomon() {
map.enableScrollWheelZoom();
} 
function toggleZoomoff() {
map.disableScrollWheelZoom();
} 
var map
if (GBrowserIsCompatible()) {
var polys = [];var labels = [];map = new GMap2(document.getElementById("map")); document.getElementById("map").style.backgroundImage = "url(/images/loading_map_tiles.gif)";
map.addControl(new GScaleControl(),new GControlPosition(G_ANCHOR_TOP_LEFT, new GSize(130, 4)));
//map.addControl(new GZoomControl(),new GControlPosition(G_ANCHOR_TOP_LEFT, new GSize(44, 4)));
map.setCenter(new GLatLng(varlat,varlong),zoom);map.setMapType(G_SATELLITE_3D_MAP);map.disableScrollWheelZoom();map.addControl(new GLargeMapControl(),new GControlPosition(G_ANCHOR_TOP_LEFT, new GSize(4, 4)));map.enableContinuousZoom();map.enableDoubleClickZoom();
var mt = map.getMapTypes();
for (var i=0; i<mt.length; i++) {
mt[i].getMinimumResolution = function() {return 2;} ;G_PHYSICAL_MAP.getMaximumResolution = function () { return 15;} ;G_NORMAL_MAP.getMaximumResolution = function () { return 17 ;} ;G_SATELLITE_MAP.getMaximumResolution = function () { return 18; } ;G_HYBRID_MAP.getMaximumResolution = function () { return 18 };}
var tooltip = document.createElement("div");map.getPane(G_MAP_FLOAT_PANE).appendChild(tooltip);tooltip.style.visibility="hidden";var side_bar_html = "";var advert = "";var banner = "";var banner2 = "";var display = "";var title = ""; 
var gmarkers = [];
var htmls = [];
var i = 0;
var previousCenterPoint ; 
var previousZoom ;
function createMarker(point,name,html,icontype,advert,display,banner,banner2) {
var marker = new GMarker(point, gicons[icontype]);
marker.tooltip = '<div class="tooltip">'+name+'</div>';
marker.display = display;
//marker.advert = advert;
//marker.banner = banner;
//marker.banner2 = banner2;
GEvent.addListener(marker, "dblclick", function() {
//document.getElementById("advert").innerHTML = advert;
//document.getElementById("banner").innerHTML = banner;
//document.getElementById("banner2").innerHTML = banner2;
document.getElementById("display").innerHTML = display;
});
GEvent.addListener(marker, "click", function() {
marker.openInfoWindowHtml(html);
//document.getElementById("advert").innerHTML = advert;
//document.getElementById("banner").innerHTML = banner;
//document.getElementById("banner2").innerHTML = banner2;
document.getElementById("display").innerHTML = display;
});
gmarkers[i] = marker;
htmls[i] = html;
side_bar_html += '<a class="sidebar" href="javascript:myclick(' + i + ')" onmouseover="mymouseover('+i+')" onmouseout="mymouseout()">' + name + '</a><br /> ';
i++;
GEvent.addListener(marker,"mouseover", function() {
showTooltip(marker);
});
GEvent.addListener(marker,"mouseout", function() {
tooltip.style.visibility="hidden"
});
return marker; 
}
function showTooltip(marker) {
tooltip.innerHTML = marker.tooltip;
var point=map.getCurrentMapType().getProjection().fromLatLngToPixel(map.fromDivPixelToLatLng(new GPoint(0,0),true),map.getZoom());
var offset=map.getCurrentMapType().getProjection().fromLatLngToPixel(marker.getPoint(),map.getZoom());
var anchor=marker.getIcon().iconAnchor;
var width=marker.getIcon().iconSize.width;
var height=tooltip.clientHeight;
var pos = new GControlPosition(G_ANCHOR_TOP_LEFT, new GSize(offset.x - point.x - anchor.x + width, offset.y - point.y -anchor.y -height)); 
pos.apply(tooltip);
tooltip.style.visibility="visible";
}
function mymouseover(i) {
showTooltip(gmarkers[i])
}
function mymouseout() {
tooltip.style.visibility="hidden";
}
function myclick(i) {
gmarkers[i].openInfoWindowHtml(htmls[i]);
//document.getElementById("advert").innerHTML = gmarkers[i].advert;
//document.getElementById("banner").innerHTML = gmarkers[i].banner;
//document.getElementById("banner2").innerHTML = gmarkers[i].banner2;
document.getElementById("display").innerHTML = gmarkers[i].display;
}
function showclick(i) {
document.getElementById("display").innerHTML = gmarkers[i].display;
}
var clickedPixel; 
var contextmenu = document.createElement("div");
contextmenu.style.visibility="hidden";
contextmenu.style.background="#ffffff";
contextmenu.style.color="#8149a4";
contextmenu.style.border="1px solid #8149a4";
contextmenu.innerHTML = '<a href="javascript:ZoomIn()"><div class="context">&nbsp;&nbsp;Zoom in (max)&nbsp;&nbsp;</div></a>'
+ '<a href="javascript:ZoomOut()"><div class="context">&nbsp;&nbsp;Zoom out (max)&nbsp;&nbsp;</div></a>'
+ '<a href="javascript:zoomInHere()"><div class="context">&nbsp;&nbsp;Zoom in here +1&nbsp;&nbsp;</div></a>'
+ '<a href="javascript:zoomOutHere()"><div class="context">&nbsp;&nbsp;Zoom out here -1&nbsp;&nbsp;</div></a>'
+ '<a href="javascript:centreMapHere()"><div class="context">&nbsp;&nbsp;Centre map here&nbsp;&nbsp;</div></a>'
+ '<a href="javascript:ResetZoom()"><div class="context">&nbsp;&nbsp;Reset map&nbsp;&nbsp;</div></a>';
map.getContainer().appendChild(contextmenu);
GEvent.addListener(map,"singlerightclick",function(pixel,tile) {
clickedPixel = pixel;
var x=pixel.x;
var y=pixel.y;
if (x > map.getSize().width - 120) { x = map.getSize().width - 120 }
if (y > map.getSize().height - 100) { y = map.getSize().height - 100 }
var pos = new GControlPosition(G_ANCHOR_TOP_LEFT, new GSize(x,y));
pos.apply(contextmenu);
contextmenu.style.visibility = "visible";
});
function zoomInHere() {
var point = map.fromContainerPixelToLatLng(clickedPixel)
map.zoomIn(point,true);
contextmenu.style.visibility="hidden";
}
function zoomOutHere() {
var point = map.fromContainerPixelToLatLng(clickedPixel)
map.setCenter(point,map.getZoom()-1);
contextmenu.style.visibility="hidden";
}
function centreMapHere() {
var point = map.fromContainerPixelToLatLng(clickedPixel)
map.setCenter(point);
contextmenu.style.visibility="hidden";
}
GEvent.addListener(map, "click", function() {
contextmenu.style.visibility="hidden";
});


function getBlog(url) { 

//loadingCounter.innerHTML = '...<img src="/images/loading.gif" border="0" width="32" height="32" alt="loading"/>';
//loadingMessage.style.display = 'block';
var bounds = new GLatLngBounds();
var request = GXmlHttp.create();
request.open("GET", url, true);
request.onreadystatechange = function() {
if (request.readyState == 4) {
var xmlDoc = request.responseXML;
var markers = xmlDoc.documentElement.getElementsByTagName("marker");
map.getInfoWindow().hide();
gmarkers = [];
map.clearOverlays();
side_bar_html="";
//advert="";
//banner="";
//banner2="";
display="";
title="";
guid="";
//print="";

for (var loop1=0;loop1<markers.length;loop1++){
//setTimeout("loadingCounter.innerHTML = ' [" + (loop1+1) + " of " + markers.length + "]'", 1);
var lat = parseFloat(markers[loop1].getAttribute("lat"));
var lng = parseFloat(markers[loop1].getAttribute("lng")); 
var point = new GLatLng(lat,lng);
var html = '<div class=black><strong>' + markers[loop1].getAttribute("label") + '</strong></div>';
//html +=markers[loop1].getAttribute("html");
html +='<br /><table width="210" border="0" cellspacing="0" cellpadding="0"><tr><td valign="middle"><a href="javascript:ZoomIn()"><img src="/images/zoomin.gif" border="0" width="26" height="24" alt="Zoom In"/></a><a href="javascript:ZoomOut()"><img src="/images//zoomout.gif" border="0" width="26" height="24" alt="Zoom Out"/></a><a href="javascript:ResetZoom()"><img src="/images//resetzoom.gif" border="0" width="26" height="24" alt="Reset Zoom"/></a><a href="#" onClick="map.closeInfoWindow()"><img src="/images//close.gif" border="0" width="21" height="24" alt="close"></a></td></tr></table>';
var label = markers[loop1].getAttribute("label");
//var advert ='' + markers[loop1].getAttribute("advert");
//var banner ='' + markers[loop1].getAttribute("banner");
//var banner2 ='' + markers[loop1].getAttribute("banner2");
var title ='' + markers[loop1].getAttribute("title");
var guid ='' + markers[loop1].getAttribute("guid");
var icontype = markers[loop1].getAttribute("icontype");
var display = '<div align=center><strong><a href=' + guid + ' target=_blank>' + title + '</a></strong><hr width="75%"></div>' + markers[loop1].getAttribute("display") + '<br /><br /><a href="#top"><img src="/images/backtomap.gif" alt="Back to Map" width="86" height="18" border="0" /></a><br /><br /></div>';
var marker = createMarker(point,label,html,icontype,advert,display,banner,banner2,title);
map.addOverlay(marker);
GEvent.trigger(marker,"dblclick");
bounds.extend(point);
}
map.setCenter(new GLatLng(varlat,varlong),zoom);


document.getElementById("side_bar").innerHTML = '<a href=\"javascript:getBlog(\'blog.php\');\">Click to Reset<br />Marker Listing</a><br /><strong style="font-size:13px;color:#8149a4;">Latest Podcasts:</strong><br />' + side_bar_html;

/*
var lines = xmlDoc.documentElement.getElementsByTagName("line");
for (var a = 0; a < lines.length; a++) {
var colour = lines[a].getAttribute("colour");
var width= parseFloat(lines[a].getAttribute("width"));
var points = lines[a].getElementsByTagName("point");
var pts = [];
for (var i = 0; i < points.length; i++) {
 pts[i] = new GLatLng(parseFloat(points[i].getAttribute("lat")),
parseFloat(points[i].getAttribute("lng")));
}
map.addOverlay(new GPolyline(pts,colour,width));
}
loadingMessage.style.display = 'none';*/
}
}
request.send(null);
}

getBlog("/blog.php");

}
else {
alert("Sorry, the Google Maps API is not compatible with this browser");
}
//]]>