/**
 * =~=~=~=~=~=~=~=~=~=~=~=~=~=~=
 * MapQuest Tiled Map JavaScript
 * =~=~=~=~=~=~=~=~=~=~=~=~=~=~=
 */

/**
 * maps, a-to-b dont use mq.js
 */
if(typeof(MQ) == 'undefined')
{
    var MQ = {
        browser:
        {
            info:   getBrowserInfo(),
            size:   function()
            {
                return getBrowserSize();
            }
        },
        screenWidth: screen.width
    };
}

/**
 * =ART
 */
MQ.art =
{
    url:
    {
        site:     "http://img.mqcdn.com/mqsite2/",
        siteOld:  "http://img.mqcdn.com/mqsite/",
        poi:      "http://img.mqcdn.com/mqpoi2/",
        map:      "http://img.mqcdn.com/mqmap2/",
        tile:     "http://img.mqcdn.com/mqmaptiled/"
    },
    map:
    {
        zoom:
        {
            level:  function(e)
            {
                return MQ.art.url.tile+"z-" + e + ".png";
            },
            on : function()
            {
                return MQ.art.url.tile+"z-on.png";
            }
        }
    },
    spacer: "http://img.mqcdn.com/a/a"
}


/**
 * =MAP DATA
 */
if(typeof(MQ.data) == 'undefined')
{
    MQ.data = {};
}


/**
 * =MAP INTERFACE
 * @ui interaction with map api
 */
if(typeof(MQ.data.map) == 'undefined')
{
    MQ.data.map = {};
}
MQ.map =
{
    config:
    {   /* default settings of map */
        width:          560,
        height:         500,
        heightOffset:   50,
        zoom:
        {   //[min zoom,  max zoom]
            street: [1, 14],
            aerial: [1, 16]
        },
        panPercent:     40,
        mapFlex:        !(readCookie("mapFlex") && readCookie("mapFlex") == 0),
        
        events:
        {
            pan:    ["c", "n", "e", "w", "s"],
            zoom:   [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, "in", "out"],
            revert: ["map"],
            view:   ["aerial", "street"]
        }
    },
    map:{},
    resize:
    {   /* resize width and height of map based on parent div and browser height */
        data:
        {
            previous:
            {
                height: 0,
                width:  0
            },
            resizeMonitor:
            {
                monitorDelay:   250,
                previousHeight: 0,
                previousWidth:  0,
                sizeChanged:    false,
                loop:           ""
            }
        },
        getDimensions: function(mapObj)
        {   /* get map dimensions */
            var data        = MQ.map.resize.data;
            var browser     = getBrowserSize();
            var newMapWidth = 0, newMapHeight = 0;
            if((mapObj) && ((data.previous.width != browser.width) || (data.previous.height != browser.height)))
            {
                var config              = MQ.map.config;
                data.previous.width     = browser.width;
                data.previous.height    = browser.height;
                newMapWidth             = mapObj.clientWidth;
                newMapHeight            = browser.height - config.heightOffset;

                /* Check for static-sized maps */
               if (!config.mapFlex && newMapWidth > config.width)
                {
                    newMapWidth  = config.width;
                }
                if (!config.mapFlex && newMapHeight > config.height - config.heightOffset)
                {
                    newMapHeight = config.height - config.heightOffset;
                }
                //in any case, if the new map ht is less than min ht, set it to min ht
                if (newMapHeight < config.height - config.heightOffset)
                {
                    newMapHeight = config.height - config.heightOffset;
                }
                this.width  = newMapWidth;
                this.height = newMapHeight;
                return this;
            }
            else
            {
                return false;
            }
        },
        resizeBrowserCheck: function(fType)
        {
            var browserSize = getBrowserSize();
            var monitorVar  = MQ.map.resize.data.resizeMonitor;
            if((monitorVar.previousHeight != browserSize.height) || (monitorVar.previousWidth != browserSize.width))
            {   //set flag that size changed
                monitorVar.previousHeight  = browserSize.height;
                monitorVar.previousWidth   = browserSize.width;
                monitorVar.sizeChanged     = true;
            }
            else if(monitorVar.sizeChanged == true)
            {   // values didn't match on previous lap, resize
                monitorVar.sizeChanged     = false;
                MQ.map.resize.update();
            }

            if(fType == 1)
            {   // safari and ie have to loop this fn
                monitorVar.loop = setTimeout("MQ.map.resize.resizeBrowserCheck(1)", monitorVar.monitorDelay);
            }
            else if(fType == 0)
            {   //smart browsers get the resize event handler
                 Event.observe(window, 'resize', MQ.map.resize.update);
                 MQ.map.resize.update();
            }
        },
        update: function()
        {
            //try to catch FF going into print preview and supress js.resize firing bug
            var resize = true;
            //screen width is different in print preview mode
            if(MQ.browser.info.name == "firefox" && screen.width != MQ.screenWidth)
            {
                resize = false;
            }
            if( resize )
            {
                /* change map dimensions */
                $H(MQ.data.map).each(function(m)
                {
                    var mapId                           = m.key;
                    $(mapId + "-viewport").style.width  = "";
                    var newMap                          = MQ.map.resize.getDimensions($(mapId + "-wrapper"));
                    var m                               = MQ.map.map[mapId];
                    if (m && newMap)
                    {
                        $(mapId + "-viewport").style.width          = newMap.width + "px";
                        getElementById(mapId +"-view").style.left   = (newMap.width-142)+"px";
                        m.ResizeMap(new Size(newMap.width, newMap.height));
                    }
                });
            }
        }
    },
    pan:
    {   /* auto pan */
        click:  function(e, m, evt, i)
        {
            var pct = MQ.map.config.panPercent;
            switch(e)
            {
                case "n":
                    m.PanNorth(pct);
                break;
                case "e":
                    m.PanEast(pct);
                break;
                case "w":
                    m.PanWest(pct);
                break;
                case "s":
                    m.PanSouth(pct);
                break;
                case "c":
                    var locCount = MQ.poi.getPOICount("location", i);
                    var poiCount = MQ.poi.getPOICount("search", i);
                    var view     = MQ.data.map[i].view;
                    if (locCount > 1)
                    {   // ddir
                        m.BestFitRoute(false, MQ.map.config.zoom[view][0], MQ.map.config.zoom[view][1]);
                    }
                    else if (poiCount > 0)
                    {   // search
                        m.BestFitPOIs(true, MQ.map.config.zoom[view][0], MQ.map.config.zoom[view][1]);
                    }
                    else
                    {   // map (no poi)
                        m.SetCenterLatLng(new PointLL(MQ.data.map[i].original.latitude, MQ.data.map[i].original.longitude));
                    }
                    MQ.map.zoom.set(i, m.GetZoomLevel());
                break;
            }
        },
        mouseover: function(e, m, evt, i)
        {
            $(i + "-compassrose").addClassName(e);
        },
        mouseout: function(e, m, evt, i)
        {
            $(i + "-compassrose").removeClassName(e);
        }
    },
    zoom:
    {
        click:  function(e, m, evt, i)
        {
            var currentZoom = m.GetZoomLevel();
            if(currentZoom == e)
            {
                return;
            }
            switch(e)
            {
                case "in":
                    var zoomLimit = (MQ.data.map[i].view == "street") ? 14 : 16;
                    (currentZoom < zoomLimit) ? m.ZoomIn() : null;
                break;
                case "out":
                    (currentZoom > 1) ? m.ZoomOut() : null;
                break;
                default:
                    m.SetZoomLevel(e);
            }
            MQ.map.zoom.set(i, m.GetZoomLevel());

            if(typeof(MQ.poi.data.goldRush) != 'undefined')
            {
               MQ.poi.goldRush.createGRAerialPOI();
            }
        },
        mouseover: function(e, m, evt)
        {
            switch(e)
            {
                case "in":
                case "out":
                    Event.element(evt).addClassName("o");
                    break;
                default:
                    Event.element(evt).src = MQ.art.map.zoom.on();
            }
        },
        mouseout: function(e, m, evt)
        {
            switch(e)
            {
                case "in":
                case "out":
                    Event.element(evt).removeClassName("o");
                break;
                default:
                    if(parseFloat(e) != m.GetZoomLevel())
                    {
                        Event.element(evt).src = MQ.art.map.zoom.level(e);
                    }
            }
        },
        set:    function(i, z)
        {
            $A(MQ.map.config.events.zoom).each(function(v)
            {
                var zoom = $(i + "-zoom-" + v);
                if(zoom)
                {
                    var vNum = parseFloat(v);
                    if(vNum == parseFloat(z))
                    {
                        zoom.src = MQ.art.map.zoom.on();
                        zoom.addClassName("a");
                    }
                    else if ((vNum > 0) && (vNum <= 16))
                    {
                        zoom.src = MQ.art.map.zoom.level(vNum);
                        (zoom.hasClassName("a")) ? zoom.removeClassName("a") : false;
                    }
                }
            }
            );
        }
    },
    revert:
    {   /* return map to original pos and zoom */
        click:  function(e, m, evt, i)
        {
            m.SetCenterLatLngZoomLevel(new PointLL(MQ.data.map[i].original.latitude, MQ.data.map[i].original.longitude), MQ.data.map[i].original.zoom);
            MQ.map.zoom.set(i, MQ.data.map[i].original.zoom);
        },
        mouseover: function(e, m, evt)
        {
            Event.element(evt).addClassName("o");
        },
        mouseout: function(e, m, evt)
        {
            Event.element(evt).removeClassName("o");
        }
    },
    view:
    {   /* viewstate */
        click:      function(e, m, evt, i)
        {
            if(Event.element(evt).hasClassName("a"))
            {
                return;
            }
            $H(MQ.map.config.events.view).each(function(v)
            {
                var view = $(i + "-view-"+ v.value);
                if (e == v.value)
                {
                    view.addClassName("a");
                    MQ.data.map[i].view  = e;
                }
                else if (view.hasClassName("a"))
                {
                    view.removeClassName("a");
                }
                MQ.map.view.toggleZoom(e, i);
            });
            MQ.map.view.set(e, m, i); /* change view */

            if(typeof(MQ.poi.data.goldRush) != 'undefined')
            {
               MQ.poi.goldRush.createGRAerialPOI();
            }
        },
        mouseover:  function(e, m, evt)
        {
            var r = Event.element(evt);
            (r.hasClassName("a")) ? false : r.addClassName("o");
        },
        mouseout:   function(e, m, evt)
        {
            var r = Event.element(evt);
            (r.hasClassName("o")) ? r.removeClassName("o") : false;
        },
        toggleZoom: function(e, i)
        {
            if(e == "aerial")
            {
                $(i + "-zoom").addClassName("aerial");
                $(i + "-zoom-bg").addClassName("aerial");
                new Effect.Appear(i + "-zoom-15");
                new Effect.Appear(i + "-zoom-16");
            }
            else
            {
                if($(i + "-zoom").hasClassName("aerial"))
                {
                    new Effect.Fade(i + "-zoom-15", {duration: 0, queue: {scope: "zoom"}});
                    new Effect.Fade(i + "-zoom-16", {duration: 0, queue: {scope: "zoom"}});
                    $(i + "-zoom-bg").removeClassName("aerial");
                    $(i + "-zoom").removeClassName("aerial");
                }
            }
        },
        translate:  function(e)
        {   //convert view into tile api var names
            var viewMode = "map";
            switch(e)
            {
                case "aerial":
                    viewMode = "sat";
                break;
                case "hybrid":
                    viewMode = "hyb";
                break;
            }
            return viewMode;
        },
        set: function(e, m, i, t)
        {
            var viewMode = MQ.map.view.translate(e);
            if(typeof(t) == "undefined")
            {   // do not toggle map instance, initial map call
                m.SetTileMode(viewMode); /* change view */
            }
            var viewObj = $(i + "-view-" + e);
            if(viewObj)
            {
                viewObj.addClassName("a");
            }
            MQ.data.map[i].view = e;
            if((e == "street") && (m.GetZoomLevel() > 14))
            {   /* zoom out to 14 on street maps */
                MQ.map.zoom.click(14, m, null, i);
            }
        }
    },
    monitor: function(evt)
    {   /* monitor control events */
        var eventId         = new Array();
        eventId             = Event.element(evt).id.split("-");
        var eventType       = getEventData(evt).type;
        var mapIns          = MQ.map.map[eventId[0]];
        var mapId           = eventId[0];
        var mapAction       = eventId[1];
        var mapRequest      = eventId[2];

        MQ.map[mapAction][eventType](mapRequest, mapIns, evt, mapId);
    },
    keyMonitor: function(evt)
    {
        if (!evt) evt = window.event;
        var keyPressed = 0;

        if(evt.type == 'contextmenu')
        {
            evt         = (window.event) ? window.event : evt;
            var evtdata = getEventData(evt);
            var mapId   = MQ.poi.curMapId;
            var temp    = evtdata.element;

            while(temp != $(mapId+'-poi-BL0') && temp != $(mapId+'-poi-AC0') && temp != $(mapId+'-poi-AC1')
                  && temp != $(mapId+'-poi-AC2') && temp != $('popupcontainer') && temp != $('stcpopup')
                  && temp != $('minipopup') && temp != MQ.poi.poiDiv && temp != document.getElementsByTagName('body')[0])
                  {
                    temp = temp.parentNode;
                  }

                  if(temp == $(mapId+'-poi-BL0') || temp == $(mapId+'-poi-AC0') || temp == $(mapId+'-poi-AC1')
                     || temp == $(mapId+'-poi-AC2') || temp == $('popupcontainer') || temp == $('stcpopup')
                     || temp == $('minipopup') || temp == MQ.poi.poiDiv)
                  {
                     return;
                  }
            keyPressed = 45;
        }
        else if(evt.which)
        {
            keyPressed = evt.which;
        }
        else if(evt.keyCode)
        {
            keyPressed = evt.keyCode;
        }

        if(keyPressed == 43 && MQ.data.map['map1'].view == 'street' && MQ.map.map.map1.GetZoomLevel()>=14)
        {
           return null;
        }
        else
        {
            $H(MQ.data.map).each(function(m)
            {
                var mapId       = m.key;
                var mapIns      = MQ.map.map[mapId];
                var mapAction   = 'zoom';
                var eventType   = 'click';
                var mapRequest  = (keyPressed == 43)? 'in' : ((keyPressed == 45)? 'out' : '');
                if(mapRequest != "")
                   MQ.map[mapAction][eventType](mapRequest, mapIns, evt, mapId);

                return false;
            });
        }
    },
    init: function()
    {
        MQ.utils.pngFilter(); /* fix pngs in IE 5.5 and 6 */
        /* get maps */
        $H(MQ.data.map).each(function(m)
        {
            var mapId   = m.key;
            var mapObj  = $(mapId + "-viewport");
            if(mapObj)
            {
                /* set map size */
                var size            = MQ.map.resize.getDimensions($(mapId + "-wrapper"));
                mapObj.style.width  = size.width + "px";
                mapObj.style.height = size.height + "px";

                /* reset the previous width & height */
                MQ.map.resize.data.previous.width  = 0;
                MQ.map.resize.data.previous.height = 0;

                /* effects */

                /*create map instance*/
                mData        = MQ.data.map[mapId];
                m.original   = mData;

                /* get map */
                var m        = MQ.map.map[mapId] = new Map(mapObj, mData.original.zoom,  new PointLL(mData.original.latitude, mData.original.longitude), MQ.map.view.translate(mData.original.view));

                /* place logos */
                if (typeof m.SetLogoPlacement == "function")
                {
                   m.SetLogoPlacement(LOGO_MQ_LOGO,CORNER_BOTTOMLEFT,new PointXY(0,-15));
                   m.SetLogoPlacement(LOGO_MQ_COPY,LOGO_NT_COPY,new PointXY(-185,-13));
                   m.SetLogoPlacement(LOGO_MQ_SCALES,LOGO_NT_COPY,new PointXY(-313,-21));
                   m.SetLogoPlacement(LOGO_NT_COPY,LOGO_NT_COPY,new PointXY(-82,-13));
                   m.SetLogoPlacement(LOGO_I3_COPY,LOGO_NT_COPY,new PointXY(-82,-14));
                }
                if(mData.route)
                {    /* route highlight */
                   m.AddRouteHighlight(new RectLL(new PointLL(mData.route.rect[0], mData.route.rect[1]), new PointLL(mData.route.rect[2], mData.route.rect[3])), mData.route.url, true, false, MQ.map.config.zoom[mData.original.view][0], MQ.map.config.zoom[mData.original.view][1]);
                   /* update original zoom to match best fit */
                   mData.original.zoom = m.GetZoomLevel();
                }

               /* set initial zoom level */
               MQ.map.zoom.set(mapId, mData.original.zoom);

               /* set 16-level zoom if the default view is aerial */
               if(mData.original.view == "aerial")
               {
                   MQ.map.view.toggleZoom(mData.original.view, mapId);
               }

               /* set initial view state */
               MQ.map.view.set(mData.original.view, m, mapId, false);

               /* attach specific events */
               $H(MQ.map.config.events).each(function(t)
               {
                   $A(t.value).each(function(e)
                   {
                       var evtObj = $(mapId + "-" + t.key + "-" + e);
                       if(evtObj)
                       {
                           Event.observe(evtObj, 'click', MQ.map.monitor);
                           Event.observe(evtObj, 'mouseover', MQ.map.monitor);
                           Event.observe(evtObj, 'mouseout', MQ.map.monitor);
                        }
                    });
               });
               Event.observe($(mapId + "-viewport"), 'contextmenu', MQ.map.keyMonitor);
               if(typeof(MQ.poi.data.goldRush) != 'undefined')
               {
                  if(MQ.poi.goldRush.checkMapResult(MQ.poi.defaultMapId) != null)
                  {
                     MQ.poi.goldRush.createGRAerialPOI();
                  }
                  else
                  {
                     MQ.poi.createPOI(mapId);
                     MQ.poi.goldRush.createGRAerialPOI();
                  }
               }
               else
               {
                  MQ.poi.createPOI(mapId);
               }
            }
        });
        /* set initial size */
        //MQ.map.resize.update(); 
        var resizeType      =   ((MQ.browser.info.name == "msie" && MQ.browser.info.version >= 6) ||
                              (MQ.browser.info.name == "safari")) ? 1 : 0;// 1 = timer, 0 = resize
        MQ.map.resize.resizeBrowserCheck(resizeType);
        document.onkeypress = MQ.map.keyMonitor;
        this.setMapState();
    },
    zoomToStreet: function(lat, lng)
    {
        var zoomLvl = 12; //default street level
        MQ.map.map['map1'].SetCenterLatLngZoomLevel(new PointLL(lat, lng), zoomLvl);
        MQ.map.zoom.set('map1',zoomLvl);
    },
    getOffsets: function() {
        var mapId = "map1";
        var ll = MQ.map.map[mapId].GetCenterLatLng();
        return ll.lat + "|" + ll.lng + "|" +
            this.map[mapId].GetZoomLevel() + "|" +
            this.resize.data.previous.width + "|" +
            this.resize.data.previous.height + "|" +
            MQ.data.map[mapId].view;
    },
    setOffsets: function(value)
    {
        var mapId               = "map1";
        var fields              = value.split("|");
        this.map[mapId].SetCenterLatLngZoomLevel(new PointLL(fields[0], fields[1]), fields[2]);
        this.zoom.set(mapId, fields[2]);
        $(mapId + "-view-street").removeClassName("a");
        this.view.set(fields[5], this.map[mapId], mapId);
        this.view.toggleZoom(fields[5], mapId);
        MQ.data.map[mapId].view = fields[5];
    },
    getMapState: function(url)
    {
        url += (url && url.indexOf("?") > -1) ? "&" : "?";
        return url + "ms=" + this.getOffsets();
    },
    setMapState: function()
    {
        var nameIndex = window.location.search.search(/\bms=/);
        if (nameIndex > -1) {
            var valueEnd    = window.location.search.indexOf("&", nameIndex);
            valueEnd        = valueEnd > -1 ? valueEnd : window.location.search.length;
            var value       = window.location.search.substring(nameIndex + 3, valueEnd);
            this.setOffsets(value);
        }
    }
}/*MQ.map*/

/**
 * =POI INTERFACE
 * @ui interaction with pois
 */
MQ.poi =
{
    config:
    {   /* settings of poi */
        iconsStyleClass: "poi-img",
        dropShadow:
        {
           src:         MQ.art.url.poi+"icon-std-dropshadow.png",
           styleClass:  "search-shadow",
           height:      7
        }
    },
    data:               {},
    poiDiv:             "",
    curRolloverImg:     false,
    prevRolloverImg:    false,
    curActivePOI:       false,
    curDataObj:         "",
    prevDataObj:        "",
    defaultMapId:       "map1",
    curMapId:           "",
    dataIndex:          0,
    createPOI:          function(mapId, location)
    {   /* create Poi */
        mapId = (typeof(mapId) == 'undefined')?MQ.poi.defaultMapId:mapId;
        var createPOI = true;
        if(createPOI)
        {
           Event.observe($(mapId+'-viewport'), 'mousedown', function(event) {MQ.poi.curMapId = mapId; MQ.poi.popupMonitor.poiPopupMonitor(event); } );
           var poiImgHandle;
           var config;
           var tmpLocation;
           $H(MQ.poi.data[mapId]).each(function(m)
           {
               if(typeof(location) == 'undefined')
                  tmpLocation = m.key;
               else
                  tmpLocation = location;

               config = MQ.poi.data[mapId][tmpLocation].icon;
               if(tmpLocation.indexOf("location")>=0)
               {
                   if(typeof(MQ.poi.data[mapId][tmpLocation].goldRush) == 'undefined')
                   {
                     poiImgHandle = document.createElement("div");
                     poiImgHandle.appendChild(MQ.poi.createPOIImg(config));
                     MQ.map.map[mapId].AddPOI(new PointLL(MQ.poi.data[mapId][tmpLocation].latitude/1000000,MQ.poi.data[mapId][tmpLocation].longitude/1000000),new PointXY(config.offsetLeft,config.offsetTop), poiImgHandle);
                     MQ.poi.poiDiv                                  = poiImgHandle.parentNode;
                     poiImgHandle.id                                = mapId+'-poi-' + config.id;
                     poiImgHandle.resultId                          = config.id;
                     poiImgHandle.firstChild.firstChild.onmouseover = MQ.poi.rolloverEvtDispatcher;
                     poiImgHandle.firstChild.firstChild.onmouseout  = MQ.poi.rolloverEvtDispatcher;
                     if(config.infoPopupRequired)
                     {
                         poiImgHandle.firstChild.firstChild.onclick = MQ.poi.toggleInfoPopup;
                     }
                   }
                   else if(document.body.id == "maps")
                   {
                     MQ.poi.curMapId  = MQ.poi.defaultMapId;
                     config           = MQ.poi.data[MQ.poi.curMapId][tmpLocation].goldRush.icon[MQ.data.map[MQ.poi.defaultMapId].view];
                     poiImgHandle     = document.createElement("div");
                     poiImgHandle.appendChild(MQ.poi.createPOIImg(config));

                     MQ.map.map[MQ.poi.defaultMapId].AddPOI(new PointLL(MQ.poi.data[MQ.poi.curMapId][tmpLocation].latitude/1000000,MQ.poi.data[MQ.poi.curMapId][tmpLocation].longitude/1000000),new PointXY(config.offsetLeft,config.offsetTop), poiImgHandle);

                     var image = poiImgHandle.firstChild.firstChild;
                     if(config.rolloverIconRequired)
                     {
                        image.src   = config.src + "-on.png";
                        MQ.utils.pngFilter(new Array(image));
                     }

                     poiImgHandle.id        = MQ.poi.defaultMapId+'-poi-' + config.id;
                     poiImgHandle.resultId  = config.id;

                     poiImgHandle.appendChild(MQ.poi.goldRush.createGRInfoPopup(config.id, MQ.poi.data[MQ.poi.curMapId][tmpLocation]));

                     image.onmouseover   = MQ.poi.goldRush.grRolloverEvtDispatcher;
                     image.onmouseout    = MQ.poi.goldRush.grRolloverEvtDispatcher;
                     image.onclick       = MQ.poi.goldRush.toggleGRInfoPopup;

                     imgHolderId            = config.blscript;
                     var grPopUpContainer   = $("grpopupcontainer" + config.id);
                     if(imgHolderId && imgHolderId != 'undefined')
                     {
                        getElementById("grpopupol"+config.id).appendChild(getElementById(imgHolderId));
                        getElementById(imgHolderId).style.paddingTop = "15px";
                     }
                     msgHolderId   = config.blmsg;
                     if(msgHolderId && msgHolderId != 'undefined') {
                        var clueHolder              = document.createElement("div");
                        clueHolder.style.paddingTop = "15px";
                        clueHolder.innerHTML        = config.blmsg;
                        getElementById("grpopupol"+config.id).appendChild(clueHolder);
                     }
                     if (MQ.browser.info.name == 'msie')
                     {
                        $("grpopupbottom"+config.id).style.filter   = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + MQ.art.url.siteOld + "popup-bottom-left.png', sizingMethod='scale')";
                        grPopUpContainer.style.left                 = ((-1)*(config.shadowLeft+6)) + "px";
                     }
                     else
                     {
                        $("grpopupbottom"+config.id).style.background   = "";
                        $("grpopupbottom"+config.id).style.background   = "transparent url(" + MQ.art.url.siteOld + "popup-bottom-left.png) no-repeat left";
                        grPopUpContainer.style.left                     = ((-1)*(23-config.shadowLeft)) + "px";
                     }
                     grPopUpContainer.style.top        = ((-1)*(grPopUpContainer.offsetHeight - 16)) + "px";
                     grPopUpContainer.style.visibility = "visible";
                     grPopUpContainer.style.zIndex     = 3;
                     grPopUpContainer.style.display    = "block";
                     MQ.poi.avoidPopupCollisions("grpopupcontainer"+config.id);
                   }
               }
           })
        }
    },
    destroyMapPOI: function(mapId)
    {
        var config;
        $H(MQ.poi.data[mapId]).each(function(m)
        {
            if(m.key.indexOf("location")>=0)
            {
               if(typeof(MQ.poi.data[mapId][m.key].goldRush) != 'undefined')
               {
                 config = MQ.poi.data[mapId][m.key].goldRush.icon[MQ.data.map[MQ.poi.defaultMapId].view];
                 if(getElementById(config.blscript))
                 {
                    getElementById("grClueBadgeHolder").appendChild(getElementById(config.blscript));
                 }
               }
               else
               {
                  config = MQ.poi.data[mapId][m.key].icon;
               }
               if($(mapId+"-poi-"+config.id))
               {
                   MQ.map.map[mapId].RemovePOI($(mapId+"-poi-"+config.id));
               }
            }
        })
    },
    getPOICount: function(t, mapId) {
        var count = 0;
        $H(MQ.poi.data[mapId]).each(function(m) {
            if (m.key.match(new RegExp("^" + t + "\\d+$"))) count++;
        });
        return count;
    },
    createPOIImg: function(config)
    {  /* create Poi Image*/
        var dropShadowConfig = MQ.poi.config.dropShadow;
        var imageName        = config.src;

        img1                 = new Image();
        img1.src             = MQ.poi.manipulateImage(imageName, false);
        img2                 = new Image();
        img2.src             = dropShadowConfig.src;

        var image1           = document.createElement("img");
        image1.src           = MQ.poi.manipulateImage(imageName, false);
        image1.className     = MQ.poi.config.iconsStyleClass + ((MQ.browser.info.name != "msie")?" screen":"");
        image1.alt           = "";

        var image2;
        if(config.shadowRequired)
        {
            image2                        = document.createElement("img");
            image2.src                    = dropShadowConfig.src;
            image2.className              = dropShadowConfig.styleClass + ((MQ.browser.info.name != "msie")?" screen":"");
            image2.style.marginLeft       = config.shadowLeft+"px";
        }
        var imgContainer            =  document.createElement("div");
        imgContainer.style.height   = (config.height+((config.shadowRequired)?dropShadowConfig.height:0))+"px";
        imgContainer.style.width    = (config.width+((config.shadowRequired)?config.shadowLeft:0))+"px";

        imgContainer.appendChild(image1);
        if(config.shadowRequired)
        {
            imgContainer.appendChild(image2);
            MQ.utils.pngFilter(new Array(image1,image2));
        }
        else
        {
            MQ.utils.pngFilter(new Array(image1));
        }

        var image3              = document.createElement("img");
        image3.src              = MQ.poi.manipulateImage(imageName, false, true, false);
        image3.style.position   = "absolute";
        image3.style.top        = "2px";
        image3.className        = "print";
        imgContainer.appendChild(image3);

        return imgContainer;
    },
    createMiniPopup: function()
    {
        /* create the container div */
        var oDiv        = document.createElement("div");
        oDiv.id         = "minipopup";
        oDiv.className  = "mqminipopup";

        if(MQ.browser.info.name != "msie") {
            oDiv.style.background = "url(" + MQ.art.url.siteOld + "rollover-left.png) left";
        }
        document.body.appendChild(oDiv);
        return oDiv;
    },
    createInfoPopup: function()
    {
        /* create the container div */
        var oDiv        = document.createElement("div");
        oDiv.id         = "popupcontainer";
        oDiv.className  = "mqpoipopup";

        /* create the close button */
        var str = "<img id='poiclose' src='" + MQ.art.url.siteOld + "stc-close' class='mqpoiclose' onclick='MQ.poi.closePOIPopup();' />";

        /* create the top section */
        str     += "<div id='popuptop' class='mqpoitop'></div>";

        /* create the middle section */
        str     += "<div id='popupcenter' class='mqpoicenter'><div id='popupinfocontainer' class='mqpoiinfocontainer'><div id='popupol' class='results'></div></div></div>";

        /* create the bottom section */
        str     += "<div id='popupbottom' class='mqpoibottom'></div>";

        oDiv.innerHTML = str;
        document.body.appendChild(oDiv);

        /* transparency fixes for IE */
        if (MQ.browser.info.name == 'msie')
        {
            $("popupcenter").style.height  = "4px";
            $("popuptop").style.filter     = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + MQ.art.url.siteOld + "popup-top.png', sizingMethod='scale')";
            $("popupcenter").style.filter  = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + MQ.art.url.siteOld + "popup-center.png', sizingMethod='scale')";
        }
        else
        {
            $("popuptop").style.background     = "transparent url(" + MQ.art.url.siteOld + "popup-top.png) no-repeat left";
            $("popupcenter").style.background  = "transparent url(" + MQ.art.url.siteOld + "popup-center.png) left";
        }
    },
    rolloverEvtDispatcher: function(evt)
    {
        if (!evt) var evt   = window.event;
        var evtdata         = getEventData(evt);
        var poiImgHandle    = evtdata.element.parentNode.parentNode;

        if(MQ.poi.curActivePOI && MQ.poi.curActivePOI.status == "locked" && poiImgHandle == MQ.poi.curActivePOI) return;

        var obj             = this;
        evtdata.resultId    = poiImgHandle.resultId;
        MQ.poi.curMapId     = poiImgHandle.id.substring(0, poiImgHandle.id.indexOf("-"));

        switch(evtdata.type)
        {
            case 'mouseover':
                MQ.poi.dataIndex = evtdata.resultId.charAt(evtdata.resultId.length-1);
                if(MQ.poi.curRolloverImg && evtdata.resultId != MQ.poi.curRolloverImg.resultId)
                {
                   MQ.poi.prevDataObj     = MQ.poi.curDataObj;
                   MQ.poi.prevRolloverImg = MQ.poi.curRolloverImg;
                }

                if(evtdata.resultId == ("S"+evtdata.resultId.charAt(evtdata.resultId.length-1)))
                {
                   MQ.poi.curDataObj = MQ.poi.data[MQ.poi.curMapId]["search"+MQ.poi.dataIndex];
                }
                else
                {
                   MQ.poi.curDataObj = MQ.poi.data[MQ.poi.curMapId]["location"+MQ.poi.dataIndex];
                }
                MQ.poi.showMiniPopup(evtdata);
                break;
            case 'mouseout':
                var temp = (evt.relatedTarget) ? evt.relatedTarget : evt.toElement;
                while(temp && temp != obj && temp != document.getElementsByTagName('body')[0])
                {
                    temp = temp.parentNode;
                }
                if(temp == obj) return;

                MQ.poi.addMouseMove();
                break;
        }
    },
    showMiniPopup: function(evtdata)
    {
        var mapId             = MQ.poi.curMapId;
        var oPopup            = ($('minipopup'))?$('minipopup') : MQ.poi.createMiniPopup();
        var resultId          = evtdata.resultId;
        var dataObj           = MQ.poi.curDataObj;

        if(dataObj.icon.infoPopupRequired)
            oPopup.onclick    = this.toggleInfoPopup;

        var strBusName        = this.getMiniPopupContent();

        /* Display Rollover Image*/
        if(dataObj.icon.rolloverIconRequired)
        {
            MQ.poi.curRolloverImg                               = $(mapId+'-poi-'+resultId);
            MQ.poi.curRolloverImg.resultId                      = resultId;
            MQ.poi.curRolloverImg.firstChild.firstChild.src     = MQ.poi.manipulateImage(dataObj.icon.src, true);
            MQ.utils.pngFilter(new Array(MQ.poi.curRolloverImg.firstChild.firstChild));
        }
        if(dataObj.icon.miniPopupRequired)
        {
            var poiImgHandle    = $(mapId+"-poi-"+resultId);
            oPopup.resultId     = resultId;
            if(MQ.browser.info.name == "msie")
            {
                oPopup.style.filter     = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + MQ.art.url.siteOld + "rollover-left.png', sizingMethod='scale')";
                oPopup.style.left       = ((-1)*(dataObj.icon.shadowLeft)) + "px";
            }
            else
            {
                oPopup.style.background = "";
                oPopup.style.background = "url(" + MQ.art.url.siteOld + "rollover-left.png) left";
                oPopup.style.left       = ((-1)*(18-dataObj.icon.shadowLeft)) + "px";
            }
            oPopup.style.top            = ((-1)*(oPopup.offsetHeight-15)) + "px";
            poiImgHandle.appendChild(oPopup);

            /*
            * Reset z-index of all POIs so that focused one can be on top
            */
            var poiId = mapId+"-poi-D";
            for (var i = 0; poiId != ""; i++) {
                if ($(poiId + i))
                    $(poiId + i).style.zIndex = 9;
                else poiId = "";
            }
            poiImgHandle.style.zIndex++;
            var strHtml                 = "<div class='mqminipopuphead'>"+strBusName+"</div>";
            oPopup.innerHTML            =  strHtml;
            oPopup.style.visibility     = "visible";
            MQ.poi.addMouseMove();
        }
    },
    getMiniPopupContent: function()
    {
        var strBusName  = "";
        var dataObj     = MQ.poi.curDataObj;
        if(dataObj.name != "")
           strBusName   = dataObj.name;
        else if(dataObj.address != "")
           strBusName   = dataObj.address;
        else if(dataObj.city != "" || dataObj.stateProvince != "" || dataObj.country != "")
        {
          if(dataObj.city != "")
             strBusName += dataObj.city + ", ";

          if(dataObj.stateProvince != "")
             strBusName += dataObj.stateProvince+ ", ";

          if(dataObj.country != "")
             strBusName += dataObj.country;
        }
        if(typeof(strBusName) == "undefined")
            strBusName = "";

        strBusName      = strBusName.replace(/&amp;/,'&');
        strBusName      = strBusName.replace(/<BR>/gi,' ');

        if(strBusName.length > 26)
            strBusName  = strBusName.substr(0,26) + "...";

        return strBusName;
    },
    toggleInfoPopup: function(evt)
    {
        var evtdata = getEventData(evt);
        var mapId   = MQ.poi.curMapId;
        if(!evtdata.id)
        {
            evtdata.element  = evtdata.element.parentNode.parentNode;
            evtdata.id       = evtdata.element.id;
            evtdata.resultId = evtdata.element.resultId;
        }

        var dataObj  = MQ.poi.curDataObj;
        var resultId = (evtdata.id == 'minipopup')?evtdata.element.resultId:evtdata.resultId;

        if($("stcpopup"))
            $("stcpopup").style.display = "none";

        if(MQ.poi.curActivePOI && MQ.poi.curActivePOI.status == "locked") /*unlock it, make popup disappear*/
        {
            var imageName;
            if(MQ.poi.curActivePOI.id == mapId+"-poi-"+resultId)
            {
                imageName      = MQ.poi.curDataObj.icon.src;
            }
            else
            {
                imageName      = MQ.poi.prevDataObj.icon.src;
            }
            $('popupcontainer').parentNode.firstChild.firstChild.src    = MQ.poi.manipulateImage(imageName, false);
            MQ.utils.pngFilter(new Array($('popupcontainer').parentNode.firstChild.firstChild));

            $('popupcontainer').style.visibility = "hidden";
            MQ.poi.curActivePOI.status = "unlocked";

            if(MQ.poi.curActivePOI.id == mapId+"-poi-"+resultId)
            {
                MQ.poi.curActivePOI = null;
                return;
            }
        }
        Event.observe(document.body, 'click', MQ.poi.closePOIPopup);
        $("minipopup").style.visibility = "hidden";
        if(!$('popupcontainer'))
            MQ.poi.createInfoPopup();

        $('popupcontainer').style.visibility    = "visible";
        $('popupcontainer').style.display       = "block";
        /*  cleanup popup content section */
        var contentHolder                       = $("popupol");
        MQ.utils.deleteChildElements(contentHolder);
        contentHolder.style.listStyle           = "none";
        contentHolder.innerHTML                 = MQ.poi.getInfoPopupContent();
        var poiImgHandle                        = $(mapId+"-poi-"+resultId);
        var stcAnchor                           = $("mqstc-0");
        if (typeof stcAnchor == "object") {
            Event.observe(stcAnchor, "click", MQ.poi.toggleSTCPopup);
        }

        if (MQ.browser.info.name == 'msie')
        {
            $("popupbottom").style.filter   = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + MQ.art.url.siteOld + "popup-bottom-left.png', sizingMethod='scale')";
            $('popupcontainer').style.left  = ((-1)*(dataObj.icon.shadowLeft+2)) + "px";
        }
        else
        {
            $("popupbottom").style.background   = "";
            $("popupbottom").style.background   = "transparent url(" + MQ.art.url.siteOld + "popup-bottom-left.png) no-repeat left";
            $('popupcontainer').style.left      = ((-1)*(20-dataObj.icon.shadowLeft)) + "px";
        }
        $('popupcontainer').style.top       = ((-1)*($('popupcontainer').offsetHeight-18)) + "px";
        poiImgHandle.appendChild($('popupcontainer'));
        $('popupcontainer').style.zIndex    = 3;

        MQ.poi.avoidPopupCollisions("popupcontainer");

        MQ.poi.curActivePOI         = $(mapId+"-poi-" + resultId);
        MQ.poi.curActivePOI.status  = "locked";
        if(dataObj.icon.rolloverIconRequired)
        {
           MQ.poi.curRolloverImg.status = 'locked';
        }
    },
    getInfoPopupContent: function()
    {
        var popupContent        = "";
        var dataObj             = MQ.poi.curDataObj;
        var popupLineHeading    = this.getMiniPopupContent();
        var popupContentText    = "";
        if(dataObj.name != "")
        {
            if(dataObj.address != "")
            {
                popupContentText  = dataObj.address + ", ";
            }
            if(dataObj.city != "" && dataObj.stateProvince != "" && dataObj.country != "")
            {
                popupContentText += dataObj.city + ", " + dataObj.stateProvince + ", " + dataObj.country;
            }
            if(dataObj.name.indexOf("Latitude") >= 0)
            {
                popupContentText += dataObj.name;
            }
        }
        else if(dataObj.address != "" && dataObj.city != "" && dataObj.stateProvince != "" && dataObj.country != "")
        {
            popupContentText += dataObj.city + ", " + dataObj.stateProvince + ", " + dataObj.country;
        }
        if(dataObj.phone != "")
        {
          popupContentText += "<br />"+dataObj.phone;
        }
        popupContent       += "<div class='mqpoiheading'>" + popupLineHeading + "</div>";
        popupContent       += "<div class='mqpoicontenttext'>" + popupContentText + "</div>";

        var sLinks    = "";
        $H(dataObj.links).each(function(x) {
            sLinks      += (sLinks != "")? " | ":"";
            sLinks      += "<a " + x.value.attribute + " />" + x.value.label + "</a>";
        });
        popupContent    += "<div id=\"mqpopuplnks\">"+ sLinks +"</div>";

        if(dataObj.other)
        {
            popupContent += "<div class=\"mqpopupother\">" + dataObj.other + "</div>";
        }

        return popupContent;
    },
    avoidPopupCollisions: function(popupId) {
        var container               = $("popupcontainer");
        var mapId                   = MQ.poi.curMapId;
        var popup                   = $(popupId);
        var collisionInfo           = MQ.poi.getCollisionInfo($(mapId+'-viewport'), popup);
        if (collisionInfo.panX != 0 || collisionInfo.panY != 0)
        {
            MQ.map.map[mapId].SlideMapByOffset(new PointXY(collisionInfo.panX, collisionInfo.panY));
        }
    },
    getCollisionInfo: function(mapElement, element)
    {
        var collisionInfo   = {panX: 0, panY: 0};
        var mapId           = MQ.poi.curMapId;
        var mapLftTop       = MQ.utils.getOffsetLftTop($(mapId+'-viewport'));
        var elemPos         = Position.cumulativeOffset(element);
        var leftTopPad      = 10;
        elemPos[0]          = elemPos[0] - mapLftTop.left - leftTopPad;
        elemPos[1]          = elemPos[1] - mapLftTop.top - leftTopPad;
        var compassDims     = { width: 37, height: 300 }
        var viewBtnDims     = { width: 150, height: 20 }
        /* clear compass rose */
        var leftBound = (elemPos[0] < compassDims.width
            && elemPos[1] < compassDims.height + leftTopPad)
            ? compassDims.width
            : 0;
        /* clear view buttons */
        var topBound = (elemPos[0] + element.clientWidth > mapElement.clientWidth - viewBtnDims.width
            && elemPos[1] < viewBtnDims.height + leftTopPad)
            ? viewBtnDims.height
            : 0;

        if (element.clientWidth > 0 && element.clientHeight > 0)
        {
            if (elemPos[0] < leftBound)
            {   // beyond left
                collisionInfo.panX = Math.abs(elemPos[0] - leftBound);
            }
            else if (elemPos[0] + leftTopPad + element.clientWidth > mapElement.clientWidth)
            {   // beyond right
                collisionInfo.panX = -1 * (element.clientWidth + elemPos[0] + leftTopPad - mapElement.clientWidth);
            }
            if (elemPos[1] < topBound)
            {   // beyond top
                collisionInfo.panY = Math.abs(elemPos[1] - topBound);
            }
            else if (elemPos[1] + element.clientHeight > mapElement.clientHeight)
            {   // beyond bottom
                collisionInfo.panY = mapElement.clientHeight - elemPos[1] - element.clientHeight;
            }
        }
        return collisionInfo;
    },
    popupMonitor:
    {
        tempMouseX: 0,
        tempMouseY: 0,
        poiPopupMonitor: function(evt)
        {
            evt         = (window.event) ? window.event : evt;
            var evtdata = getEventData(evt);
            var mapId   = MQ.poi.curMapId;
            switch(evtdata.type)
            {
                case 'mousedown':
                    if(evtdata.id != 'poiclose')
                    {
                        var temp    = evtdata.element;
                        while(temp != $(mapId+'-poi-BL0') && temp != $(mapId+'-poi-AC0') && temp != $(mapId+'-poi-AC1')
                               && temp != $(mapId+'-poi-AC2') && temp != $('popupcontainer') && temp != $('stcpopup')
                               && temp != $('minipopup') && temp != MQ.poi.poiDiv && temp != document.getElementsByTagName('body')[0])
                        {
                            temp = temp.parentNode;
                        }

                        if(temp == $(mapId+'-poi-BL0') || temp == $(mapId+'-poi-AC0') || temp == $(mapId+'-poi-AC1')
                            || temp == $(mapId+'-poi-AC2') || temp == $('popupcontainer') || temp == $('stcpopup')
                            || temp == $('minipopup') || temp == MQ.poi.poiDiv
                            || evtdata.id.indexOf(mapId+"-poi-") >= 0)
                        {
                            return;
                        }

                        if(MQ.poi.curActivePOI && MQ.poi.curRolloverImg && MQ.poi.curActivePOI.id != MQ.poi.curRolloverImg.id) return;
                    }
                    var stcPopup = $("stcpopup");
                    if (stcPopup && stcPopup.parentNode == document.body)
                    {
                        MQ.poi.hidePopup();
                    }
                    MQ.poi.popupMonitor.tempMouseX  = Event.pointerX(evt);
                    MQ.poi.popupMonitor.tempMouseY  = Event.pointerY(evt);
                    Event.observe($(mapId+'-viewport'), 'mouseup', MQ.poi.popupMonitor.poiPopupMonitor);
                    break;
                case 'mouseup':
                    if(evtdata.id.indexOf("mqstc-")<0 && evtdata.id.indexOf("a")<0)
                    {
                        var shiftX  = 0;
                        var shiftY  = 0;
                        var newX    = Event.pointerX(evt);
                        var newY    = Event.pointerY(evt);
                        if(parseInt(newX)>parseInt(MQ.poi.popupMonitor.tempMouseX))
                        {
                            shiftX = parseInt(newX)-parseInt(MQ.poi.popupMonitor.tempMouseX);
                        }
                        else
                        {
                            shiftX = parseInt(MQ.poi.popupMonitor.tempMouseX)-parseInt(newX);
                        }
                        if(parseInt(newY)>parseInt(MQ.poi.popupMonitor.tempMouseY))
                        {
                            shiftY = parseInt(newY) - parseInt(MQ.poi.popupMonitor.tempMouseY);
                        }
                        else
                        {
                            shiftY = parseInt(MQ.poi.popupMonitor.tempMouseY) - parseInt(newY);
                        }
                        if(shiftX<2 && shiftY<2)
                        {
                            MQ.poi.hidePopup();
                        }
                    }
                    Event.stopObserving($(mapId+'-viewport'),'mouseup',MQ.poi.popupMonitor.poiPopupMonitor);
                    break;
            }
        }
    },
    addMouseMove: function()
    {
        Event.observe(document.body, 'mousemove', MQ.poi.checkMouseOver);
    },
    checkMouseOver: function(evt)
    {
        var evtData = getEventData(evt);
        var temp    = evtData.element;
        var resultId;
        var dataObj = MQ.poi.curDataObj;
        var mapId   = MQ.poi.curMapId;
        if(dataObj && dataObj.icon.rolloverIconRequired)
        {
           resultId    = (MQ.poi.curRolloverImg)?MQ.poi.curRolloverImg.id.substr(MQ.poi.curRolloverImg.id.lastIndexOf('-')+1):0;
        }
        else
        {
           resultId    = (MQ.poi.curActivePOI)?MQ.poi.curActivePOI.id.substr(MQ.poi.curActivePOI.id.lastIndexOf('-')+1):0;
        }

        var minPopup = $("minipopup");
        while(temp != $(mapId+'-poi-'+resultId) && temp != minPopup && temp != document.getElementsByTagName('body')[0])
        {
            temp = temp.parentNode;
        }
        if(temp == $(mapId+'-poi-'+resultId) || temp == minPopup || evtData.element.id.indexOf(mapId+"-poi-") >= 0) return;
        if(minPopup)
        {
           minPopup.style.visibility = "hidden";
        }
        if(dataObj && dataObj.icon.rolloverIconRequired && MQ.poi.curRolloverImg && MQ.poi.curRolloverImg.status != 'locked')
        {
            MQ.poi.curRolloverImg.firstChild.firstChild.src  = MQ.poi.manipulateImage(dataObj.icon.src, false);
            MQ.utils.pngFilter(new Array(MQ.poi.curRolloverImg.firstChild.firstChild));
            MQ.poi.curRolloverImg                            = null;
            MQ.poi.curDataObj                                = MQ.poi.prevDataObj;
            MQ.poi.curRolloverImg                            = MQ.poi.prevRolloverImg;
        }
        else if(MQ.poi.curRolloverImg && MQ.poi.curRolloverImg.status != 'locked')
        {
            MQ.poi.curRolloverImg = false;
        }
        if(MQ.browser.info.name == "msie")
        {
            MQ.utils.deleteElement($('minipopup'));
        }
        Event.stopObserving(document.body, 'mousemove', MQ.poi.checkMouseOver);
    },
    closePOIPopup: function(evt)
    {
        evt = (window.event)?window.event:evt;
        if(!evt) return;

        var evtEle = evt.srcElement?evt.srcElement:evt.target?evt.target:"";
        if(evtEle != "" && evtEle.id == "mqpopup-close") return;

        var mapId           = MQ.poi.curMapId;
        var popupContainer  = $("popupcontainer");
        if(popupContainer && popupContainer.style.visibility == "hidden")
        {
          return;
        }

        var evtdata = getEventData(evt);
        if(evtdata.id && (evtdata.id == 'minipopup' || evtdata.id.indexOf(mapId+'-poi-') >= 0 || evtdata.id == 'stcclose'))
        {
            return;
        }

        if(evtdata.id != 'poiclose')
        {
            var temp    = evtdata.element;
            /* if stc popup is open from the link inside info popup, clicking inside stcpopup should not close info popup */
            while(temp != popupContainer && temp != $('stcpopup') && temp != $(mapId+'-viewport') && temp != document.getElementsByTagName('body')[0])
            {
                temp = temp.parentNode;
            }
            if(temp == popupContainer || temp == $('stcpopup') || temp == $(mapId+'-viewport')) return;
        }
        MQ.poi.hidePopup();
    },
    hidePopup: function()
    {
        if($("popupcontainer"))
        {
            $("popupcontainer").style.display = "none";
        }
        var dataObj                     = MQ.poi.curDataObj;
        if(MQ.poi.curActivePOI)
        {
            MQ.poi.curActivePOI.status  = "unlocked";
            MQ.poi.curActivePOI         = null;
        }
        if(dataObj && dataObj.icon.rolloverIconRequired && MQ.poi.curRolloverImg)
        {
            MQ.poi.curRolloverImg.firstChild.firstChild.src = MQ.poi.manipulateImage(dataObj.icon.src, false);
            MQ.utils.pngFilter(new Array(MQ.poi.curRolloverImg.firstChild.firstChild));
            MQ.poi.curRolloverImg.status                    = 'unlocked';
            MQ.poi.curDataObj                               = MQ.poi.prevDataObj;
            MQ.poi.curRolloverImg                           = MQ.poi.prevRolloverImg;
        }
        Event.stopObserving(document.body, 'mousemove', MQ.poi.checkMouseOver);
        Event.stopObserving(document.body, 'click', MQ.poi.closePOIPopup);
        if($("poiclose"))
        {
            Event.stopObserving($("poiclose"),'click',MQ.poi.closePOIPopup);
        }
    },
    toggleSTCPopup: function(evt)
    {
        mqToggleSTC(evt);
        MQ.poi.avoidPopupCollisions("stcpopup");
    },
    manipulateImage: function(imageName, rolloverRequired, forceGIF, forcePNG)
    {
        var defaultImgExtension = "png";
        var imageLength         = imageName.length;
        var imageExtension      = imageName.toLowerCase().substring(imageLength - 3, imageLength);
        var modifiedImageName;
        if(imageExtension == "gif" || imageExtension == "png")
        {
            imageExtension  = (forceGIF)?"gif":((forcePNG)?"png":imageExtension);
            if(rolloverRequired)
            {
               imageName         = imageName.substring(0,imageLength - 4);
               modifiedImageName = imageName + "-on."+imageExtension;
            }
            else
            {
               if(forceGIF || forcePNG)
               {
                  modifiedImageName = imageName.substring(0,imageLength - 4) + "."+imageExtension;
               }
               else
               {
                  modifiedImageName = imageName;
               }
            }
        }
        else
        {
            imageExtension  = (forceGIF)?"gif":((forcePNG)?"png":defaultImgExtension);
            if(rolloverRequired)
            {
               modifiedImageName = imageName +"-on."+imageExtension;
            }
            else
            {
               modifiedImageName = imageName +"."+imageExtension;
            }
        }
        return modifiedImageName;
    },
    goldRush:
    {
        createGRAerialPOI: function()
        {   /* create Poi */
            if(document.body.id == "maps" && typeof(MQ.poi.data.goldRush) != 'undefined')
            {
                var config;
                var imgHolderId;
                var zl          = "zoom"+MQ.map.map.map1.GetZoomLevel();
                MQ.poi.curMapId = MQ.poi.defaultMapId;
                MQ.poi.goldRush.destroyGRAerialPOI();
                $H(MQ.poi.data.goldRush.aerial).each(function(m)
                {
                   if(typeof(MQ.poi.data.goldRush.aerial[m.key])!="undefined")
                   {
                       if(typeof(MQ.poi.data.goldRush.aerial[m.key].icon[zl]) != 'undefined' && typeof(MQ.poi.data.goldRush.aerial[m.key].icon[zl][MQ.data.map['map1'].view]) != 'undefined')
                       {
                           if(MQ.poi.goldRush.checkMapResult("map1",m.key) != null)
                           {
                               MQ.poi.destroyMapPOI("map1");
                           }
                           config = MQ.poi.data.goldRush.aerial[m.key].icon[zl][MQ.data.map['map1'].view];
                           if(typeof(config)!='undefined')
                           {
                              poiImgHandle = document.createElement("div");
                              poiImgHandle.appendChild(MQ.poi.createPOIImg(config));
                              MQ.map.map.map1.AddPOI(new PointLL(MQ.poi.data.goldRush.aerial[m.key].latitude/1000000,MQ.poi.data.goldRush.aerial[m.key].longitude/1000000),new PointXY(config.offsetLeft,config.offsetTop), poiImgHandle);

                              var image = poiImgHandle.firstChild.firstChild;
                              if(config.rolloverIconRequired)
                              {
                                 image.src   = config.src + "-on.png";
                                 MQ.utils.pngFilter(new Array(image));
                              }

                              poiImgHandle.id       = 'map1-poi-' + config.id;
                              poiImgHandle.resultId = m.key+"-"+zl+"-"+config.id;

                              poiImgHandle.appendChild(MQ.poi.goldRush.createGRInfoPopup(config.id, MQ.poi.data.goldRush.aerial[m.key]));
                              msgHolderId   = config.msg;
                              if(msgHolderId)
                              {
                                  var msgData               = document.createElement("DIV");
                                  msgData.style.paddingTop  = "15px";
                                  msgData.innerHTML         = msgHolderId;
                                  getElementById("grpopupol" + config.id).appendChild(msgData);
                              }
                              imgHolderId           = config.script;
                              if(imgHolderId)
                              {
                                  getElementById("grpopupol" + config.id).appendChild(getElementById(imgHolderId));
                                  getElementById(imgHolderId).style.paddingTop = "15px";
                              }
                              image.onmouseover   = MQ.poi.goldRush.grRolloverEvtDispatcher;
                              image.onmouseout    = MQ.poi.goldRush.grRolloverEvtDispatcher;
                              image.onclick       = MQ.poi.goldRush.toggleGRInfoPopup;

                              var grPopUpContainer   = $("grpopupcontainer" + config.id);
                              if (MQ.browser.info.name == 'msie')
                              {
                                  $("grpopupbottom"+config.id).style.filter   = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + MQ.art.url.siteOld + "popup-bottom-left.png', sizingMethod='scale')";
                                  if(typeof(config.forceShift)!="undefined" && config.forceShift)
                                  {
                                     grPopUpContainer.style.left = ((-1)*(config.shadowLeft + 6 + config.offsetLeft)) + "px";
                                     grPopUpContainer.style.top  = ((-1)*(grPopUpContainer.offsetHeight + config.offsetTop - 16)) + "px";
                                  }
                                  else
                                  {
                                     grPopUpContainer.style.left = ((-1)*(config.shadowLeft+6)) + "px";
                                     grPopUpContainer.style.top  = ((-1)*(grPopUpContainer.offsetHeight-16)) + "px";
                                  }
                              }
                              else
                              {
                                  $("grpopupbottom"+config.id).style.background   = "";
                                  $("grpopupbottom"+config.id).style.background   = "transparent url(" + MQ.art.url.siteOld + "popup-bottom-left.png) no-repeat left";
                                  if(typeof(config.forceShift)!="undefined" && config.forceShift)
                                  {
                                     grPopUpContainer.style.left    = ((-1)*(23-config.shadowLeft+config.offsetLeft)) + "px";
                                     grPopUpContainer.style.top     = ((-1)*(grPopUpContainer.offsetHeight + config.offsetTop-16)) + "px";
                                  }
                                  else
                                  {
                                     grPopUpContainer.style.left    = ((-1)*(23-config.shadowLeft)) + "px";
                                     grPopUpContainer.style.top     = ((-1)*(grPopUpContainer.offsetHeight-16)) + "px";
                                  }
                              }
                              grPopUpContainer.style.visibility  = "visible";
                              grPopUpContainer.style.zIndex      = 3;
                              grPopUpContainer.style.display     = "block";
                           }
                       }
                       else
                       {
                            if(MQ.poi.goldRush.checkMapResult("map1",m.key) != null)
                            {
                                MQ.poi.destroyMapPOI("map1");
                                MQ.poi.createPOI("map1", "location0");
                            }
                       }
                   }
               })
            }
        },
        destroyGRAerialPOILoc: function(location)
        {
            var zl;
           $H(MQ.poi.data.goldRush.aerial[location].icon).each(function(m1)
           {
               zl = MQ.poi.data.goldRush.aerial[location].icon[m1.key][MQ.data.map['map1'].view];
               if(getElementById(zl.script))
               {
                  getElementById("grClueBadgeHolder").appendChild(getElementById(zl.script));
               }
            })

           $H(MQ.poi.data.goldRush.aerial[location].icon).each(function(m1)
           {
               zl = MQ.poi.data.goldRush.aerial[location].icon[m1.key][MQ.data.map['map1'].view];
               if($("map1-poi-"+zl.id))
               {
                 MQ.map.map.map1.RemovePOI($("map1-poi-"+zl.id));
               }
           })
        },
        destroyGRAerialPOI: function()
        {
            var zl;
            $H(MQ.poi.data.goldRush.aerial).each(function(m)
            {
               $H(MQ.poi.data.goldRush.aerial[m.key].icon).each(function(m1)
               {
                   zl = MQ.poi.data.goldRush.aerial[m.key].icon[m1.key][MQ.data.map['map1'].view];
                   if(typeof(zl)!='undefined' && getElementById(zl.script))
                   {
                      getElementById("grClueBadgeHolder").appendChild(getElementById(zl.script));
                   }
               })
            })

            $H(MQ.poi.data.goldRush.aerial).each(function(m)
            {
               $H(MQ.poi.data.goldRush.aerial[m.key].icon).each(function(m1)
               {
                   zl = MQ.poi.data.goldRush.aerial[m.key].icon[m1.key][MQ.data.map['map1'].view];
                   if(typeof(zl)!='undefined' && $("map1-poi-"+zl.id))
                   {
                     MQ.map.map.map1.RemovePOI($("map1-poi-"+zl.id));
                   }
               })
            })
        },
        createGRInfoPopup: function(id, dataObj)
        {
            /* create the container div */
            var oDiv        = document.createElement("div");
            oDiv.id         = "grpopupcontainer"+id;
            oDiv.className  = "mqpoipopup";

            /* create the close button */
            var str = "<img id='grpoiclose" + id + "' src='" + MQ.art.url.siteOld + "stc-close' class='mqpoiclose' />";

            /* create the top section */
            str     += "<div id='grpopuptop" + id + "' class='mqpoitop'></div>";

            /* create the middle section */
            str     += "<div id='grpopupcenter" + id + "' class='mqpoicenter'><div id='grpopupinfocontainer" + id + "' style='padding-right:10px'><ol id='grpopupol" + id + "' class='results'>"+MQ.poi.goldRush.getGRInfoPopupContent(dataObj)+"</ol></div></div>";

            /* create the bottom section */
            str     += "<div id='grpopupbottom" + id + "' class='mqpoibottom'></div>";

            oDiv.innerHTML = str;
            document.body.appendChild(oDiv);

            var stcAnchor = $("mqstc-"+id);
            if (typeof stcAnchor != "object") {
                stcAnchor = $("mqstc-0");
            }

            if (typeof stcAnchor == "object") {
                 stcAnchor.onclick = function(evt) {
                       if (!evt) var evt    = window.event;
                       var evtdata          = getEventData(evt);
                       mqToggleSTC(evt,evtdata.element.parentNode.parentNode.parentNode.parentNode.parentNode.id);
                       MQ.poi.avoidPopupCollisions("stcpopup");
                 };
            }

            $("grpoiclose"+id).onclick = MQ.poi.goldRush.toggleGRInfoPopup;

            /* transparency fixes for IE */
            if (MQ.browser.info.name == 'msie')
            {
                $("grpopupcenter"+id).style.height = "4px";
                $("grpopuptop"+id).style.filter     = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + MQ.art.url.siteOld + "popup-top.png', sizingMethod='scale')";
                $("grpopupcenter"+id).style.filter  = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + MQ.art.url.siteOld + "popup-center.png', sizingMethod='scale')";
            }
            else
            {
                $("grpopuptop"+id).style.background     = "transparent url(" + MQ.art.url.siteOld + "popup-top.png) no-repeat left";
                $("grpopupcenter"+id).style.background  = "transparent url(" + MQ.art.url.siteOld + "popup-center.png) left";
            }
            return $("grpopupcontainer"+id);
        },
        getGRInfoPopupContent: function(dataObj)
        {
            var popupContent    = '';
            popupLineHeading    = MQ.poi.goldRush.getGRMiniPopupContent(dataObj);
            var popupContentText = "";
            if(dataObj.name != "")
            {
              if(dataObj.address != "")
              {
                  popupContentText  = dataObj.address + ", ";
              }
              popupContentText += dataObj.city + ", " + dataObj.stateProvince + ", " + dataObj.country;
            }
            else if(dataObj.address != "")
            {
              popupContentText = dataObj.city + ", " + dataObj.stateProvince + ", " + dataObj.country;
            }
            else
            {
              popupContentText = "";
            }
            if(typeof(dataObj.phone)!="undefined" && dataObj.phone!="")
            {
              popupContentText += "<br>"+dataObj.phone;
            }
            var popupLine1      = popupLineHeading;
            popupContent       += "<div class='mqpoiheading'>"+popupLine1+"</div>";
            popupContent       += "<div class='mqpoicontenttext'>"+popupContentText+"</div>";

            var sLinks    = "";
            $H(dataObj.links).each(function(x) {
                sLinks      += (sLinks != "")? " | ":"";
                sLinks      += "<a " + x.value.attribute + " />" + x.value.label + "</a>";
            });
            popupContent    += "<div id=\"mqpopuplnks\">"+ sLinks +"</div>";

            return popupContent;
        },
        getGRMiniPopupContent: function(dataObj)
        {
            var strBusName  = "";
            if(dataObj.name != "")
               strBusName = dataObj.name;
            else if(dataObj.address != "")
               strBusName = dataObj.address;
            else if(dataObj.city != "" || dataObj.stateProvince != "" || dataObj.country != "")
            {
              if(dataObj.city != "")
                 strBusName += dataObj.city + ", ";

              if(dataObj.stateProvince != "")
                 strBusName += dataObj.stateProvince+ ", ";

              if(dataObj.country != "")
                 strBusName += dataObj.country;
            }
            if(typeof(strBusName) == "undefined")
              strBusName = "";

            strBusName = strBusName.replace(/&amp;/,'&');

            if(strBusName.length > 26)
                strBusName = strBusName.substr(0,26) + "...";

            return strBusName;
        },
        grRolloverEvtDispatcher: function(evt)
        {
            if (!evt) var evt    = window.event;
            var evtdata          = getEventData(evt);
            var image            = evtdata.element;
            var imageHolder      = image.parentNode;
            var poiImgHandle     = imageHolder.parentNode;
            var grPopupContainer = imageHolder.nextSibling;
            var resultId         = poiImgHandle.resultId;
            MQ.poi.curMapId      = MQ.poi.defaultMapId;
            var config;
            if(resultId.indexOf("zoom")<0)
              config = MQ.poi.data[MQ.poi.curMapId].location0.goldRush.icon[MQ.data.map['map1'].view];
            else
            {
              var resultIdArray = resultId.split("-");
              config = MQ.poi.data.goldRush.aerial[resultIdArray[0]].icon[resultIdArray[1]][MQ.data.map['map1'].view];
            }
            if(grPopupContainer.style.display == "block") return;
            if(config.rolloverIconRequired)
            {
                switch(evtdata.type)
                {
                   case 'mouseover':
                       image.src   = MQ.art.url.poi+"icon-loc-3079-0-gold" + "-on.png";
                       break;
                   case 'mouseout':
                       image.src   = MQ.art.url.poi+"icon-loc-3079-0-gold" + ".png";
                       break;
                }
                MQ.utils.pngFilter(new Array(image));
            }
        },
        toggleGRInfoPopup: function(evt)
        {
            var evtdata             = getEventData(evt);
            var poiImgHandle        = evtdata.element.parentNode.parentNode;
            var poiImgHandleRsltId  = (poiImgHandle.id).substring((poiImgHandle.id).lastIndexOf("-")+1);
            var grpopupcontainer    = getElementById("grpopupcontainer"+poiImgHandleRsltId);
            var image               = poiImgHandle.firstChild.firstChild;
            var resultId            = poiImgHandle.resultId;

            var config;
            if(resultId.indexOf("zoom")<0)
              config = MQ.poi.data[MQ.poi.curMapId].location0.goldRush.icon[MQ.data.map['map1'].view];
            else
            {
              var resultIdArray = resultId.split("-");
              config = MQ.poi.data.goldRush.aerial[resultIdArray[0]].icon[resultIdArray[1]][MQ.data.map['map1'].view];
            }
            if(grpopupcontainer.style.display != "block" && grpopupcontainer.style.display != "")
            {
               grpopupcontainer.style.display = "block";
               closeSTCPopup();

               if(config.rolloverIconRequired)
                  image.src   = MQ.art.url.poi+"icon-loc-3079-0-gold" + "-on.png";
               MQ.poi.avoidPopupCollisions(grpopupcontainer.id);
            }
            else
            {
               closeSTCPopup();
               grpopupcontainer.style.display = "none";

               if(config.rolloverIconRequired)
                  image.src   = MQ.art.url.poi+"icon-loc-3079-0-gold" + ".png";
            }
            MQ.utils.pngFilter(new Array(image));
        },
        checkMapResult: function(mapId, location)
        {
            var match = null;

            if(typeof(MQ.poi.data.goldRush)!='undefined')
            {
               var result = MQ.poi.data[mapId].location0;
               if(typeof(location)!='undefined')
               {
                   if ((result.latitude == MQ.poi.data.goldRush.aerial[location].latitude) && (result.longitude == MQ.poi.data.goldRush.aerial[location].longitude))
                   {
                     match = result;
                   }
               }
               else
               {
                   $H(MQ.poi.data.goldRush.aerial).each(function(x) {
                      if ((result.latitude == x.value.latitude) && (result.longitude == x.value.longitude))
                      {
                          match = result;
                      }
                   })
               }
            }
            return match;
        }
    }
}/*MQ.poi*/

/**
 * =UTILITIES
 *
 */
MQ.utils =
{
    pngFilter:  function(imgObj)
    {
        if (!document.getElementsByTagName) return;
        if(MQ.browser.info.name == "msie" && ((MQ.browser.info.version < 7) || MQ.browser.info.version > 5))
        {
            var images = (imgObj) ? imgObj : document.images;
            for (var i = 0, l = images.length; i < l; i++)
            {
                var img         = images[i];
                var imageName   = img.src;
                if(imageName)
                {
                    var imageLength = imageName.length;
                    if(imageName.toLowerCase().substring(imageLength - 4, imageLength) == ".png")
                    {

                        if (!img.title)
                        {
                            img.title           = (img.alt) ? img.alt : "";
                        }
                        img.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + img.src + "');";
                        img.src                 = MQ.art.spacer;
                    }
                }

            }
        }
    },
    getOffsetLftTop: function(element)
    {
        var left    = 0;
        var top     = 0;
        lftTop      = new Object();
        while(element)
        {
            left    += element.offsetLeft;
            top     += element.offsetTop;
            element = element.offsetParent;
        }
        lftTop.left = left;
        lftTop.top  = top;
        return lftTop;
    },
    deleteElement: function(obj)
    {
        if(obj)
        {
            obj.parentNode.removeChild(obj);
        }
    },
    deleteChildElements: function(obj)
    {
        if(obj && obj.childNodes.length>0)
        {
            for(var i=(obj.childNodes.length-1);i>=0;i--)
            {
                 obj.removeChild(obj.childNodes[i]);
            }
        }
    },
    centreElement: function(element)
    { /* element will be placed at the contre of the browser window */
        element.style.left  = (MQ.browser.size().width - element.offsetWidth)/2+"px";
        element.style.top   = (MQ.browser.size().height - element.offsetHeight)/2+"px";
    },
    getTop: function(element)
    {
        var top     = 0;
        while(element) {
            top    += parseInt(element.offsetTop);
            element = element.offsetParent;
        }
        return(top);
    },
    setPreviewUrl: function(link, path) {
    link.href = MQ.map.getMapState();
    }
}/*MQ.utils*/


/**
 * =POPUP HELP WINDOW
 * @container for popup help window
 */
MqHelpWindowPopup =
{
    popupContainer: null,    /* popupcontainer */
    initPopup: function()
    {
        //precache images (still needed?)
        img1        = new Image();
        img1.src    = MQ.art.url.siteOld+"stc-close";
        img2        = new Image();
        img2.src    = MQ.art.url.siteOld+"frmp-bg-smallboxtop.png";
        img3        = new Image();
        img3.src    = MQ.art.url.siteOld+"frmp-bg-smallboxbtm.png";
        img4        = new Image();
        img4.src    = MQ.art.url.siteOld+"frmp-bg-smallboxcntr.png";
    },
    createPopup: function()
    {
        this.popupContainer                 = document.createElement("DIV");
        this.popupContainer.id              = "mqpopup";
        this.popupContainer.className       = "mqpopup-small";
        this.popupContainer.style.display   = "none";
        this.popupContainer.style.zIndex    = "1000";
        /* popup title bar */
        var str         = "<div id='mqpopup-title' class='title'><div></div><img src='" + "" + MQ.art.url.site + "icon-xclose-btn.gif' id='mqpopup-close' onclick='MqHelpWindowPopup.closePopup();' /></div>"
        /* add top image holder */
        str             += "<div id='mqpopup-top' class='mqtop'></div>"
        /* add middle image holder and info container */
        str             += "<div id='mqpopup-center' class='mqcenter'>";
        str             += "<div id='mqpopup-content'></div>";
        str             += "</div>";
        /* add bottom image holder */
        str             += "<div id='mqpopup-bottom' class='mqbottom'></div>";
        this.popupContainer.innerHTML = str;
        /* add popupcontainer to the html body */
        document.body.appendChild(this.popupContainer);
        /* transparency fixes for IE */
        var browser = getBrowserInfo();
        if (browser.name == 'msie')
        {
            $("mqpopup-center").style.height = "10px";
            if(browser.version >= 5.5)
            {
                $("mqpopup-top").style.filter      = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + MQ.art.url.siteOld + "frmp-bg-smallboxtop.png', sizingMethod='scale')";
                $("mqpopup-bottom").style.filter   = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + MQ.art.url.siteOld + "frmp-bg-smallboxbtm.png', sizingMethod='scale')";
                $("mqpopup-center").style.filter   = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + MQ.art.url.siteOld + "frmp-bg-smallboxcntr.png', sizingMethod='scale')";
            }
            else
            {
                $("mqpopup-bottom").style.height       = "13px";
                $("mqpopup-top").style.background      = "transparent url(" + MQ.art.url.siteOld + "frmp-bg-smallboxtop) no-repeat left";
                $("mqpopup-bottom").style.background   = "transparent url(" + MQ.art.url.siteOld + "frmp-bg-smallboxbtm) no-repeat left";
                $("mqpopup-center").style.background   = "transparent url(" + MQ.art.url.siteOld + "frmp-bg-smallboxcntr) 0 100% repeat-y";
            }
        }
        else
        {
            $("mqpopup-top").style.background       = "transparent url(" + MQ.art.url.siteOld + "frmp-bg-smallboxtop.png) no-repeat left";
            $("mqpopup-center").style.background    = "transparent url(" + MQ.art.url.siteOld + "frmp-bg-smallboxcntr.png) 0 100% repeat-y";
            $("mqpopup-bottom").style.background    = "transparent url(" + MQ.art.url.siteOld + "frmp-bg-smallboxbtm.png) no-repeat left";
        }
    },
    populateTitle: function(title)
    {
        var popupTitle              = $("mqpopup-title");
        var popupTitleLabel         = popupTitle.getElementsByTagName("div")[0];
        popupTitleLabel.innerHTML   = title;
    },
    populateContent: function(content)
    {
        var popupInfoContainer          = $("mqpopup-content");
        popupInfoContainer.innerHTML    = content;
    },
    showPopup: function()
    {
        //if the status is never, then don't show it
        if(readCookie('hlpWindStatus') == 'never') return;

        if (!$("mqpopup"))
        {
            this.createPopup();
        }

        var titleStr    = '';
        var contentStr  = '';
        titleStr        = "<img id='mqhelpwindow-logo' alt='mapquest' src='" + MQ.art.url.site + "icon-logo-help.gif' />"
        contentStr      = this.buildHelpPopupContent();

        this.populateTitle(titleStr);                              /* populate the popup title with content */
        this.populateContent(contentStr);                    /* populate the popup title with content */
        this.popupContainer.style.display = "block";        /* display the popup                            */

        var mapWrapper = $('map1-wrapper');
        if(mapWrapper) {
            this.popupContainer.style.left  = (mapWrapper.offsetWidth - this.popupContainer.offsetWidth)/2 + 'px';
            this.popupContainer.style.top   = MQ.utils.getTop(mapWrapper) + 'px';
        } else {
            MQ.utils.centreElement(this.popupContainer);
        }
    },
    closePopup: function()
    {
        if(this.popupContainer)
        {
            this.popupContainer.style.display = "none";
            if($('mqhelpwindow-checkbx') && $('mqhelpwindow-checkbx').checked)
            {
                //setting cookie not to expire for 10 yrs
                this.setHlpWindStatus(3650);
           }
           else
           {
               //expire on session end
               this.setHlpWindStatus(0);
           }
        }
    },
    setHlpWindStatus: function(days)
    {
        /* setting cookie value while window exit */
        var domain      = (mqDomain) ? mqDomain : ".mapquest.com";
        var sExpires     = "";
        if (days > 0)
        {
            var date        = new Date();
            date.setTime(date.getTime()+(days * 24 * 60 * 60 * 1000));
            sExpires        = 'expires=' + date.toGMTString() + ';';
        }
        document.cookie = 'hlpWindStatus=never;domain=' + domain + ';path=/;' + sExpires;
     },
    buildHelpPopupContent: function()
    {
        /* helpWindowPopup content */
        var str  = "<form action='' id='mqhelpwindow'>"
        str += "<div class='clear'><img src='http://img.mqcdn.com/mqhome/whatsnew_topnew' /><span>View Aerial Images!</span></div>"
        str += "<div class='clear'><img src='http://img.mqcdn.com/mqhome/whatsnew_topnew' /><span>Drag map to move N, S, E, W!</span></div>"
        str += "<div class='clear'>"
        str += "<img id='mqhelpwindow-grabImg' alt='grab &amp; pan animation' src='" + MQ.art.url.site + "help-animation.gif' /></div>"
        //str += "<img id='mqhelpwindow-grabImg' alt='grab &amp; pan animation' src='" + MQ.art.url.site + "help-animation-drag-map-street.gif' /></div>"
        str += "<div id='mqhelpchkbxcontainer'><input type='checkbox' id='mqhelpwindow-checkbx'  />&nbsp;&nbsp;Don't show this window again</div>"
        str += "<div class='textc'>"
        str += "<input type='image' src='" + MQ.art.url.site + "icon-close-blue-btn.gif' id='mqpopup-close' class='popup-close' value='Close' onclick='MqHelpWindowPopup.closePopup();return false;' /></div>"
        str += "</form>";

        return str;
    }
} /* POPUP HELP WINDOW */

function loadHelpPopup()
{
    MqHelpWindowPopup.initPopup();
    MqHelpWindowPopup.showPopup();
}

/**
 * =INIT
 * @runs on page load
 */
MQ.init = function()
{
    MQ.map.init();      // initialize map
    loadHelpPopup();    // help popup
}
Event.observe(window, "load", MQ.init);