﻿// JScript File

        var map;
            
        var gzoomlevel;
        var resolution;
        resolution='hi';
        var encodedPoints = "s}ywDr~~kO|AGHb@hDjA^M`AaEXeAzAh@`C`@KbBx@bDLCtIxCRu@hBr@|AyFwAm@iA_BiAc@d@mBnA^HCpAzAfAb@b@cBwA{BqCaAp@mCfGvBrAkFmB@@NOp@kC}@}A]a@IuC?ApA]ZbAhBm@bCk@QqAcCBc@oAwBeAMsApAd@t@DE`@r@CBd@x@CBt@pAwAjAQGuAwBDEc@q@GF]o@_EtDg@_@gB~ASf@_@nC";
        var encodedLevels = "BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB";
                 
        var encodedPolyline = new GPolyline.fromEncoded({
		    color: "#3333cc",
		    weight: 7,
		    points: encodedPoints,
		    levels: encodedLevels,
		    zoomFactor: 32,
		    numLevels: 4
        });
        
        var gmarkers = [];
        var Ctgry = [];
            
        function load(gzlevel) {      

    

              if (GBrowserIsCompatible()) {
                           
                map = new GMap2(document.getElementById("map"));
                var mt = map.getMapTypes();
                // Overwrite the getMinimumResolution() and getMaximumResolution() methods
                for (var i=0; i<mt.length; i++) {
                    mt[i].getMinimumResolution = function() {return 16;}
                    mt[i].getMaximumResolution = function() {return 19;}
                }
                map.addControl(new GLargeMapControl());
                //map.addControl(new GMapTypeControl());
                //map.addControl(new GScaleControl());
                
                // ============================================================
                // ====== Create a copyright entry =====
                var copyright = new GCopyright(1,
                    new GLatLngBounds(new GLatLng(30.2,-86.02), new GLatLng(30.3,-86.01)),
                    16, "&nbsp;&nbsp;<img src='assets/GoogleMaps/sdbxicon.gif' width='10px' height='10px' alt='sdbxstudio'>&nbsp;<strong><a href='http://www.sdbxstudio.com' target='_blank' style='color:black;'>sdbxstudio.com</a></strong>");


                // ============================================================
                // ====== Create a copyright collection =====
                // ====== and add the copyright to it   =====
                var copyrightCollection = new GCopyrightCollection('Map Design:');
                copyrightCollection.addCopyright(copyright);                
                
                // ============================================================
                // == Write our own getTileUrl function ========
                // In this case the tiles are names like  8053_5274_3.jpg      
                CustomGetTileUrl=function(a,b){
                    return "http://www.sdbxstudio.com/imageserver/image.ashx?proj=rosemarybeach&x="+ a.x + "&y="+a.y+"&zoom="+b+"&res="+resolution;
                }


                // ============================================================
                // ===== Create the GTileLayer =====
                // ===== adn apply the CustomGetTileUrl to it
                var tilelayers = [new GTileLayer(copyrightCollection,16,19)];
                tilelayers[0].getTileUrl = CustomGetTileUrl;
              
              
                // ============================================================
                // ===== Create the GMapType =====
                // ===== and add it to the map =====
                var custommap = new GMapType(tilelayers, new GMercatorProjection(20), "RosemaryBeach");
                map.addMapType(custommap);

                
                map.setCenter(new GLatLng(30.280000, -86.015000), gzlevel, custommap);
                
	            map.addOverlay(encodedPolyline);                
                

                
                GEvent.addListener(map, "move", function() {
                    checkBounds();
                });

                // The allowed region which the whole map must be within
                // center is at (30.280000, -86.015000)
                var allowedBounds = new GLatLngBounds(new GLatLng(30.276,-86.018), new GLatLng(30.284,-86.013));
              
                // If the map position is out of range, move it back
                function checkBounds() 
                {
                // Perform the check and return if OK
                    if (allowedBounds.contains(map.getCenter())) {
                    return;
                    }
                    // It`s not OK, so find the nearest allowed point and move there
                    var C = map.getCenter();
                    var X = C.lng();
                    var Y = C.lat();

                    var AmaxX = allowedBounds.getNorthEast().lng();
                    var AmaxY = allowedBounds.getNorthEast().lat();
                    var AminX = allowedBounds.getSouthWest().lng();
                    var AminY = allowedBounds.getSouthWest().lat();

                    if (X < AminX) {X = AminX;}
                    if (X > AmaxX) {X = AmaxX;}
                    if (Y < AminY) {Y = AminY;}
                    if (Y > AmaxY) {Y = AmaxY;}
                    //alert ("Restricting "+Y+" "+X);
                    map.setCenter(new GLatLng(Y,X));
                }    
                
                
                var baseIcon = new GIcon();
                baseIcon.iconAnchor = new GPoint(15, 47);
                baseIcon.infoWindowAnchor = new GPoint(15, 50);
                baseIcon.infoShadowAnchor = new GPoint(18, 25);
                
                var icon = new GIcon(baseIcon); 
                var marker;
                var infoimage;
                var infolink;
                var infoname;
                createMarkerCategory('Pools', new GLatLng(30.280138313912158,-86.0153317451477), 17);
                createMarkerCategory('FitPath', new GLatLng(30.282276615882406,-86.01517081260681), 17);
                createMarkerCategory('Beach', new GLatLng(30.27780811229219,-86.01571798324585), 17);
                createMarkerCategory('Parks', new GLatLng(30.280805399217957,-86.01539611816406), 16);
                createMarkerCategory('Schools', new GLatLng(30.28305909485097,-86.01415693759918), 18);
                createMarkerCategory('Fitness', new GLatLng(30.28043016429147,-86.01332813501358),18);
                createMarkerCategory('Racquet', new GLatLng(30.279480489239134,-86.01286947727203),18);
                createMarkerCategory('RealEstate', new GLatLng(30.281067136311012, -86.01562142372131),18);
                createMarkerCategory('Rentals', new GLatLng(30.281067136311012, -86.01562142372131),18);
                createMarkerCategory('Food', new GLatLng(30.279925216261518,-86.01597547531128),18);
                createMarkerCategory('Gifts', new GLatLng(30.27999007211723,-86.01575016975403),18);
                createMarkerCategory('Apparel', new GLatLng(30.280096620929967,-86.01579308509827),18);
                createMarkerCategory('Spa', new GLatLng(30.28092816095032,-86.01539611816406),18);
                createMarkerCategory('Garden', new GLatLng(30.279702853002263,-86.01609349250793),18);
                createMarkerCategory('Lodging', new GLatLng(30.281067136311012, -86.01562142372131),18);
                createMarkerCategory('Sports', new GLatLng(30.280633995787582,-86.01528882980347),18);
                createMarkerCategory('Biz', new GLatLng(30.279480489239134,-86.01615),19);
                var infohtmlstart;
                var infohtmlmid1;
                var infohtmlmid2;
                var infohtmlend;
                infolink = 'rosemary_beach_pools.aspx';
                
                //Pools
                infohtmlstart = '<div style="width:150px;height:190px;display:block;" class="copy"><span class="header">';
                infohtmlmid1 = '</span><br><img src="';
                infohtmlmid2 = '" style="width:220px"><br><a href="';
                infohtmlend='">Click Here</a> for more information</div>';
                infolink = 'rosemary_beach_pools.aspx';
                
                
                icon.image = "Assets/GoogleMaps/markers/cabanapool.png";  
                icon.iconSize = new GSize(151, 55);
                infoname = 'Cabana Pool';
                infoimage = 'Assets/RB_TownMap/InfoImages/pools/cabana.jpg';
                
                marker = createMarker(new GLatLng(30.28232022192454,-86.01643681526184), infoname, infohtmlstart + infoname + infohtmlmid1 + infoimage + infohtmlmid2 + infolink + infohtmlend, Ctgry[0].Name, icon);
                map.addOverlay(marker);   
                
                //icon.image = "Assets/GoogleMaps/markers/i.png";  
                //icon.iconSize = new GSize(81, 55);
                //infoname = 'Ambers Test';
                //infoimage = 'Assets/RB_TownMap/InfoImages/pools/cabana.jpg';
                
                //marker = createMarker(new GLatLng(30.27832022192454,-86.01643681526184), infoname, infohtmlstart + infoname + infohtmlmid1 + infoimage + infohtmlmid2 + infolink + infohtmlend, Ctgry[0].Name, icon);
                //map.addOverlay(marker);  

                icon.image = "Assets/GoogleMaps/markers/skypool.png";  
                icon.iconSize = new GSize(132, 55);
                infoname = 'Sky Pool';
                infoimage = 'Assets/RB_TownMap/InfoImages/pools/sky.jpg';
                marker = createMarker(new GLatLng(30.28023096492026,-86.01301968097687),infoname, infohtmlstart + infoname + infohtmlmid1 + infoimage + infohtmlmid2 + infolink + infohtmlend,Ctgry[0].Name, icon);
                map.addOverlay(marker);   

                icon.image = "Assets/GoogleMaps/markers/barbadospool.png";  
                icon.iconSize = new GSize(157, 55);
                infoname = 'Barbados Pool';
                infoimage = 'Assets/RB_TownMap/InfoImages/pools/barbados.jpg';
                marker = createMarker(new GLatLng(30.279980806997606,-86.01826608181),infoname, infohtmlstart + infoname + infohtmlmid1 + infoimage + infohtmlmid2 + infolink + infohtmlend, Ctgry[0].Name, icon);
                map.addOverlay(marker);   

                icon.image = "Assets/GoogleMaps/markers/coquinapool.png";  
                icon.iconSize = new GSize(153, 55);
                infoname = 'Coquina Pool';
                infoimage = 'Assets/RB_TownMap/InfoImages/pools/coquina.jpg';
                marker = createMarker(new GLatLng(30.277859071567498,-86.01367950439453),infoname, infohtmlstart + infoname + infohtmlmid1 + infoimage + infohtmlmid2 + infolink + infohtmlend, Ctgry[0].Name, icon);
                map.addOverlay(marker);   
                
                //Fitness Path
                icon.image = "Assets/GoogleMaps/markers/fitnessstation.png";  
                icon.iconSize = new GSize(164, 55);
                infoname = 'Fitness Station';
                infoimage = '';
                marker = createMarker(new GLatLng(30.28456461807712,-86.01592451334),infoname, null, Ctgry[1].Name, icon);
                map.addOverlay(marker);   

                marker = createMarker(new GLatLng(30.27911914704936,-86.01725220680237),infoname, null, Ctgry[1].Name, icon);
                map.addOverlay(marker);   

                marker = createMarker(new GLatLng(30.27730546711331,-86.0127380490303),infoname, null, Ctgry[1].Name, icon);
                map.addOverlay(marker);   

                marker = createMarker(new GLatLng(30.279063555825118,-86.01264953613281),infoname, null, Ctgry[1].Name, icon);
                map.addOverlay(marker);   

                
                //Beach Access
                infohtmlstart = '<div style="width:150px;height:170px;display:block;" class="copy"><span class="header">';
                infohtmlmid1 = '</span><br><img src="';
                infohtmlmid2 = '" style="width:220px">';
                infohtmlend='</div>';
                infolink = '';


                icon.image = "Assets/GoogleMaps/markers/I.png";  
                icon.iconSize = new GSize(81, 55);
                infoname = '';
                infoimage = 'Assets/RB_TownMap/InfoImages/beachaccess/beach_i.jpg';
                marker = createMarker(new GLatLng(30.278635039081507,-86.01864695549011),infoname, infohtmlstart + infoname + infohtmlmid1 + infoimage + infohtmlmid2 + infolink + infohtmlend, Ctgry[2].Name, icon);
                map.addOverlay(marker);   
                
                icon.image = "Assets/GoogleMaps/markers/H.png";  
                icon.iconSize = new GSize(86, 55);
                infoname = '';
                infoimage = 'Assets/RB_TownMap/InfoImages/beachaccess/beach_h.jpg';
                marker = createMarker(new GLatLng(30.278394142360746,-86.01803004741668),infoname, infohtmlstart + infoname + infohtmlmid1 + infoimage + infohtmlmid2 + infolink + infohtmlend, Ctgry[2].Name, icon);
                map.addOverlay(marker);   
                
                icon.image = "Assets/GoogleMaps/markers/G.png";  
                icon.iconSize = new GSize(86, 55);
                infoname = '';
                infoimage = 'Assets/RB_TownMap/InfoImages/beachaccess/beach_g.jpg';
                marker = createMarker(new GLatLng(30.278125449166904,-86.01724684238434),infoname, infohtmlstart + infoname + infohtmlmid1 + infoimage + infohtmlmid2 + infolink + infohtmlend, Ctgry[2].Name, icon);
                map.addOverlay(marker);   
                
                icon.image = "Assets/GoogleMaps/markers/F.png";  
                icon.iconSize = new GSize(86, 55);
                infoname = '';
                infoimage = 'Assets/RB_TownMap/InfoImages/beachaccess/beach_f.jpg';
                marker = createMarker(new GLatLng(30.27783359193314,-86.01647436618805),infoname, infohtmlstart + infoname + infohtmlmid1 + infoimage + infohtmlmid2 + infolink + infohtmlend, Ctgry[2].Name, icon);
                map.addOverlay(marker);   
                
                icon.image = "Assets/GoogleMaps/markers/E.png";  
                icon.iconSize = new GSize(86, 55);
                infoname = '';
                infoimage = 'Assets/RB_TownMap/InfoImages/beachaccess/beach_e.jpg';
                marker = createMarker(new GLatLng(30.277606591262365,-86.01583331823349),infoname, infohtmlstart + infoname + infohtmlmid1 + infoimage + infohtmlmid2 + infolink + infohtmlend, Ctgry[2].Name, icon);
                map.addOverlay(marker);   
                
                icon.image = "Assets/GoogleMaps/markers/D.png";  
                icon.iconSize = new GSize(86, 55);
                infoname = '';
                infoimage = 'Assets/RB_TownMap/InfoImages/beachaccess/beach_d.jpg';
                marker = createMarker(new GLatLng(30.277370324700417,-86.01520031690597),infoname, infohtmlstart + infoname + infohtmlmid1 + infoimage + infohtmlmid2 + infolink + infohtmlend, Ctgry[2].Name, icon);
                map.addOverlay(marker);   
                
                icon.image = "Assets/GoogleMaps/markers/C.png";  
                icon.iconSize = new GSize(86, 55);
                infoname = '';
                infoimage = 'Assets/RB_TownMap/InfoImages/beachaccess/beach_c.jpg';
                marker = createMarker(new GLatLng(30.277108577747086,-86.01440638303757),infoname, infohtmlstart + infoname + infohtmlmid1 + infoimage + infohtmlmid2 + infolink + infohtmlend, Ctgry[2].Name, icon);
                map.addOverlay(marker);   
                
                icon.image = "Assets/GoogleMaps/markers/B.png";  
                icon.iconSize = new GSize(86, 55);
                infoname = '';
                infoimage = 'Assets/RB_TownMap/InfoImages/beachaccess/beach_b.jpg';
                marker = createMarker(new GLatLng(30.276795870294716,-86.01363927125931),infoname, infohtmlstart + infoname + infohtmlmid1 + infoimage + infohtmlmid2 + infolink + infohtmlend, Ctgry[2].Name, icon);
                map.addOverlay(marker);   
                
                icon.image = "Assets/GoogleMaps/markers/A.png";  
                icon.iconSize = new GSize(86, 55);
                infoname = '';
                infoimage = 'Assets/RB_TownMap/InfoImages/beachaccess/beach_a.jpg';
                marker = createMarker(new GLatLng(30.276561918141727,-86.01300358772278),infoname, infohtmlstart + infoname + infohtmlmid1 + infoimage + infohtmlmid2 + infolink + infohtmlend, Ctgry[2].Name, icon);
                map.addOverlay(marker);   
                
                
                
                //Parks & Plagrounds
                icon.image = "Assets/GoogleMaps/markers/butterflypark.png";  
                icon.iconSize = new GSize(157, 55);
                infoname = 'Butterfly Park';
                marker = createMarker(new GLatLng(30.28372384410831,-86.01515471935272),infoname,null,Ctgry[3].Name, icon);
                map.addOverlay(marker);   
                
                icon.image = "Assets/GoogleMaps/markers/kingsbridgepark.png";  
                icon.iconSize = new GSize(178, 55);
                infoname = 'Kingsbridge Park';
                marker = createMarker(new GLatLng(30.283378730944516,-86.01544439792633),infoname,null,Ctgry[3].Name, icon);
                map.addOverlay(marker);   
                
                icon.image = "Assets/GoogleMaps/markers/staugustinepark.png";  
                icon.iconSize = new GSize(185, 55);
                infoname = 'St. Augustine Park';
                marker = createMarker(new GLatLng(30.28272556042578,-86.01465582847595),infoname,null,Ctgry[3].Name, icon);
                map.addOverlay(marker);   
                
                icon.image = "Assets/GoogleMaps/markers/westkingstonpark.png";  
                icon.iconSize = new GSize(192, 55);
                infoname = 'West Kingston Park';
                marker = createMarker(new GLatLng(30.281928779154004,-86.0140872001648),infoname,null,Ctgry[3].Name, icon);
                map.addOverlay(marker);   
                
                icon.image = "Assets/GoogleMaps/markers/eastkingstonpark.png";  
                icon.iconSize = new GSize(189, 55);
                infoname = 'East Kingston Park';
                marker = createMarker(new GLatLng(30.28139372763385,-86.0136365890503),infoname,null,Ctgry[3].Name, icon);
                map.addOverlay(marker);   
                
                icon.image = "Assets/GoogleMaps/markers/Playground.png";  
                icon.iconSize = new GSize(145, 55);
                infoname = 'Playground';
                marker = createMarker(new GLatLng(30.282248418929743,-86.01618200540542),infoname,null,Ctgry[3].Name, icon);
                map.addOverlay(marker);   
                
                icon.image = "Assets/GoogleMaps/markers/Wigglepark.png";  
                icon.iconSize = new GSize(149, 55);
                infoname = 'Wiggle Park';
                marker = createMarker(new GLatLng(30.28136130017524,-86.01487308740616),infoname,null,Ctgry[3].Name, icon);
                map.addOverlay(marker);   
                
                icon.image = "Assets/GoogleMaps/markers/Hedgelongpark.png";  
                icon.iconSize = new GSize(176, 55);
                infoname = 'Hedgelong Park';
                marker = createMarker(new GLatLng(30.281535018578523,-86.0159084200859),infoname,null,Ctgry[3].Name, icon);
                map.addOverlay(marker);   
                
                icon.image = "Assets/GoogleMaps/markers/Atticuspark.png";  
                icon.iconSize = new GSize(149, 55);
                infoname = 'Atticus Park';
                marker = createMarker(new GLatLng(30.28069885117484,-86.01443856954574),infoname,null,Ctgry[3].Name, icon);
                map.addOverlay(marker);                   
                
                icon.image = "Assets/GoogleMaps/markers/Fountainpark.png";  
                icon.iconSize = new GSize(158, 55);
                infoname = 'Fountain Park';
                marker = createMarker(new GLatLng(30.281231590233552,-86.0167184472084),infoname,null,Ctgry[3].Name, icon);
                map.addOverlay(marker);                   
                
                icon.image = "Assets/GoogleMaps/markers/wlonggreenpark.png";  
                icon.iconSize = new GSize(194, 55);
                infoname = 'W. Long Green Park';
                marker = createMarker(new GLatLng(30.2805089174197,-86.01706445217132),infoname,null,Ctgry[3].Name, icon);
                map.addOverlay(marker);                   
                
                icon.image = "Assets/GoogleMaps/markers/elonggreenpark.png";  
                icon.iconSize = new GSize(194, 55);
                infoname = 'E. Long Green Park';
                marker = createMarker(new GLatLng(30.279723699579207,-86.01472556591034),infoname,null,Ctgry[3].Name, icon);
                map.addOverlay(marker);                   
                
                icon.image = "Assets/GoogleMaps/markers/abacosquare.png";  
                icon.iconSize = new GSize(161, 55);
                infoname = 'Abaco Square';
                marker = createMarker(new GLatLng(30.278160194017857,-86.01232767105102),infoname,null,Ctgry[3].Name, icon);
                map.addOverlay(marker);                   
                
                icon.image = "Assets/GoogleMaps/markers/Playgroundpark.png";  
                icon.iconSize = new GSize(173, 55);
                infoname = 'Playground Park';
                marker = createMarker(new GLatLng(30.277284620022644,-86.01267099380493),infoname,null,Ctgry[3].Name, icon);
                map.addOverlay(marker);                   
                
                icon.image = "Assets/GoogleMaps/markers/WesternGreen.png";  
                icon.iconSize = new GSize(163, 55);
                infoname = 'Western Green';
                marker = createMarker(new GLatLng(30.278410356581677,-86.01713955402374),infoname,null,Ctgry[3].Name, icon);
                map.addOverlay(marker);                   
                
                icon.image = "Assets/GoogleMaps/markers/EasternGreen.png";  
                icon.iconSize = new GSize(162, 55);
                infoname = 'Eastern Green';
                marker = createMarker(new GLatLng(30.277330946884792,-86.01431787014007),infoname,null,Ctgry[3].Name, icon);
                map.addOverlay(marker);       
                
                            
                //Schools
                icon.image = "Assets/GoogleMaps/markers/futuremontessorischool.png";  
                icon.iconSize = new GSize(228, 55);
                infoname = 'Future Montessori School';
                marker = createMarker(new GLatLng(30.28305909485097,-86.01415693759918),infoname,null,Ctgry[4].Name, icon);
                map.addOverlay(marker);   

                
                //Fitness Center
                infohtmlstart = '<div style="width:150px;height:200px;display:block;" class="copy"><span class="header">';
                infohtmlmid1 = '</span><br><img src="';
                infohtmlmid2 = '" style="width:220px"><br><a href="';
                infohtmlend='">Click Here</a> for more information</div>';
                infolink = 'rosemary_beach_fitness_center.aspx';
                icon.image = "Assets/GoogleMaps/markers/FitnessCenter.png";  
                icon.iconSize = new GSize(163, 55);
                infoname = 'Fitness Center';
                infoimage = 'Assets/RB_TownMap/InfoImages/fitnesscenter/fitness.jpg';

                marker = createMarker(new GLatLng(30.28043016429147,-86.01332813501358),infoname, infohtmlstart + infoname + infohtmlmid1 + infoimage + infohtmlmid2 + infolink + infohtmlend,Ctgry[5].Name, icon);

                //marker = createMarker(new GLatLng(30.28043016429147,-86.01332813501358),'Fitness Center','Fitness Center',Ctgry[5].Name, icon);
                map.addOverlay(marker);   

                
                
                //Racquet Club
                infolink = 'rosemary_beach_racquet_club.aspx';
                icon.image = "Assets/GoogleMaps/markers/rbracquetclub.png";  
                icon.iconSize = new GSize(178, 55);
                infoname = 'Racquet Club';
                infoimage = 'Assets/RB_TownMap/InfoImages/racquetclub/racquet.jpg';
                
                marker = createMarker(new GLatLng(30.279318348677517,-86.0131323337555),infoname, infohtmlstart + infoname + infohtmlmid1 + infoimage + infohtmlmid2 + infolink + infohtmlend,Ctgry[6].Name, icon);
                //marker = createMarker(new GLatLng(30.279480489239134,-86.01286947727203),'Racquet Club','Racquet Club',Ctgry[6].Name, icon);
                map.addOverlay(marker);   

                
                
                //RB Realty
                infolink = 'rosemary_beach_florida_realty.aspx';
                icon.image = "Assets/GoogleMaps/markers/rosemarybeachrealestate.png";  
                icon.iconSize = new GSize(246, 55);
                infoname = 'Real Estate';
                infoimage = 'Assets/RB_TownMap/InfoImages/realestate/realty.jpg';
                
                marker = createMarker(new GLatLng(30.281067136311012, -86.01562142372131),infoname, infohtmlstart + infoname + infohtmlmid1 + infoimage + infohtmlmid2 + infolink + infohtmlend,Ctgry[7].Name, icon);
                //marker = createMarker(new GLatLng(30.279702853002263,-86.01676940917969),'Real Estate','hi',Ctgry[7].Name, icon);
                map.addOverlay(marker);   
                
                
                
                //RB Cottage Rentals
                infolink = 'beach_cottage_rentals.aspx';
                icon.image = "Assets/GoogleMaps/markers/rbcottagerentals.png";  
                icon.iconSize = new GSize(190, 55);
                infoname = 'Cottage Rentals';
                infoimage = 'Assets/RB_TownMap/InfoImages/cottagerentals/rentals.jpg';
                
                marker = createMarker(new GLatLng(30.281030076234053,-86.01582527160645),infoname, infohtmlstart + infoname + infohtmlmid1 + infoimage + infohtmlmid2 + infolink + infohtmlend,Ctgry[8].Name, icon);
                //marker = createMarker(new GLatLng(30.27989742088168,-86.01667016744614),'Cottage Rentals',null,Ctgry[8].Name, icon);
                map.addOverlay(marker);   
                
                
                //Food & Dining
                infolink = 'rosemary_beach_dining.aspx';

                icon.image = "Assets/GoogleMaps/markers/courtyardwinecheese.png";  
                icon.iconSize = new GSize(228, 55);
                infoname = 'Courtyard Wine & Cheese';
                infoimage = 'Assets/RB_TownMap/InfoImages/fooddining/courtyardWine&Cheese.jpg';
                marker = createMarker(new GLatLng(30.278980168929753,-86.01719319820404),infoname, infohtmlstart + infoname + infohtmlmid1 + infoimage + infohtmlmid2 + infolink + infohtmlend,Ctgry[9].Name, icon);
                map.addOverlay(marker);   
                
                icon.image = "Assets/GoogleMaps/markers/AmavidaCoffee.png";  
                icon.iconSize = new GSize(186, 55);
                infoname = 'AmavidaCoffee';
                infoimage = '';
                marker = createMarker(new GLatLng(30.28080655734822,-86.01621150970459),infoname, infohtmlstart + infoname + infohtmlmid1 + infoimage + infohtmlmid2 + infolink + infohtmlend,Ctgry[9].Name, icon);
                map.addOverlay(marker);   
                
                icon.image = "Assets/GoogleMaps/markers/LaCrema.png";  
                icon.iconSize = new GSize (257, 55);
                infoname = 'La Crema Tapas';
                infoimage = 'Assets/RB_TownMap/InfoImages/fooddining/LaCrema.jpg';
                marker = createMarker(new GLatLng(30.279265652937312,-86.01698935031891),infoname, infohtmlstart + infoname + infohtmlmid1 + infoimage + infohtmlmid2 + infolink + infohtmlend,Ctgry[9].Name, icon);
                map.addOverlay(marker); 
                
                icon.image = "Assets/GoogleMaps/markers/onanoneighborhoodcafe.png";  
                icon.iconSize = new GSize(231, 55);
                infoname = 'Onano Neighborhood Cafe';
                infoimage = 'Assets/RB_TownMap/InfoImages/fooddining/OnanoCafe.jpg';
                marker = createMarker(new GLatLng(30.278811078618865,-86.01724952459335),infoname, infohtmlstart + infoname + infohtmlmid1 + infoimage + infohtmlmid2 + infolink + infohtmlend,Ctgry[9].Name, icon);
                map.addOverlay(marker);   
                
                icon.image = "Assets/GoogleMaps/markers/Paradis_label.png";  
                icon.iconSize = new GSize(228, 85);
                infoname = 'Restaurant Paradis';
                infoimage = '';
                marker = createMarker(new GLatLng(30.27962354036342,-86.01588474647622),infoname, infohtmlstart + infoname + infohtmlmid1 + infoimage + infohtmlmid2 + infolink + infohtmlend,Ctgry[9].Name, icon);
                map.addOverlay(marker);   
                
                icon.image = "Assets/GoogleMaps/markers/summerkitchencafe.png";  
                icon.iconSize = new GSize(195, 55);
                infoname = 'Summer Kitchen Cafe';
                infoimage = 'Assets/RB_TownMap/InfoImages/fooddining/summerKitchen.jpg';
                marker = createMarker(new GLatLng(30.280719697540214,-86.01546853780746),infoname, infohtmlstart + infoname + infohtmlmid1 + infoimage + infohtmlmid2 + infolink + infohtmlend,Ctgry[9].Name, icon);
                map.addOverlay(marker);   
                
                icon.image = "Assets/GoogleMaps/markers/thesugarshak.png";  
                icon.iconSize = new GSize(169, 55);
                infoname = 'The Sugar Shak';
                infoimage = 'Assets/RB_TownMap/InfoImages/fooddining/sugarshak.jpg';
                marker = createMarker(new GLatLng(30.279209482721537,-86.01635098457336),infoname, infohtmlstart + infoname + infohtmlmid1 + infoimage + infohtmlmid2 + infolink + infohtmlend,Ctgry[9].Name, icon);
                map.addOverlay(marker);   
                
                icon.image = "Assets/GoogleMaps/markers/wildolivesmarket.png";  
                icon.iconSize = new GSize(197, 55);
                infoname = 'Wild Olives Market';
                infoimage = 'Assets/RB_TownMap/InfoImages/fooddining/WildOlives.jpg';
                marker = createMarker(new GLatLng(30.2805089174197,-86.01633220911026),infoname, infohtmlstart + infoname + infohtmlmid1 + infoimage + infohtmlmid2 + infolink + infohtmlend,Ctgry[9].Name, icon);
                map.addOverlay(marker);   
                
                icon.image = "Assets/GoogleMaps/markers/cowgirlkitchen.png";  
                icon.iconSize = new GSize(164, 55);
                infoname = 'Cowgirl Kitchen';
                infoimage = 'Assets/RB_TownMap/InfoImages/fooddining/cowgirl.jpg';
                marker = createMarker(new GLatLng(30.279137677450432,-86.01697325706482),infoname, infohtmlstart + infoname + infohtmlmid1 + infoimage + infohtmlmid2 + infolink + infohtmlend,Ctgry[9].Name, icon);
                map.addOverlay(marker);   

                
                                
                //Gifts
                infolink = 'rosemary_beach_shopping.aspx';

                icon.image = "Assets/GoogleMaps/markers/pishposhpatchouli.png";  
                icon.iconSize = new GSize(198, 55);
                infoname = 'Pish Posh Patchouli';
                infoimage = 'Assets/RB_TownMap/InfoImages/gifts/pishposh.jpg';
                marker = createMarker(new GLatLng(30.27947354036342,-86.01596474647522),infoname, infohtmlstart + infoname + infohtmlmid1 + infoimage + infohtmlmid2 + infolink + infohtmlend,Ctgry[10].Name, icon);
                map.addOverlay(marker);   
                
                icon.image = "Assets/GoogleMaps/markers/therbtradingcompany.png";  
                icon.iconSize = new GSize(227, 55);
                infoname = 'The RB Trading Company';
                infoimage = 'Assets/RB_TownMap/InfoImages/gifts/rb_tradingCo.jpg';
                marker = createMarker(new GLatLng(30.280268025299012,-86.01564556360245),infoname, infohtmlstart + infoname + infohtmlmid1 + infoimage + infohtmlmid2 + infolink + infohtmlend,Ctgry[10].Name, icon);
                map.addOverlay(marker);   

                
                
                //Apparel
                
                icon.image = "Assets/GoogleMaps/markers/therbtradingcompany.png";  
                icon.iconSize = new GSize(227, 55);
                infoname = 'The RB Trading Company';
                infoimage = 'Assets/RB_TownMap/InfoImages/gifts/rb_tradingCo.jpg';
                marker = createMarker(new GLatLng(30.280268025299012,-86.01564556360245),infoname, infohtmlstart + infoname + infohtmlmid1 + infoimage + infohtmlmid2 + infolink + infohtmlend,Ctgry[11].Name, icon);
                map.addOverlay(marker);   
                
                icon.image = "Assets/GoogleMaps/markers/Bombora.png";  
                icon.iconSize = new GSize(186, 55);
                infoname = 'Bombora';
                infoimage = '';
                marker = createMarker(new GLatLng(30.280991858015053,-86.01590573787689),infoname, infohtmlstart + infoname + infohtmlmid1 + infoimage + infohtmlmid2 + infolink + infohtmlend,Ctgry[11].Name, icon);
                map.addOverlay(marker);   
                
                icon.image = "Assets/GoogleMaps/markers/world6_Boutique.png";  
                icon.iconSize = new GSize(186, 55);
                infoname = 'World Six Boutique';
                infoimage = '';
                marker = createMarker(new GLatLng(30.280717960343253,-86.01618468761444),infoname, infohtmlstart + infoname + infohtmlmid1 + infoimage + infohtmlmid2 + infolink + infohtmlend,Ctgry[11].Name, icon);
                map.addOverlay(marker);   
                
                
                
                //icon.image = "Assets/GoogleMaps/markers/BeachBuzz.png";  
                //icon.iconSize = new GSize(147, 55);
                //infoname = 'Beach Buzz';
                //infoimage = 'Assets/RB_TownMap/InfoImages/apparel/BeachBuzz.jpg';
                //marker = createMarker(new GLatLng(30.280710432489467,-86.01621687412262),infoname, infohtmlstart + infoname + infohtmlmid1 + infoimage + infohtmlmid2 + infolink + infohtmlend,Ctgry[11].Name, icon);
                //map.addOverlay(marker);   
                
                //icon.image = "Assets/GoogleMaps/markers/Dunes.png";  
                //icon.iconSize = new GSize(114, 55);
                //infoname = 'Dunes';
                //infoimage = 'Assets/RB_TownMap/InfoImages/apparel/dunes.jpg';
                //marker = createMarker(new GLatLng(30.280559875292536,-86.01629197597504),infoname, infohtmlstart + infoname + infohtmlmid1 + infoimage + infohtmlmid2 + infolink + infohtmlend,Ctgry[11].Name, icon);
                //map.addOverlay(marker);   
                
                icon.image = "Assets/GoogleMaps/markers/Gigis.png";  
                icon.iconSize = new GSize(114, 55);
                infoname = 'Gigis';
                infoimage = 'Assets/RB_TownMap/InfoImages/apparel/gigi.jpg';
                marker = createMarker(new GLatLng(30.278975536322374,-86.01707518100739),infoname, infohtmlstart + infoname + infohtmlmid1 + infoimage + infohtmlmid2 + infolink + infohtmlend,Ctgry[11].Name, icon);
                map.addOverlay(marker);   
                
                icon.image = "Assets/GoogleMaps/markers/Moonpize.png";  
                icon.iconSize = new GSize(133, 55);
                infoname = 'Moonpize';
                infoimage = 'Assets/RB_TownMap/InfoImages/apparel/moonpize.jpg';
                marker = createMarker(new GLatLng(30.279058923221683,-86.01702690124512),infoname, infohtmlstart + infoname + infohtmlmid1 + infoimage + infohtmlmid2 + infolink + infohtmlend,Ctgry[11].Name, icon);
                map.addOverlay(marker);   
                
                //icon.image = "Assets/GoogleMaps/markers/Tropez.png";  
                //icon.iconSize = new GSize(116, 55);
                //infoname = 'Tropez';
                //infoimage = 'Assets/RB_TownMap/InfoImages/apparel/.jpg';
                //marker = createMarker(new ,infoname, infohtmlstart + infoname + infohtmlmid1 + infoimage + infohtmlmid2 + infolink + infohtmlend,Ctgry[10].Name, icon);
                //marker = createMarker(new GLatLng(30.280629363258292,-86.01625442504883),'Tropez','Tropez',Ctgry[11].Name, icon);
                //map.addOverlay(marker);   
                
                icon.image = "Assets/GoogleMaps/markers/Willow.png";  
                icon.iconSize = new GSize(116, 55);
                infoname = 'Willow';
                infoimage = 'Assets/RB_TownMap/InfoImages/apparel/willow.jpg';
                marker = createMarker(new GLatLng(30.279116830748965,-86.01647704839706),infoname, infohtmlstart + infoname + infohtmlmid1 + infoimage + infohtmlmid2 + infolink + infohtmlend,Ctgry[11].Name, icon);
                map.addOverlay(marker);   
                


                
                //Day Spa
                infolink = 'solace_day_spa.aspx';

                icon.image = "Assets/GoogleMaps/markers/solacedayspaandsalon.png";  
                icon.iconSize = new GSize(218, 55);
                infoname = 'Solace Day Spa & Salon';
                infoimage = 'Assets/RB_TownMap/InfoImages/dayspa/spa.jpg';
                marker = createMarker(new GLatLng(30.28092816095032,-86.01539611816406),infoname, infohtmlstart + infoname + infohtmlmid1 + infoimage + infohtmlmid2 + infolink + infohtmlend,Ctgry[12].Name, icon);
                map.addOverlay(marker);   
                
                
                
                //Home and Garden
                infolink = 'rosemary_beach_shopping.aspx';

                icon.image = "Assets/GoogleMaps/markers/ShabbySlips.png";  
                icon.iconSize = new GSize(154, 55);
                infoname = 'Shabby Slips';
                infoimage = 'Assets/RB_TownMap/InfoImages/homegarden/shabby.jpg';
                marker = createMarker(new GLatLng(30.279144626349915,-86.01709395647049),infoname, infohtmlstart + infoname + infohtmlmid1 + infoimage + infohtmlmid2 + infolink + infohtmlend,Ctgry[13].Name, icon);
                //marker = createMarker(new GLatLng(30.279144626349915,-86.01709395647049),'Shabby Slips','Shabby Slips',Ctgry[13].Name, icon);
                map.addOverlay(marker);   
                /*
                icon.image = "Assets/GoogleMaps/markers/thegourdgarden.png";  
                icon.iconSize = new GSize(185, 55);
                infoname = 'The Gourd Garden';
                infoimage = 'Assets/RB_TownMap/InfoImages/homegarden/gourdgarden.jpg';
                marker = createMarker(new GLatLng(30.27901028087237,-86.01730316877365),infoname, infohtmlstart + infoname + infohtmlmid1 + infoimage + infohtmlmid2 + infolink + infohtmlend,Ctgry[13].Name, icon);
                //marker = createMarker(new GLatLng(30.27901028087237,-86.01730316877365),'The Gourd Garden','The Gourd Garden',Ctgry[13].Name, icon);
                map.addOverlay(marker);   
                */
                icon.image = "Assets/GoogleMaps/markers/Tracery.png";  
                icon.iconSize = new GSize(121, 55);
                infoname = 'Tracery';
                infoimage = 'Assets/RB_TownMap/InfoImages/homegarden/tracery.jpg';
                marker = createMarker(new GLatLng(30.278882884128944,-86.01715832948685),infoname, infohtmlstart + infoname + infohtmlmid1 + infoimage + infohtmlmid2 + infolink + infohtmlend,Ctgry[13].Name, icon);
                //marker = createMarker(new GLatLng(30.278882884128944,-86.01715832948685),'Tracery','Tracery',Ctgry[13].Name, icon);
                map.addOverlay(marker);   
                
                icon.image = "Assets/GoogleMaps/markers/worldsixgallery.png";  
                icon.iconSize = new GSize(164, 55);
                infoname = 'World Six Gallery';
                infoimage = 'Assets/RB_TownMap/InfoImages/homegarden/world6.jpg';
                marker = createMarker(new GLatLng(30.280610833138887,-86.01551413536072),infoname, infohtmlstart + infoname + infohtmlmid1 + infoimage + infohtmlmid2 + infolink + infohtmlend,Ctgry[13].Name, icon);
                map.addOverlay(marker);   
 
 
                
                //Lodging
                infolink = '';
                infohtmlstart = '<div style="width:150px;height:200px;display:block;" class="copy"><span class="header">';
                infohtmlmid1 = '</span><br><img src="';
                infohtmlmid2 = '" style="width:220px">';
                infohtmlend='</div>';

              
                
                icon.image = "Assets/GoogleMaps/markers/rbcottagerentals.png";  
                icon.iconSize = new GSize(190, 55);
                infoname = 'Rosemary Beach Cottage Rentals';
                infoimage = 'Assets/RB_TownMap/InfoImages/lodging/rentals.jpg';
                marker = createMarker(new GLatLng(30.281030076234053,-86.01582527160645),infoname, infohtmlstart + infoname + infohtmlmid1 + infoimage + infohtmlmid2 + infolink + infohtmlend,Ctgry[14].Name, icon);
                //marker = createMarker(new GLatLng(30.27989742088168,-86.01667016744614),'Rosemary Beach Cottage Rentals','Rosemary Beach Cottage Rentals',Ctgry[14].Name, icon);
                map.addOverlay(marker);   
                
                icon.image = "Assets/GoogleMaps/markers/pensione_label.png";  
                icon.iconSize = new GSize(219, 85);
                infoname = 'The Pensione Inn';
                infoimage = 'Assets/RB_TownMap/InfoImages/lodging/pensione.jpg';
                marker = createMarker(new GLatLng(30.278838874306427,-86.01739803749084),infoname, infohtmlstart + infoname + infohtmlmid1 + infoimage + infohtmlmid2 + infolink + infohtmlend,Ctgry[14].Name, icon);
                //marker = createMarker(new GLatLng(30.278838874306427,-86.01733803749084),'The Pensione Bed & Breakfast','The Pensione Bed & Breakfast',Ctgry[14].Name, icon);
                map.addOverlay(marker);   
                
                
                //Sports & Outdoors
                infohtmlstart = '<div style="width:150px;height:200px;display:block;" class="copy"><span class="header">';
                infohtmlmid1 = '</span><br><img src="';
                infohtmlmid2 = '" style="width:220px"><br><a href="';
                infohtmlend='">Click Here</a> for more information</div>';
                infolink = 'rosemary_beach_shopping.aspx';
                
                icon.image = "Assets/GoogleMaps/markers/bamboobicycleco.png";  
                icon.iconSize = new GSize(198, 55);
                infoname = 'Bamboo Bicycle Co.';
                infoimage = 'Assets/RB_TownMap/InfoImages/sportsoutdoors/bamboo_bikes.jpg';
                marker = createMarker(new GLatLng(30.280680321068562,-86.01552486419678),infoname, infohtmlstart + infoname + infohtmlmid1 + infoimage + infohtmlmid2 + infolink + infohtmlend,Ctgry[15].Name, icon);
                //marker = createMarker(new GLatLng(30.280661790958803,-86.01548731327057),'Bamboo Bicycle Co.','Bamboo Bicycle Co.',Ctgry[15].Name, icon);
                map.addOverlay(marker);

                icon.image = "Assets/GoogleMaps/markers/Bombora.png";  
                icon.iconSize = new GSize(186, 55);
                infoname = 'Bombora';
                infoimage = '';
                marker = createMarker(new GLatLng(30.280991858015053,-86.01590573787689),infoname, infohtmlstart + infoname + infohtmlmid1 + infoimage + infohtmlmid2 + infolink + infohtmlend,Ctgry[15].Name, icon);
                map.addOverlay(marker);   
                   
                
              
                
                
                
                //Businesses & Services
                infolink = 'rosemary_beach_professional_services.aspx';

                icon.image = "Assets/GoogleMaps/markers/aestheticsclinique.png";  
                icon.iconSize = new GSize(166, 55);
                infoname = 'Aesthetic Clinique';
                infoimage = 'Assets/RB_TownMap/InfoImages/businessesservices/clinique.jpg';
                marker = createMarker(new GLatLng(30.279035760201218,-86.01640462875366),infoname, infohtmlstart + infoname + infohtmlmid1 + infoimage + infohtmlmid2 + infolink + infohtmlend,Ctgry[16].Name, icon);
                //marker = createMarker(new GLatLng(30.279035760201218,-86.01640462875366),'Aesthetic Clinique',null,Ctgry[16].Name, icon);
                map.addOverlay(marker);   
                
                icon.image = "Assets/GoogleMaps/markers/digitalidesignstudios.png";  
                icon.iconSize = new GSize(214, 55);
                infoname = 'Digital-i Design Studios';
                infoimage = 'Assets/RB_TownMap/InfoImages/businessesservices/.jpg';
                //marker = createMarker(new GLatLng(30.279288236829426,-86.01691961288452),infoname, infohtmlstart + infoname + infohtmlmid1 + infoimage + infohtmlmid2 + infolink + infohtmlend,Ctgry[16].Name, icon);
                marker = createMarker(new GLatLng(30.279288236829426,-86.01691961288452),'Digital-i Design Studios',null,Ctgry[16].Name, icon);
                map.addOverlay(marker);   
                
                icon.image = "Assets/GoogleMaps/markers/ts2.png";  
                icon.iconSize = new GSize(186, 55);
                infoname = 'TS Adams Studio, Architects';
                infoimage = '';
                marker = createMarker(new GLatLng(30.279364674579597,-86.01590573787689),infoname, infohtmlstart + infoname + infohtmlmid1 + infoimage + infohtmlmid2 + infolink + infohtmlend,Ctgry[16].Name, icon);
                //marker = createMarker(new GLatLng(30.279378572345962,-86.0158896446228),'Dungan & Nequette Architects',null,Ctgry[16].Name, icon);
                map.addOverlay(marker);   
                /*
                icon.image = "Assets/GoogleMaps/markers/emeraldcoast-group.png";  
                icon.iconSize = new GSize(203, 55);
                infoname = 'Emerald Coast Group';
                infoimage = 'Assets/RB_TownMap/InfoImages/businessesservices/.jpg';
                marker = createMarker(new GLatLng(30.27892689393174,-86.01730316877365),infoname, infohtmlstart + infoname + infohtmlmid1 + infoimage + infohtmlmid2 + infolink + infohtmlend,Ctgry[16].Name, icon);
                //marker = createMarker(new GLatLng(30.27892689393174,-86.01730316877365),'Emerald Coast Group',null,Ctgry[16].Name, icon);
                map.addOverlay(marker);   
                */
                icon.image = "Assets/GoogleMaps/markers/paul.png";  
                icon.iconSize = new GSize(186, 55);
                infoname = 'Paul Johnson Photography';
                infoimage = '';
                marker = createMarker(new GLatLng(30.279486279968506,-86.01592719554901),infoname, infohtmlstart + infoname + infohtmlmid1 + infoimage + infohtmlmid2 + infolink + infohtmlend,Ctgry[16].Name, icon);
                //marker = createMarker(new GLatLng(30.279466591487193,-86.0159432888031),'TMc Architecture',null,Ctgry[16].Name, icon);
                map.addOverlay(marker);   
                /*
                icon.image = "Assets/GoogleMaps/markers/mcneesetitle.png";  
                icon.iconSize = new GSize(160, 55);
                infoname = 'McNeese Title';
                infoimage = 'Assets/RB_TownMap/InfoImages/businessesservices/.jpg';
                //marker = createMarker(new GLatLng(30.280610833138887,-86.01551413536072),infoname, infohtmlstart + infoname + infohtmlmid1 + infoimage + infohtmlmid2 + infolink + infohtmlend,Ctgry[16].Name, icon);
                marker = createMarker(new GLatLng(30.280610833138887,-86.01551413536072),'McNeese Title',null,Ctgry[16].Name, icon);
                map.addOverlay(marker);   
                icon.image = "Assets/GoogleMaps/markers/MontgomeryMartinContractors.png";  
                icon.iconSize = new GSize(262, 55);
                infoname = 'Montgomery Martin Contractors';
                infoimage = 'Assets/RB_TownMap/InfoImages/businessesservices/MontgomeryMartin.jpg';
                marker = createMarker(new GLatLng(30.279559243129523,-86.01580381393433),infoname, infohtmlstart + infoname + infohtmlmid1 + infoimage + infohtmlmid2 + infolink + infohtmlend,Ctgry[16].Name, icon);
                //marker = createMarker(new GLatLng(30.279559243129523,-86.01580381393433),'Montgomery Martin Contractors',null,Ctgry[16].Name, icon);
                map.addOverlay(marker);   
                */
                /*
                icon.image = "Assets/GoogleMaps/markers/neworchardgroup.png";  
                icon.iconSize = new GSize(196, 55);
                infoname = 'New Orchard Group';
                infoimage = 'Assets/RB_TownMap/InfoImages/businessesservices/.jpg';
                marker = createMarker(new GLatLng(30.279656527259824,-86.01580917835236),infoname, infohtmlstart + infoname + infohtmlmid1 + infoimage + infohtmlmid2 + infolink + infohtmlend,Ctgry[16].Name, icon);
                //marker = createMarker(new GLatLng(30.279656527259824,-86.01580917835236),'New Orchard Group',null,Ctgry[16].Name, icon);
                map.addOverlay(marker);   
                
                icon.image = "Assets/GoogleMaps/markers/rbconferencecenter.png";  
                icon.iconSize = new GSize(298, 55);
                infoname = 'RB Conference Center';
                infoimage = 'Assets/RB_TownMap/InfoImages/businessesservices/.jpg';
                //marker = createMarker(new GLatLng(30.279489754405983,-86.01704835891724),infoname, infohtmlstart + infoname + infohtmlmid1 + infoimage + infohtmlmid2 + infolink + infohtmlend,Ctgry[16].Name, icon);
                marker = createMarker(new GLatLng(30.279489754405983,-86.01704835891724),'RB Conference Center',null,Ctgry[16].Name, icon);
                map.addOverlay(marker);   
                */
                icon.image = "Assets/GoogleMaps/markers/RegionsBank.png";  
                icon.iconSize = new GSize(161, 55);
                infoname = 'Regions Bank';
                infoimage = 'Assets/RB_TownMap/InfoImages/businessesservices/.jpg';
                //marker = createMarker(new GLatLng(30.28041858294374,-86.0155999660492),infoname, infohtmlstart + infoname + infohtmlmid1 + infoimage + infohtmlmid2 + infolink + infohtmlend,Ctgry[16].Name, icon);
                marker = createMarker(new GLatLng(30.28041858294374,-86.0155999660492),'Regions Bank',null,Ctgry[16].Name, icon);
                map.addOverlay(marker);   
                
                icon.image = "Assets/GoogleMaps/markers/rbpostoffice.png";  
                icon.iconSize = new GSize(243, 55);
                infoname = 'Rosemary Beach Post Office';
                infoimage = 'Assets/RB_TownMap/InfoImages/businessesservices/.jpg';
                //marker = createMarker(new GLatLng(30.279373939757384,-86.01656287908554),infoname, infohtmlstart + infoname + infohtmlmid1 + infoimage + infohtmlmid2 + infolink + infohtmlend,Ctgry[16].Name, icon);
                marker = createMarker(new GLatLng(30.279373939757384,-86.01656287908554),'Rosemary Beach Post Office',null,Ctgry[16].Name, icon);
                map.addOverlay(marker);   
                
                infolink = 'rosemary_beach_florida_realty.aspx';
                icon.image = "Assets/GoogleMaps/markers/rosemarybeachrealestate.png";  
                icon.iconSize = new GSize(246, 55);
                infoname = 'Rosemary Beach Real Estate';
                infoimage = 'Assets/RB_TownMap/InfoImages/realestate/realty.jpg';
                marker = createMarker(new GLatLng(30.281067136311012, -86.01562142372131),infoname, infohtmlstart + infoname + infohtmlmid1 + infoimage + infohtmlmid2 + infolink + infohtmlend,Ctgry[16].Name, icon);
                //marker = createMarker(new GLatLng(30.279702853002263,-86.01676940917969),'Rosemary Beach Real Estate',null,Ctgry[16].Name, icon);
                map.addOverlay(marker);   
                
                infolink = 'rosemary_beach_professional_services.aspx';
                icon.image = "Assets/GoogleMaps/markers/rbtownhall.png";  
                icon.iconSize = new GSize(239, 55);
                infoname = 'Rosemary Beach Town Hall';
                infoimage = 'Assets/RB_TownMap/InfoImages/businessesservices/.jpg';
                //marker = createMarker(new GLatLng(30.279438795977438,-86.01665407419205),infoname, infohtmlstart + infoname + infohtmlmid1 + infoimage + infohtmlmid2 + infolink + infohtmlend,Ctgry[16].Name, icon);
                marker = createMarker(new GLatLng(30.279438795977438,-86.01665407419205),'Rosemary Beach Town Hall',null,Ctgry[16].Name, icon);
                map.addOverlay(marker);   
                
                icon.image = "Assets/GoogleMaps/markers/TMcArchitecture.png";  
                icon.iconSize = new GSize(177, 55);
                infoname = 'TMc Architecture';
                infoimage = 'Assets/RB_TownMap/InfoImages/businessesservices/TMc.jpg';
                marker = createMarker(new GLatLng(30.2794220,-86.01590573787689),infoname, infohtmlstart + infoname + infohtmlmid1 + infoimage + infohtmlmid2 + infolink + infohtmlend,Ctgry[16].Name, icon);
                //marker = createMarker(new GLatLng(30.279466591487193,-86.0159432888031),'TMc Architecture',null,Ctgry[16].Name, icon);
                map.addOverlay(marker);   
                /*
                icon.image = "Assets/GoogleMaps/markers/waveconstruction.png";  
                icon.iconSize = new GSize(189, 55);
                infoname = 'Wave Construction';
                infoimage = 'Assets/RB_TownMap/InfoImages/businessesservices/.jpg';
                //marker = createMarker(new GLatLng(30.281055555038467,-86.01535588502884),infoname, infohtmlstart + infoname + infohtmlmid1 + infoimage + infohtmlmid2 + infolink + infohtmlend,Ctgry[16].Name, icon);
                marker = createMarker(new GLatLng(30.281055555038467,-86.01535588502884),'Wave Construction',null,Ctgry[16].Name, icon);
                map.addOverlay(marker);   
                */
                
                icon.image = "Assets/GoogleMaps/markers/law.png";  
                icon.iconSize = new GSize(186, 55);
                infoname = 'Law Offices of Bryan J. Kiefer';
                marker = createMarker(new GLatLng(30.27910,-86.01637780666351),infoname, null,Ctgry[16].Name, icon);
                map.addOverlay(marker);   
 
                
                //icon.image = "Assets/GoogleMaps/markers/familywealthinvestments.png";  
                //icon.iconSize = new GSize(227, 55);
                //infoname = 'Family Wealth Investments';
                //marker = createMarker(new GLatLng(30.27948,-86.01590573787689),infoname, null,Ctgry[16].Name, icon);
                //map.addOverlay(marker);   
                 
                icon.image = "Assets/GoogleMaps/markers/southeast.png";  
                icon.iconSize = new GSize(257, 55);
                infoname = 'Southeast Institute For Optimal Health';
                marker = createMarker(new GLatLng(30.27954,-86.01590573787689),infoname, null,Ctgry[16].Name, icon);
                map.addOverlay(marker);   

                
                
                hideall();                    
                
                /*           
                GEvent.addListener(map,"click", function(overlay,latlng) {
                  if (overlay) {
                    // ignore if we click on the info window
                    return;
                  }
                  var tileCoordinate = new GPoint();
                  var tilePoint = new GPoint();
                  var currentProjection = G_NORMAL_MAP.getProjection();
                  tilePoint = currentProjection.fromLatLngToPixel(latlng, map.getZoom());
                  tileCoordinate.x = Math.floor(tilePoint.x / 256);
                  tileCoordinate.y = Math.floor(tilePoint.y / 256);
                  var myHtml = "Latitude: " + latlng.lat() + "<br/>Longitude: " + latlng.lng() + 
                    "<br/>The Tile Coordinate is:<br/> x: " + tileCoordinate.x + 
                    "<br/> y: " + tileCoordinate.y + "<br/> at zoom level " + map.getZoom();	
                  map.openInfoWindow(latlng, myHtml);
                });
                /*   */
              }
            }    

            function MarkerCategory(name, centerpiont, zoom)
            {
                this.Name = name;
                this.Center = centerpiont;
                this.Zoom = zoom;
                
            }
            function createMarkerCategory(name, centerpiont, zoom)
            {
                var MC = new MarkerCategory(name, centerpiont, zoom);
                Ctgry.push(MC);
            }
            
            function createMarker(point,name,html,category, gicon) 
            {
                var marker = new GMarker(point,{title: name, icon: gicon, draggable:false });
                // === Store the category and name info as a marker properties ===
                marker.mycategory = category;                                 
                marker.myname = name;
                if(html!=null)
                {
                    GEvent.addListener(marker, "click", function() {
                        marker.openInfoWindowHtml(html);
                    });
                }
                gmarkers.push(marker);
                return marker;
            }

                function createSimpleMarker(point, iconpath) {
                  // Create a lettered icon for this point using our icon class
                  //var letter = String.fromCharCode("A".charCodeAt(0) + index);
                  var customIcon = new GIcon(baseIcon);
                  customIcon.image = "http://maps.google.com/mapfiles/ms/micons/homegardenbusiness.png";

                  // Set up our GMarkerOptions object
                  markerOptions = { icon:customIcon };
                  var marker = new GMarker(point, markerOptions);

                  return marker;
                }

                function createMarkerWithInfo(point, img, name ) {
                  // Create a lettered icon for this point using our icon class
                  //var letter = String.fromCharCode("A".charCodeAt(0) + index);
                  var letteredIcon = new GIcon(baseIcon);
                  letteredIcon.image = "http://maps.google.com/mapfiles/ms/micons/homegardenbusiness.png";

                  // Set up our GMarkerOptions object
                  markerOptions = { icon:letteredIcon };
                  var marker = new GMarker(point, markerOptions);

                  GEvent.addListener(marker, "click", function() {
                    //marker.openInfoWindowHtml("Marker <b>" + letter + "</b>");
                    marker.openInfoWindowHtml("<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\"><tr><td>" + name + "</td><td width='10px'></td></tr><tr><td><img src='" + img + "'/></td><td width='10px'></td></tr></table>"); 
                  });
                  return marker;
                }

                  function show(catindx) 
                  {
                    map.closeInfoWindow();
                    hideall();
                    toggleSubNav(catindx);
                    gotomap(Ctgry[catindx].Center, Ctgry[catindx].Zoom);
                    for (var i=0; i<gmarkers.length; i++) {
                        if (gmarkers[i].mycategory == Ctgry[catindx].Name) {
                            gmarkers[i].show();
                        }
                    }
                    if(Ctgry[catindx].Name=='FitPath')
                    {
                        showFitPath();
                    }

                    // == check the checkbox ==
                    //document.getElementById(category+"box").checked = true;
                  }     
                  // == hides all markers of a particular category, and ensures the checkbox is cleared ==
                  function hide(category) {
                    for (var i=0; i<gmarkers.length; i++) {
                        if (gmarkers[i].mycategory == category) {
                            gmarkers[i].hide();
                        }
                    }

                    if(category=='FitPath')
                    {
                        hideFitPath();
                    }
                    // == clear the checkbox ==
                    //document.getElementById(category+"box").checked = false;
                    // == close the info window, in case its open on a marker that we just hid
                    //map.closeInfoWindow();
                  }  

                

                  
                function hideall()
                {
                    for (var i=0; i<Ctgry.length; i++) {
                        hide(Ctgry[i].Name);
                    }                   
                }      
                                     
                function showFitPath()
                {
                    //hideall();
                    if (encodedPolyline.supportsHide()) 
                    { 
                      encodedPolyline.show() 
                    } 
                    else 
                    { 
                      map.addOverlay(encodedPolyline); 
                    } 
                    return false;
                }
                
                function hideFitPath()
                {
                    if (encodedPolyline.supportsHide()) 
                    { 
                      encodedPolyline.hide() 
                    } 
                    else 
                    { 
                      map.removeOverlay(encodedPolyline); 
                    } 
                    return false;
                }      
                
                function gotomap(latlong, zoom)
                {
                    if(map.getZoom()!=zoom)
                    {
                        map.setZoom(zoom)
                    }
                    map.panTo(latlong);
                    //show('Apparel');
                }