var map;

function initialize() {
    if (GBrowserIsCompatible()) {
        
        var liverpoolPopup = '<div style="width: 200px;"><p style="font-family: Arial; font-size: 0.8em;">'+
            '<strong>Liverpool Headquarters</strong><br \/>'+
            'Overbrook Court, Overbrook Lane,<br \/>'+
            'Knowsley Business Park,<br \/>'+
            'Liverpool, L34 9FB<br \/>'+
        '<\/p><\/div>';
        var glasgowPopup = '<div style="width: 200px;"><p style="font-family: Arial; font-size: 0.8em;">'+
            '<strong>Glasgow Office</strong><br \/>'+
            'Craigton Works, Craigton,<br \/>'+
            'Milngavie, Glasgow, G62 7HG<br \/>'+
        '<\/p><\/div>';
        
        map = new GMap2(document.getElementById("map_canvas"));
        map.setCenter(new GLatLng(55, -2), 6);
        map.addControl(new GLargeMapControl());
        map.enableDoubleClickZoom();
        map.addControl(new GHierarchicalMapTypeControl());
        map.addControl(new GOverviewMapControl());
        
        var liverpool = new GMarker(new GLatLng(53.460745, -2.858446));
        GEvent.addListener(liverpool, "click", function(){liverpool.openInfoWindowHtml(liverpoolPopup);});
        map.addOverlay(liverpool);
        
        var glasgow = new GMarker(new GLatLng(55.95487, -4.348075));
        GEvent.addListener(glasgow, "click", function() { glasgow.openInfoWindowHtml(glasgowPopup); });
        map.addOverlay(glasgow);
    }
}

function moveMap(where) {
    switch (where) {
        
        case 'all':
            
            map.setZoom(6);
            map.panTo(new GLatLng(55, -2));
            
            break;
        
        case 'liverpool':
            
            map.setZoom(13);
            map.panTo(new GLatLng(53.460745, -2.858446));
            
            break;
        
        case 'glasgow':
            
            map.setZoom(13);
            map.panTo(new GLatLng(55.95487, -4.348075));
            
            break;
        
    }
    
    return false;
}