// JScript File
var m6PicksMarkers = [];  
var m6PicksMarkersArray = new Array();
var PicksData = "";
        
function Motel6Pick_Select(obj,name,_bool){
    if(_bool==true)
    {
        obj.src='/images/motel6Picks/' + name + '_select.gif'; 
        obj.style.cursor='pointer';
    }
    else
    {
        obj.src='/images/motel6Picks/' + name + '.gif'; 
        obj.style.cursor='pointer';
    }
}

function selectMotel6Pick(loc,catID,zoom)
{
    if (geocoder) 
    {
        geocoder.getLatLng(
            loc,    
            function(point){
                currentPoint = point;
                currentZoom = zoom;
                map.setCenter(point, zoom);
            }
        );
    }
    if(directions)
    {
        directions.clear();
    }
    
    document.getElementById("m_RouteContainer").style.display="none";
    document.getElementById("m_AttContainer").style.display="none";
    document.getElementById("m_M6PickContainer").style.display="block";
      
    clearYelpMarkers();
    clearM6PicksMarkers();
    
    var picksIcon = new GIcon();
    picksIcon.image = defaultM6PickIcon;
    picksIcon.shadow = defaultM6PickIconShadow;
    picksIcon.iconSize = new GSize(defaultM6PickIconWidth, defaultM6PickIconHeight);
    picksIcon.shadowSize = new GSize(defaultM6PickIconShadowWidth, defaultM6PickIconShadowHeight);
    picksIcon.iconAnchor = new GPoint(15, 29);
    picksIcon.infoWindowAnchor = new GPoint(15, 3);
	
	var m6picksmarker;
	
    GDownloadUrl("Motel6PicksMarkers.xml", function(data) {
        var xml = GXml.parse(data);
        var m6picksmarkerlist = "";
        m6PicksMarkers = xml.documentElement.getElementsByTagName("marker"); 
        var j = 0;
        PicksData = "";
        PicksData += "   <table cellspacing=\"0\" cellpadding=\"0\" style=\"width:460px;\">";
        for (var i = 0; i < m6PicksMarkers.length; i++) 
        {
            if(catID == m6PicksMarkers[i].getAttribute("catid"))
            {
                var latlng = new GLatLng(parseFloat(m6PicksMarkers[i].getAttribute("lat")), parseFloat(m6PicksMarkers[i].getAttribute("lng")));
                var markerName = m6PicksMarkers[i].getAttribute("name");
                m6picksmarker = newM6PicksMarker(latlng, i, picksIcon);
                m6PicksMarkersArray.push(m6picksmarker);    

                PicksData += " <tr onmouseover=\"this.style.backgroundColor='#e8e8e8';this.style.cursor='pointer';\" onmouseout=\"this.style.backgroundColor='';\" onclick=\"m6PicksClick(" + j + ");\">";
                PicksData += "     <td class=\"m_attList\">";
                PicksData += "         <table width=\"100%\">";
                PicksData += "             <tr>";
                PicksData += "                 <td style=\"width:135px\" valign=\"top\">";
                PicksData += "                      <img src=\"images/motel6Picks/" + m6PicksMarkers[i].getAttribute("img") + "\"/>";
                PicksData += "                 </td>";
                PicksData += "                 <td valign=\"top\">";
                PicksData += "                      <b>" + m6PicksMarkers[i].getAttribute("name") + "</b>";
                PicksData += "                      <br /><br />";
                PicksData +=                        m6PicksMarkers[i].getAttribute("address") + "<br/>";
                PicksData +=                        m6PicksMarkers[i].getAttribute("city") + ",&nbsp;" + m6PicksMarkers[i].getAttribute("state") + "&nbsp;" + m6PicksMarkers[i].getAttribute("zip") + "<br /><br />";
                PicksData +=                        m6PicksMarkers[i].getAttribute("desc");
                PicksData += "                 </td>";
                PicksData += "             </tr>";
                PicksData += "         </table>";
                PicksData += "     </td>";
                PicksData += " </tr>";
                j++;
            }
        }
        PicksData += "   </table>";
        document.getElementById("m_M6PickDiv").innerHTML = PicksData;
    });
}

function newM6PicksMarker(markerLocation, markerId, markerIcon) 
{	
	var marker = new GMarker(markerLocation, {title:m6PicksMarkers[markerId].getAttribute("name"), icon:markerIcon});
    map.addOverlay(marker);
	GEvent.addListener(marker, 'click', function() {
	    var markerInfo = '';
        markerInfo = '<div class="marker">'; //allow word wrap
        markerInfo += '<img class="businessimage" src="images/motel6Picks/' + m6PicksMarkers[markerId].getAttribute("img") + '"/>';
        markerInfo += '<div class="picksinfo">';
        markerInfo += '<strong>' + m6PicksMarkers[markerId].getAttribute("name") + '</strong><br/><br />'
        + m6PicksMarkers[markerId].getAttribute("address") + "<br />" 
        + m6PicksMarkers[markerId].getAttribute("city") + ", " 
        + m6PicksMarkers[markerId].getAttribute("state") + " " 
        + m6PicksMarkers[markerId].getAttribute("zip") + " " 
        + m6PicksMarkers[markerId].getAttribute("country") + "<br /><br />"
        + m6PicksMarkers[markerId].getAttribute("desc") + " " ;
        markerInfo += '</div></div>'
        markerInfo += "<br /><br />";
        markerInfo += '<div id="divAttractionInfoWindow">';
        markerInfo +=   'Get Directions:&nbsp;&nbsp;';
        markerInfo +=   '<a href="javascript:showDirectionsFrom()" class="popAnchor">To Here</a> | ';   
        markerInfo +=   '<a href="javascript:showDirectionsTo()" class="popAnchor">From Here</a>';
        var markerAddy =  m6PicksMarkers[markerId].getAttribute("address") + ', ' + m6PicksMarkers[markerId].getAttribute("city") + ', ' + m6PicksMarkers[markerId].getAttribute("state") + ' ' + m6PicksMarkers[markerId].getAttribute("zip");
        markerInfo +=   '<div id="m_divBubbleForm" class="m_divBubbleForm">';
        markerInfo +=       '<div id="m_divBubbleFormStart" style="display:none;vertical-align:middle;">From:&nbsp;&nbsp;<input name="m_DirBubbleStart" id="m_DirBubbleStart" type="text" class="m_bubbleSearchCell" value="" onkeydown="if(event.keyCode==13)directionsBubbleClick(\'from\',\'' + markerAddy + '\');"> <input type="button" id="m_BtnBubbleDirections" value="GO" class="m_bubbleButton" onclick="directionsBubbleClick(\'from\',\'' + markerAddy + '\');" /></div>';
        markerInfo +=       '<div id="m_divBubbleFormEnd" style="display:none;vertical-align:middle;">To:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input name="m_DirBubbleEnd" id="m_DirBubbleEnd" type="text" class="m_bubbleSearchCell" value="" onkeydown="if(event.keyCode==13)directionsBubbleClick(\'to\',\'' + markerAddy + '\');"> <input type="button" id="m_BtnBubbleDirections" value="GO" class="m_bubbleButton" onclick="directionsBubbleClick(\'to\',\'' + markerAddy + '\');" /></div>';
        markerInfo +=   '</div>';
        markerInfo += '</div><br />';
		marker.openInfoWindowHtml(markerInfo);
	});
	return marker;
}
    
function m6PicksClick(i){
    try{
        var zoomLvl = 5;
        map.setCenter(new GLatLng(m6PicksMarkersArray[i].getPoint().lat(), m6PicksMarkersArray[i].getPoint().lng()), zoomLvl);
        setTimeout("GEvent.trigger(m6PicksMarkersArray["+i+"],'click');",100);       
    }catch(err){
        alert("The Motel 6 Pick you have selected cannot be mapped.  Please select another Motel 6 Pick.");
    }
} 

function clearM6PicksMarkers() {
    for (var i=0;i<m6PicksMarkersArray.length;i++) 
    {
        map.removeOverlay(m6PicksMarkersArray[i]);
    }
    m6PicksMarkersArray = [];
}