//<![CDATA[
var om = new OverlayMessage(document.getElementById('map'));
var loadingMessage = document.getElementById('loading_message');
var loadingCounter = document.getElementById('loading_counter');
function ZoomIn() {
map.setZoom(17);
}
function ZoomOut() {
map.setZoom(10);
}
function zoomMinus() {
map.setZoom(map.getZoom()-1);
} 
function zoomPlus() {
map.setZoom(map.getZoom()+1);
} 
function zoomPlus2() {
map.setZoom(map.getZoom()+2);
} 
function hideAddressBar() {
   window.scrollTo(0, 1);
}

function HideContent(d) {
if(d.length < 1) { return; }
document.getElementById(d).style.display = "none";
}
function ShowContent(d) {
if(d.length < 1) { return; }
document.getElementById(d).style.display = "block";
}
function ReverseContentDisplay(d) {
if(d.length < 1) { return; }
if(document.getElementById(d).style.display == "none") { document.getElementById(d).style.display = "block"; }

else { document.getElementById(d).style.display = "none"; }
}
var varlat = 38.975425;
var varlong = 1.403503;
var zoom = 10;
function ResetZoom(){
map.setCenter(new GLatLng(varlat,varlong),zoom);
map.getInfoWindow().hide();
}
function setMapType(mapType) {
map.setMapType(mapType);
}

function panleft(){
map.panDirection(+1,0)
}
function panright(){
map.panDirection(-1,0)
}
function panup(){
map.panDirection(0,+1)
}
function pandown(){
map.panDirection(0,-1)
}


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.setCenter(new GLatLng(varlat,varlong),zoom);
map.setMapType(G_HYBRID_MAP);
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 tel = "";
var display = "";
var title = ""; 
var gmarkers = [];
var htmls = [];
var i = 0;
var previousCenterPoint ; 
var previousZoom ;
function createMarker(point,name,html,icontype,display,tel,address,town) {
var marker = new GMarker(point, gicons[icontype]);
marker.tooltip = '<div class="tooltip">'+name+'</div>';
marker.display = display;
GEvent.addListener(marker, "dblclick", function() {
document.getElementById("display").innerHTML = display;
});
GEvent.addListener(marker, "click", function() {
marker.openInfoWindowHtml(html);
document.getElementById("display").innerHTML = display;
});
GEvent.addListener(marker, "onclick", function() {
map.setZoom(map.getZoom()+1);
});
gmarkers[i] = marker;
htmls[i] = html;
side_bar_html += '&#149; <a class="sidebar" href="javascript:myclick(' + i + ')" >' + name + '</a><br /> ';
i++;
GEvent.addListener(marker,"mouseover", function() {
});
GEvent.addListener(marker,"mouseout", function() {
});
return marker; 
}
function myclick(i) {
gmarkers[i].openInfoWindowHtml(htmls[i]);
document.getElementById("display").innerHTML = gmarkers[i].display;
}
function showclick(i) {
document.getElementById("display").innerHTML = gmarkers[i].display;
}
function getMarks(url) { 
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="";
display="";
title="";
tel="";
address="";
town="";

for (var loop1=0;loop1<markers.length;loop1++){
var lat = parseFloat(markers[loop1].getAttribute("lat"));
var lng = parseFloat(markers[loop1].getAttribute("lng")); 
var point = new GLatLng(lat,lng);
var html = '<div class=infowindow><strong>' + markers[loop1].getAttribute("label") + '</strong><br />';

html +='<a href=tel:+';
html +=markers[loop1].getAttribute("tel");
html +='><span id=iphone>T</span>';
html +=markers[loop1].getAttribute("tel");
html +='</a>';
html +=markers[loop1].getAttribute("html");
html +='<table width="180" border="0" cellspacing="0" cellpadding="0"><tr><td valign="middle"><div align="center"><a href="javascript:ZoomIn()"><img src="/images/zoomin.gif" border="0" width="35" height="35" alt="Zoom In"/></a></div></td><td valign="middle"><div align="center"><a href="javascript:ZoomOut()"><img src="/images/zoomout.gif" border="0" width="35" height="35" alt="Zoom Out"/></a></div></td><td valign="middle"><div align="center"><a href="javascript:ResetZoom()"><img src="/images/resetzoom.gif" border="0" width="35" height="35" alt="Reset Zoom"/></a></div></td><td valign="middle"><div align="center"><a href="#" onclick="map.closeInfoWindow()"><img src="/images/close.gif" border="0" width="35" height="35" alt="close" /></a></div></td><td><div align="center"><a href="#moreinfo" ><img src="/images/moreinfo.gif" border="0" width="35" height="35" alt="moreinfo" /></a></div></div></td></tr><tr><td valign="middle" class="t12 whitetext"><div align="center"><font color="#ffffff"><strong>Zoom<br />In</strong></font></div></td><td valign="middle" class="t12 whitetext"><div align="center"><font color="#ffffff"><strong>Zoom<br />Out</strong></font></div></td><td valign="middle" class="t12 whitetext"><div align="center"><font color="#ffffff"><strong>Reset<br />Zoom</strong></font></div></td><td valign="middle" class="t12 whitetext"><div align="center"><font color="#ffffff"><strong>Close</strong></font></div></td><td valign="middle" class="t12 whitetext"><div align="center"><font color="#ffffff"><strong>More<br />Info</strong></font></div></td></tr></table></div>';
var label = markers[loop1].getAttribute("label");
var address = markers[loop1].getAttribute("address");
var town = markers[loop1].getAttribute("town");
var title ='' + markers[loop1].getAttribute("title");
var tel = markers[loop1].getAttribute("tel");
var icontype = markers[loop1].getAttribute("icontype");
var display = '<div align=center>' + label + '<hr width="75%"></div><div class=hotspotdisplay>' + markers[loop1].getAttribute("display") + '<br /><a href=tel:+' + tel + '><span id=iphone>T</span>' + tel +'</a><br />' + markers[loop1].getAttribute("address") +  '<br />' + markers[loop1].getAttribute("town") + '</div>';
var marker = createMarker(point,label,html,icontype,display,title,tel);
map.addOverlay(marker);
GEvent.trigger(marker,"dblclick");
bounds.extend(point);
}
map.setCenter(new GLatLng(varlat,varlong),zoom);
document.getElementById("side_bar").innerHTML = side_bar_html;
loadingMessage.style.display = 'none';
}
}
request.send(null);
}
getMarks("/hotspot.php?name=hotspotintro");
}
else {
alert("Sorry, the Google Maps API is not compatible with this browser");
}
//]]>