var selectedCell = "lnkUS";
  var usAddress = "<p><b>Our US Operational Office</b><br/>14335NE 24th Street<br/>Suite 205<br/>Bellevue, WA 98007<br/>USA</p><p>Tel: +001 425 274 1970<br/>Fax: +001 425 274 1971</p>";
  var ukAddress = "<p><b>Our UK Head Office</b><br/>Tortworth House<br/>Wotton-Under-Edge<br/>Gloucestershire<br/>GL12 8HQ<br/>United Kingdom</p><p>Tel: +44 (0)1454 269222<br/>Fax: +44 (0)1454 269333</p>";
  var DubaiAddress = "<p><b>Our Middle East Distributor</b><br/>eSecure Solutions<br/>Block 8, Office F 13<br/>Dubai Knowledge Village<br/>P.O Box 501720<br/>Dubai<br/>UAE</p><p>Tel: +971 4 3671652 <br/><a href='http://www.esecuresolutions.com/' class='textLink' target='_blank'>www.esecuresolutions.com</a>";
 
        var map = null;

        // Display the map control   
        function GetMap() {
            map = new VEMap('mapArea');
            //map.SetDashboardSize(VEDashboardSize.Tiny);
            map.LoadMap();
            map.SetCenterAndZoom(new VELatLong(0, 0), 9);
        }

        function AddPushpin(office) {
            var lon = -122.1473;
            var lat = 47.6306;
            var officeName = "CM Group USA";
            var officeDesc = "<img src='Files/CMUS.png' alt='CM Group US Office'/>";
            switch (office) {
                case "US":
                    lon = -122.1473;
                    lat = 47.6306;
                    officeName = "CM Group USA";
                    var officeDesc = "<img src='Files/CMUS.png' alt='CM Group US Office'/>";
                    break;
                case "UK":
                    lon = -2.4360;
                    lat = 51.6360;
                    officeName = "CM Group UK";
                    var officeDesc = "<img src='Files/CMUK.png' alt='CM Group UK Office'/>";
                    break;

                case "DU":
                    lon = 55.3290;
                    lat = 25.2711;
                    officeName = "eSecure Solutions";
                    var officeDesc = "<img src='Files/ESDU.png' alt='eSecure Solutions'/>";
                    break;
            }
            var shape = new VEShape(VEShapeType.Pushpin, new VELatLong(lat, lon));
            shape.SetTitle(officeName);
            shape.SetDescription(officeDesc);
            shape.SetCustomIcon("<img src='Files/CMPin.png'/>");
            map.AddShape(shape);
            map.SetCenterAndZoom(new VELatLong(lat, lon), 9);
        }

        function mouseover(cellName) {
            this.document.getElementById(selectedCell).style.backgroundColor = "Transparent";
			this.document.getElementById(cellName).style.cursor = "hand";
            this.document.getElementById(selectedCell).style.color = "#000000";
            this.document.getElementById(cellName).style.backgroundColor = "#f5f5f5";
            this.document.getElementById(cellName).style.color = "#ffffff";       
        }

        function mouseout(cellName) {
            this.document.getElementById(cellName).style.backgroundColor = "Transparent";
			
            this.document.getElementById(cellName).style.color = "#000000";
            this.document.getElementById(selectedCell).style.backgroundColor = "#f5f5f5";
            this.document.getElementById(selectedCell).style.color = "#ffffff";     
        }

        function clicked(cellName) {
            map.DeleteAllShapes();
            selectedCell = cellName;
            switch (cellName) {
                case "lnkUS":
                    this.document.getElementById("txtArea").innerHTML = usAddress;
                    this.document.getElementById("lnkUK").style.color = "#000000";
                    AddPushpin("US");
                    break;
                case "lnkUK":
                    this.document.getElementById("txtArea").innerHTML = ukAddress;
                    AddPushpin("UK");
                    this.document.getElementById("lnkUS").style.color = "#000000";
                    break;
                case "lnkDU":
                    this.document.getElementById("txtArea").innerHTML = DubaiAddress;
                    AddPushpin("DU");
                    this.document.getElementById("lnkDU").style.color = "#000000";
                    break;
                default:
                    this.document.getElementById("txtArea").innerHTML = ukAddress;
            }
        }

        function initList() {
            GetMap();
            clicked("lnkUK");
            mouseout("lnkUS");
        }