var currTrail;

$(document).ready(function() {
    currTrail = getTrail(getParameter(window.location.href, "id"));
    //redirect if empty
    if (typeof currTrail == 'undefined') {
        //window.location.href = "designtrails.aspx";
    }
    //config map
    var map = thismap();
    //map.disableGoogleBar();
    currTrail.paint();
    currTrail.removeSummaryMarker();

    $(".event_subtitle").html(currTrail.name);
    $("#trailDesc").html(currTrail.description);
    //$("#desctitle").html("<h3>" + currTrail.name + "</h3>");
    $("#directions").html(currTrail.getDirection());

    var markersArr = currTrail.getMarkers();
    var markershtml = "<table border='0' cellpadding='0' cellspacing='0' width='100%'>";
    for (var i = 0; i < markersArr.length; i++) {
        var m = markersArr[i];
        markershtml += "<tr valign='top' id='"+m.txt_id+"'>";
        //picture
        markershtml += "<td width='120px'><img src='" + m.getImage() + "'/></td>";
        //content table
        markershtml += "<td style='padding-left:20px;'>";
        markershtml += "<table border='0' cellpadding='0' cellspacing='0' width='100%'>"
        //img marker & title
        markershtml += "<tr valign='top'>";
        markershtml += "<td width='5%'><img src='" + m.image_link + "'/></td>";
        markershtml += "<td align='left' style='font-size:20px;font-weight:bold;'>" + m.txt_title + "</td>";
        markershtml += "</tr>";
        // content 
        markershtml += "<tr>";
        markershtml += "<td colspan='2'>" + m.getFullDescription() + "</td>";
        markershtml += "</tr>";

        markershtml += "</table>";
        markershtml += "</td>";
        markershtml += "</tr>";
        markershtml += "<tr><td colspan='2' style='font-size:5px;'>&nbsp;</td></tr>";
        
    }
    markershtml += "</table>";

    $("#markerscontent").html(markershtml);
});

function getTrail(id) {
    var dtid = id;
    
    var tr = new DTrail();

    var filename = "uploadedfiles/Design_trail_xml/DesignTrailsData.xml";
    var xmlDoc1 = loadXML(filename);
    var xmlDoc;
    if (window.DOMParser) {
        var str = (new XMLSerializer()).serializeToString(xmlDoc1);
        var oParser = new DOMParser();
        xmlDoc = oParser.parseFromString(str, "text/xml");
    } else if (window.ActiveXObject) {
        var string = xmlDoc1.xml;
        xmlDoc = new ActiveXObject("Microsoft.XmlDom");
        xmlDoc.loadXML(string);
    } else {
        alert("add a new built in xml parser for this browser or make your own");
    }
    if (xmlDoc) {
        var dtrails = xmlDoc.getElementsByTagName('DesignTrail');

        for (var x = 0; x < dtrails.length; x++) {
            
            //get coordinates
            var dtrailID = dtrails[x].getElementsByTagName('TrailID')[0].firstChild.nodeValue;
            if (dtrailID == dtid) {
                var coordinates = (dtrails[x].getElementsByTagName('TrailCoordinates')[0].firstChild.nodeValue).split(",0");
                var dtrailname = dtrails[x].getElementsByTagName('TrailName')[0].firstChild.nodeValue;
                var dtrailcolor = dtrails[x].getElementsByTagName('TrailColor')[0].firstChild.nodeValue;
                var dtraildesc = dtrails[x].getElementsByTagName('TrailDescription')[0].firstChild.nodeValue;
                var dtraildir = dtrails[x].getElementsByTagName('TrailDirections')[0].firstChild.nodeValue;

                var gLatLngArr = new Array();
                for (var i = 0; i < coordinates.length - 1; i++) {
                    xy = coordinates[i].split(",");
                    var glatlng = new GLatLng(xy[1], xy[0]);
                    gLatLngArr[i] = glatlng;
                }

                var markerArr = new Array();
                var markers = dtrails[x].getElementsByTagName('TrailMarker');
                for (var h = 0; h < markers.length; h++) {
                    var markerid = markers[h].getElementsByTagName('MarkerID')[0].firstChild.nodeValue;
                    var markertitle = markers[h].getElementsByTagName('MarkerName')[0].firstChild.nodeValue;
                    var markertease = markers[h].getElementsByTagName('MarkerTease')[0].firstChild.nodeValue;
                    var markerimagelink = markers[h].getElementsByTagName('MarkerImage')[0].firstChild.nodeValue;
                    var markerdesc = markers[h].getElementsByTagName('MarkerDesc')[0].firstChild.nodeValue;
                    var markercoord = (markers[h].getElementsByTagName('MarkerCoordinates')[0].firstChild.nodeValue).split(",");

                    var marker = new ExMarker();
                    var linkstr = "designtrailSummary.aspx?id=" + dtrailID;
                    var gmarkerlink = "images/dtrailMarkers/gmarker" + markerid + ".png";
                    marker.initExMarker(markercoord[1], markercoord[0], markertitle, markertease, markerid, linkstr, gmarkerlink);
                    marker.setImage("uploadedImages/Design_trail_images/" + markerimagelink);
                    marker.setFullDescription(markerdesc);
                    marker.removeClickListener();
                    markerArr[h] = marker;
                }


                tr.initDTrail(dtrailID, dtrailname, dtrailcolor, dtraildesc, gLatLngArr, markerArr);
                tr.setDirection(dtraildir);
                return tr;
            }
        }
        //dtrailset.getDTrails()[0].paint();
        //tr.paint();
    }
    

}