// JScript File

// initialize handlers
//alert('before init handlers');
//Sys.UI.DomEvent.addHandler($get("ibChangeStartDate"), "click", positionCalendar);
//Sys.UI.DomEvent.addHandler($get("ibChangeStopDate"), "click", positionCalendar);

var pinID = 1; 

var map = null;

var showExceedances = false;  // might need to change this to match initial settings

function tempCClicked()
{
    var rbTemperatureF = $get("rbTemperatureF");
    rbTemperatureF.checked = false;   
    var chartSpan = $get("chartLabel");
    if(chartSpan.innerHTML.toUpperCase().indexOf("<IMG")>-1)
        showLoadingGraphs();
}
function tempFClicked()
{
    var rbTemperatureC = $get("rbTemperatureC");
    rbTemperatureC.checked = false;
    var chartSpan = $get("chartLabel");
    if(chartSpan.innerHTML.toUpperCase().indexOf("<IMG")>-1)
    showLoadingGraphs();
}

function callZoomTo(selectedArea)
{       
    //alert(selectedArea);
    zoomTo(selectedArea);
    form1.setArea.selectedIndex=0;
} 
function showLoadingGraphs()
{
    var spanLoadingData = $get("LoadingGraphs");
    spanLoadingData.innerHTML = "... Loading Graphs&nbsp;";
    spanLoadingData.style.visibility = 'visible';    
}

function hideLoadingData()
{
    var spanLoadingData = $get("spanLoadingData");
    spanLoadingData.style.visibility = 'hidden';
}

function showLoadingData()
{
    var spanLoadingData = $get("spanLoadingData");
    spanLoadingData.style.visibility = 'visible';
}

function showUpdatingGraphs()
{
    var spanLoadingData = $get("LoadingGraphs");
    spanLoadingData.innerHTML = "... Updating Graphs&nbsp;";
    spanLoadingData.style.visibility = 'visible';    
}


function positionCalendar(eventElement)
{
    alert('in position calendar');
  //  calendarElement = $get("CalendarPanel");
 //   Sys.UI.DomElement.setLocation(calendarElement, eventElement.x, eventElement.y);            
}

function positionCalendarPanel(positionBy)
{
 //   return;
  //  alert('in position calendar');
    positionElement= $get(positionBy);
    var j =Sys.UI.DomElement.getLocation(positionElement);
    //calendarElement = $get("CalendarPanel");
    //Sys.UI.DomElement.setLocation(calendarElement, j.x, j.y);
    
    hfCalendarPosition = $get("hfCalendarPosition");
    hfCalendarPosition.value =j.x+':'+j.y;
    //calendarElement.visibility="visible";           
}

//alert('hi from exchange report js');
function GetMap()
{
    //alert('in get map');
    map = new VEMap('myMap');
    map.LoadMap(new VELatLong(43.325,-123.57),8,'h',false);
    //map.Resize(520,440);
    //map.LoadMap();
    GetStationsXmlDocument();
}

function zoomTo(name)
{
    switch(name)
    {
        case 'Umpqua River Basin':
            map.SetCenterAndZoom(new VELatLong(43.325,-123.57),8);
            break;
    }       
}

function ToggleExceedanceFilter(rbControlName, rbControlName2, cblControlName, hfExceedanceName, itemCount)
{
    var rbObject = $get(rbControlName);
    var rbObject2 = $get(rbControlName2);
    var divExceedChk = $get('divExceed');
    if(rbObject.value == 'nofilter') // turn on no filter
    {
        if(rbObject2.checked == true)
        {
            rbObject.checked = true;
            rbObject2.checked = false;
            divExceedChk.style.visibility = 'hidden';
            $get(hfExceedanceName).value="nofilter";
            // get new map data
            showExceedances = false;
            GetStationsXmlDocument();
        }
    }
    else // turn on apply filter
    {
        if(rbObject2.checked == true)
        {
            rbObject.checked = true;
            rbObject2.checked = false;
            divExceedChk.style.visibility = 'visible';

            // get current filter settings
           showExceedances = true;
           cbExceedance_Change(cblControlName, hfExceedanceName, itemCount);
        }
    }
}

/*function ToggleRdBtn(RadioButton)
{
    var divExceedChk = $get('divExceed');
    alert('in toggle rdbtn');
    if (RadioButton.id == "rdBtnAll")
    {
       divExceedChk.style.visibility = 'hidden';
       var rdBtnExceed = $get('rdBtnExceed');
       rdBtnExceed.checked = false;
       var rdBtnAll = $get('rdBtnAll');
       rdBtnAll.checked = 'checked';
    }
    else if (RadioButton.id == "rdBtnExceed")
    {
       divExceedChk.style.visibility = 'visible';
       var rdBtnAll = $get('rdBtnAll');
       rdBtnAll.checked = false;
       var rdBtnExceed = $get('rdBtnExceed');
       rdBtnExceed.checked = 'checked';             
       
       
    }
}
*/

function cbExceedance_Change(cblControlName, hfExceedanceName, itemCount)
{
    var rbl = $get(cblControlName);
    var cblItem;
    var ExceedanceValues ="applyfilter";
    var checkedIndex=-1;
    for(var i=-1;i<itemCount;i++) // I start from -1 because of the no exceedance option
    {
        cblItem = $get(cblControlName+"_"+i);
        if(cblItem.checked)
        {
            if(ExceedanceValues=="")
                ExceedanceValues+=cblItem.value;
            else
                ExceedanceValues+=":"+cblItem.value;
         }
    }
    $get(hfExceedanceName).value=ExceedanceValues;
    
    // get new map data
    GetStationsXmlDocument();
}


function cbAnalyteChange(cblControlName, hfAnalyteName, itemCount)
{
    var rbl = $get(cblControlName);
    var cblItem;
    var analyteNames ="";
    var checkedIndex=-1;
    for(var i=0;i<itemCount;i++)
    {
        cblItem = $get(cblControlName+"_"+i);
        if(cblItem.checked)
        {
            if(analyteNames=="")
                analyteNames+=cblItem.value;
            else
                analyteNames+=":"+cblItem.value;
         }
    }
    $get(hfAnalyteName).value=analyteNames;
    
    // get new map data
    GetStationsXmlDocument();
}



/*function checkAnalyteBox(cblControlName, hfAnalyteName, itemCount)
{
    var rbl = $get(cblControlName);
    var cblItem;
    var analyteNames ="";
    var checkedIndex=-1;
    for(var i=0;i<itemCount;i++)
    {
        cblItem = $get(cblControlName+"_"+i);
        if(cblItem.checked)
        {
            if(analyteNames=="")
                analyteNames+=cblItem.value;
            else
                analyteNames+=";"+cblItem.value;
         }
    }
    $get(hfAnalyteName).value=analyteNames;
    
    // get new map data
    GetStationsXmlDocument();
}
*/

function ddlYearChange()
{
    var ddlYear = $get('ddlYear');
    var yearValue = ddlYear.options[ddlYear.selectedIndex].value; 
    $get('hfYears').value=yearValue;
    GetStationsXmlDocument();
}

function ddlProjectChange()
{
    var ddlProject = $get('ddlProject');
    var projectValue = ddlProject.options[ddlProject.selectedIndex].value; 
    $get('hfProjects').value=projectValue;
    GetStationsXmlDocument();
}
function getAnalyteSelection()
{
    var hf = $get('hfAnalytes');
    return hf.value;
}

function getExceedancesSelection()
{
    var hf = $get('hfExceedances');
    return hf.value;
}

function getYears()
{
    var hf = $get('hfYears');
    return hf.value;
}

function getProjects()
{
    var hf = $get('hfProjects');
    return hf.value;
}

function GetStationsXmlDocument()
{
    showLoadingData();
    var analytes = getAnalyteSelection();
    var exceedances = getExceedancesSelection();
    var years = getYears();
    var projects = getProjects();
    ExchangeReportToolWebServices.GetStationDataForAnalytes(analytes,exceedances,years, projects, ProcessStationData2, onFailed);
    //ExchangeReportToolWebServices.GetStationDataForAnalytes(analytes,exceedances,years, ProcessStationData2, onFailed);
    //ExchangeReportToolWebServices.GetStationData(ProcessStationData, onFailed);
    //ExchangeReportToolWebServices.GetStationData(ProcessStationDataForAjax, onFailed);
}  
  
function onFailed()
{
    hideLoadingData();
    alert("getstationsxmldocument failed");
    
}

function ProcessStationData2(result)
{
    var id;
    var stationName;
    var latitude;
    var longitude;
    var idLink;
    var analyte;
    var ANALYTES;
    var analytesText="";
    var YEARS;
    var year;
    var yearText = "";
    var EXCEEDANCES;
    var exceedance;
    var exceedanceText;
    var bHaveExceedance;
    var Synonym;
    var SynonymName;
    
    map.DeleteAllShapes();
    //add pushpins
    var myrecords = result.documentElement.getElementsByTagName("s");
    for(i=0;i<myrecords.length;i++)
    {
        bHaveExceedance = false;
        stationName = myrecords[i].getAttribute("StationName");
        ANALYTES = myrecords[i].getElementsByTagName("st");
        id = ANALYTES[0].getAttribute("StationID");  
        media = ANALYTES[0].getAttribute("MediaText");      
        //idLink ='<table class="pushpinTableHeader"><tr><td>StationID: '+ id +'</td></tr>';
        idLink ='<table class="pushpinTableHeader">';//<tr><td>StationID: '+ stationName +'</td></tr>';
        //idLink ='<table class="pushpinTableHeader"><tr><td>StationID: '+ stationName +'</td></tr>';
        // escape single quotes
        //stationName = stationName.replace("'","");
        //var charIndex = stationName.indexOf("'");
        latitude = myrecords[i].getAttribute("LatitudeMeasure");
        longitude = myrecords[i].getAttribute("LongitudeMeasure");
     //   idLink += '<tr><td id="pushpinLatLong">Lat: '+ latitude +'  | Long: '+ longitude +'</td></tr>';
        idLink += '<tr><td>Media: '+ media + '</td></tr></table>'; 
        //idLink="<a href='javascript:SelectSiteID("+id+")'>"+id+"</a>";
        // put in analyte info
        
        for(j=0;j<ANALYTES.length;j++)
        {            
            //id = ANALYTES[j].getAttribute("StationID");
            //media = ANALYTES[j].getAttribute("MediaText");
            analyte = ANALYTES[j].getAttribute("AnalyteName");
            ResultUnit = ANALYTES[j].getAttribute("ResultUnitMeasureName");
            //analytesText += '<table class="pushpinAnalyteTbl"><tr><td colspan = 2 class="pushpinAnalyteTD">Analyte: '+analyte+'</td>';
            analytesText += '<table class="pushpinAnalyteTbl"><tr><td class="pushpinAnalyteTD">Analyte: '+analyte+' ('+ResultUnit+')</td></tr>';
            //analytesText += '<tr><td>Media: '+ media + '</td></tr>';            
          //  analytesText += '<td colspan=2>|   Units: '+ResultUnit+'</td></tr>';
                        
            //YEARS = myrecords[i].getElementsByTagName("sd");
            Synonym = ANALYTES[j].getElementsByTagName("syn");
            // make assumption that there is just on synonym
            if(Synonym.length ==0 || Synonym.length>1)
                alert('Error while retrieving station data');
            SynonymName = Synonym[0].getAttribute("AnalyteSynonym");
            YEARS = Synonym[0].getElementsByTagName("sd");
            //YEARS = ANALYTES[j].getElementsByTagName("sd");
            for (h=0; h<YEARS.length; h++)
            {                
                year= YEARS[h].getAttribute("Year");
                yearText += '<tr><td class="pushpinTdYearHeader">'+year+'</td></tr>';
                startDate = getDateFromDateTime(YEARS[h].getAttribute("MinFieldEventDate"));
                stopDate = getDateFromDateTime(YEARS[h].getAttribute("MaxFieldEventDate"));  
                fieldEventCount = YEARS[h].getAttribute("FieldEventCount");
                yearText += '<tr><td class="pushpinTdYear">'+fieldEventCount+' Events ('+startDate+' to ' + stopDate+')</td></tr>';
                //yearText += '<tr><td class="pushpinTdYear" colspan = 4>Field Events: '+fieldEventCount+'</td></tr>';
                //yearText += '<tr><td class="pushpinTdYear" colspan = 4>Start Date: '+startDate+'</td>';
                //yearText += '<tr><td class="pushpinTdYear" colspan = 4>End Date: '+stopDate+'</td></tr>';
                
                //yearText += '<tr><td>Start Date: '+startdate+'  |  End Date:  '+stopDate+'</td></tr>';       
                
                if(showExceedances)
                {
                    EXCEEDANCES = YEARS[h].getElementsByTagName("exl");
                    //EXCEEDANCES = myrecords[i].getElementsByTagName("exl");
                    exceedanceText="";
                    for (k=0; k<EXCEEDANCES.length; k++)
                    {
                        if(EXCEEDANCES[k].attributes.length>0)
                        {
                            bHaveExceedance = true;
                            if(exceedanceText =="")
                                exceedanceText = EXCEEDANCES[k].getAttribute("Name");
                            else
                                exceedanceText += ", " +EXCEEDANCES[k].getAttribute("Name");
                            }
//                      exceedanceText ='<tr><td class="pushPinExceed">Exceedance(s):  '+ exceedance +'</td></tr>';
                    }
//                 
//                  yearText+= exceedanceText + '</table>';
                    if(exceedanceText!="")
                        yearText +='<tr><td class="pushPinExceed">Exceedance(s): ' + exceedanceText + '</td></tr>';
                }
               //  yearText+="<tr><td class='pushpinTdYearGraphs'>Graphs</td></tr>";
             yearText+="<tr><td class='pushpinGraphAllTd'>Graphs: <a href=\"javascript:SelectSiteID("+id+",'"+ startDate +"','"+ stopDate +"','"+escape(media)+"','" + escape(analyte)+ "','"+ escape(stationName)+"','"+escape(ResultUnit)+"','all','"+latitude+"','"+longitude+"')\">all</a>";
             if(SynonymName == 'Air Temperature' || SynonymName == 'Water Temperature')
             {
                 yearText+=", <a href=\"javascript:SelectSiteID("+id+",'"+ startDate +"','"+ stopDate +"','"+escape(media)+"','" + escape(analyte)+ "','"+ escape(stationName)+"','"+escape(ResultUnit)+"','1d avg','"+latitude+"','"+longitude+"')\">1 Day Avg</a>, ";
                 yearText+="<a href=\"javascript:SelectSiteID("+id+",'"+ startDate +"','"+ stopDate +"','"+escape(media)+"','" + escape(analyte)+ "','"+ escape(stationName)+"','"+escape(ResultUnit)+"','1d min','"+latitude+"','"+longitude+"')\">1 Day Min</a>, ";
                 yearText+="<a href=\"javascript:SelectSiteID("+id+",'"+ startDate +"','"+ stopDate +"','"+escape(media)+"','" + escape(analyte)+ "','"+ escape(stationName)+"','"+escape(ResultUnit)+"','1d max','"+latitude+"','"+longitude+"')\">1 Day Max</a>, ";
                 yearText+="<a href=\"javascript:SelectSiteID("+id+",'"+ startDate +"','"+ stopDate +"','"+escape(media)+"','" + escape(analyte)+ "','"+ escape(stationName)+"','"+escape(ResultUnit)+"','7d avg','"+latitude+"','"+longitude+"')\"> 7 Day Avg</a>, ";
                 yearText+="<a href=\"javascript:SelectSiteID("+id+",'"+ startDate +"','"+ stopDate +"','"+escape(media)+"','" + escape(analyte)+ "','"+ escape(stationName)+"','"+escape(ResultUnit)+"','7d min','"+latitude+"','"+longitude+"')\">7 Day Min</a>, ";
                 yearText+="<a href=\"javascript:SelectSiteID("+id+",'"+ startDate +"','"+ stopDate +"','"+escape(media)+"','" + escape(analyte)+ "','"+ escape(stationName)+"','"+escape(ResultUnit)+"','7d max','"+latitude+"','"+longitude+"')\">7 Day Max</a>";
             }
             yearText+="</td></tr>";  
             //yearText+="<a href=\"javascript:SelectSiteID("+id+",'"+ startDate +"','"+ stopDate +"','"+escape(media)+"','" + escape(analyte)+ "','"+ escape(stationName)+"','"+"C"+"','7d max')\">7 Day Max</a></td></tr>";  

             //yearText+="<tr><td class='pushpinGraphAllTd'><a href=\"javascript:SelectSiteID("+id+",'"+ startDate +"','"+ stopDate +"','"+escape(media)+"','" + escape(analyte)+ "','"+ escape(stationName)+"','"+escape(ResultUnit)+"','all')\">all</a></td>";
             //yearText+="<td><a href=\"javascript:SelectSiteID("+id+",'"+ startDate +"','"+ stopDate +"','"+escape(media)+"','" + escape(analyte)+ "','"+ escape(stationName)+"','"+escape(ResultUnit)+"','1d avg')\">1 Day Avg</a></td>";
             //yearText+="<td><a href=\"javascript:SelectSiteID("+id+",'"+ startDate +"','"+ stopDate +"','"+escape(media)+"','" + escape(analyte)+ "','"+ escape(stationName)+"','"+escape(ResultUnit)+"','1d min')\">1 Day Min</a></td>";
             //yearText+="<td><a href=\"javascript:SelectSiteID("+id+",'"+ startDate +"','"+ stopDate +"','"+escape(media)+"','" + escape(analyte)+ "','"+ escape(stationName)+"','"+escape(ResultUnit)+"','1d max')\">1 Day Max</a></td></tr>";
             //yearText+="<tr><td></td><td class='pushpinGraphAllTd' colspan=2<td><a href=\"javascript:SelectSiteID("+id+",'"+ startDate +"','"+ stopDate +"','"+escape(media)+"','" + escape(analyte)+ "','"+ escape(stationName)+"','"+escape(ResultUnit)+"','7d avg')\"> 7 Day Avg</a></td>";
             //yearText+="<td><a href=\"javascript:SelectSiteID("+id+",'"+ startDate +"','"+ stopDate +"','"+escape(media)+"','" + escape(analyte)+ "','"+ escape(stationName)+"','"+escape(ResultUnit)+"','7d min')\">7 Day Min</a></td>";
             //yearText+="<td><a href=\"javascript:SelectSiteID("+id+",'"+ startDate +"','"+ stopDate +"','"+escape(media)+"','" + escape(analyte)+ "','"+ escape(stationName)+"','"+escape(ResultUnit)+"','7d max')\">7 Day Max</a></td></tr><tr><td colspan = 5 class='pushpinGraphBottomTd'></td></tr>";  


             
                 //yearText += '<table>';
                                     
            }
            analytesText += yearText + '</table>';
            //analytesText += '</table>';
                
            //analytesText="Analyte: "+media + " -- " +analyte+"</br>";//analytes[j].getElementsByTagName("Name")[0].text+"</br>";
           //analytesText+="Number of Events: " +analytes[j].getAttribute("FieldEventCount")+"</br>";//[0].text+"</br>";
            //analytesText+="Start Date: " + startDate +"</br>";
            //analytesText+="End Date: "+ stopDate +"</br>";
            
            // marc: you need to add the graph type to the end of SelectSiteID
            //analytesText+="<a href=\"javascript:SelectSiteID("+id+",'"+ startDate +"','"+ stopDate +"','"+escape(media)+"','" + escape(analyte)+ "','"+ escape(stationName)+"','"+escape(ResultUnit)+"')\">Graph this</a>";
                                     
             
            
            //analytesText+="<a href=\"javascript:SelectSiteID("+id+",'"+ startDate +"','"+ stopDate +"','"+escape(media)+"','" + escape(analyte)+ "','tim\\\'stest','hrll')\">Graph this</a>";
            //if(charIndex>-1) alert(analytesText);
        }
        
        idLink+=analytesText;
        analytesText = "";
        yearText = "";
        exceedanceText = "";
        //idLink="hello";
        if(showExceedances)
        {
            if(bHaveExceedance){            
                var pin = new VEShape(VEShapeType.Pushpin, new VELatLong(latitude,longitude));
                pin.SetCustomIcon("images/redpin2.gif");
                pin.SetTitle(stationName);
                pin.SetDescription(idLink);
                map.AddShape(pin);
            }
            else{
                var pin = new VEShape(VEShapeType.Pushpin, new VELatLong(latitude,longitude));
                pin.SetCustomIcon("images/greenpin2.gif");
                pin.SetTitle(stationName);
                pin.SetDescription(idLink);
                map.AddShape(pin);
           }
        }
        else{
            var pin = new VEShape(VEShapeType.Pushpin, new VELatLong(latitude,longitude));
            pin.SetCustomIcon("images/bluepin.gif");
            pin.SetTitle(stationName);
            pin.SetDescription(idLink);
            map.AddShape(pin);
        }
    }
    hideLoadingData();

}


/*function ProcessStationData(result)
{
    var id;
    var stationName;
    var latitude;
    var longitude;
    var idLink;
    var analytes;
    var analytesText;
    
    map.DeleteAllPushpins();
    //add pushpins
    var myrecords = result.documentElement.getElementsByTagName("ExchangeDataStation");
    for(i=0;i<myrecords.length;i++)
    {
        idLink="";
        id = myrecords[i].getElementsByTagName("StationPK")[0].text;
        stationName = myrecords[i].getElementsByTagName("StationName")[0].text;
        latitude = myrecords[i].getElementsByTagName("Latitude")[0].text;
        longitude = myrecords[i].getElementsByTagName("Longitude")[0].text
        //idLink="<a href='javascript:SelectSiteID("+id+")'>"+id+"</a>";
        // put in analyte info
        analytes = myrecords[i].getElementsByTagName("Analyte");
        for(j=0;j<analytes.length;j++)
        {
            analytesText="Analyte: "+analytes[j].getElementsByTagName("Name")[0].text+"</br>";
            analytesText+="Number of Events: " +analytes[j].getElementsByTagName("FieldEventCount")[0].text+"</br>";
            analytesText+="Start Date: " +getDateFromDateTime(analytes[j].getElementsByTagName("MinDate")[0].text)+"</br>";
            analytesText+="End Date: "+ getDateFromDateTime(analytes[j].getElementsByTagName("MaxDate")[0].text)+"</br>";
            //analytesText+="<a href=\"javascript:SelectSiteID("+id+",'"+getDateFromDateTime(analytes[j].getElementsByTagName("MinDate")[0].text)+"','"+getDateFromDateTime(analytes[j].getElementsByTagName("MaxDate")[0].text)+","+escape(analytes[j].getElementsByTagName("Name")[0].text)+","+ escape(stationName)+"')\">Graph this</a>";
            analytesText+="<a href=\"javascript:SelectSiteID("+id+",'"+getDateFromDateTime(analytes[j].getElementsByTagName("MinDate")[0].text)+"','"+getDateFromDateTime(analytes[j].getElementsByTagName("MaxDate")[0].text)+","+escape(analytes[j].getElementsByTagName("Name")[0].text)+","+ "all"+"')\">All</a>";
            analytesText+="<a href=\"javascript:SelectSiteID("+id+",'"+getDateFromDateTime(analytes[j].getElementsByTagName("MinDate")[0].text)+"','"+getDateFromDateTime(analytes[j].getElementsByTagName("MaxDate")[0].text)+","+escape(analytes[j].getElementsByTagName("Name")[0].text)+","+ "1d avg"+"')\">1 Day Avg</a>";
            analytesText+="<a href=\"javascript:SelectSiteID("+id+",'"+getDateFromDateTime(analytes[j].getElementsByTagName("MinDate")[0].text)+"','"+getDateFromDateTime(analytes[j].getElementsByTagName("MaxDate")[0].text)+","+escape(analytes[j].getElementsByTagName("Name")[0].text)+","+ "1d min"+"')\">1 Day Min</a>";
            analytesText+="<a href=\"javascript:SelectSiteID("+id+",'"+getDateFromDateTime(analytes[j].getElementsByTagName("MinDate")[0].text)+"','"+getDateFromDateTime(analytes[j].getElementsByTagName("MaxDate")[0].text)+","+escape(analytes[j].getElementsByTagName("Name")[0].text)+","+ "1d max"+"')\">1 Day Max</a>";
        }
        
        idLink+=analytesText;
        map.AddPushpin(new VEPushpin(id,new VELatLong(latitude,longitude),null,stationName,idLink));
    }
}
*/
function getDateFromDateTime(inputDateTime)
{
    return (inputDateTime.split("T"))[0];
    //return (inputDateTime.split(" "))[0];
}

function changeAnalyteName()
{
    alert('change analyte name');
    var rdolist = document.getElementsByName("rblAnalyteNames");
    var i = rdolist.length;
}

function SelectSiteID(siteID,startDate,endDate,media,analyte,station,resultUnit,sType,sLatitude,sLongitude)
{
    //station = station.replace("\'","\\\'");
    var hfSiteID = $get('hfSiteID');
    if(hfSiteID)
    {
        //alert('in selectsiteid if');
       // if(hfSiteID.value=='') 
            hfSiteID.value = siteID+":"+startDate+":"+endDate+":"+media+":"+analyte+":"+station+":"+resultUnit+":"+sType+":"+sLatitude+":"+sLongitude;
        //else
        //    hfSiteID.value = hfSiteID.value + ","+siteID+","+startDate+","+endDate+","+media+","+analyte+","+station+","+resultUnit;
        
        showLoadingGraphs();
        
        __doPostBack('hfSiteID','');
    }
}

function deleteChart(chartID)
{
    showUpdatingGraphs();
    
    var hfChartID = $get('hfChartID');
    if(hfChartID)
    {
        hfChartID.value = chartID;
        __doPostBack('hfChartID','');
    }
    var hfStationIndex = $get('hfStationIndex');
    if(hfStationIndex)
    {
        hfStationIndex.value = siteListSelection();
        __doPostBack('hfStationIndex','');
    }
}

function removeChart(chartID)
{
    showUpdatingGraphs();
    
    var hfChartID = $get('hfChartID');
    if(hfChartID)
    {
        hfChartID.value = chartID;
        __doPostBack('hfChartID','');
    }
    
    var hfStationIndex = $get('hfStationIndex');
    hfStationIndex.value = '-1';
    __doPostBack('hfStationIndex','');
}

function siteListSelection()
{
    var list = document.getElementById("siteList");
    return list.value;
}

function exportChartData(chartID)
{
    var hfExportChartID = $get('hfExportChartID');
    if(hfExportChartID)
    {
        hfExportChartID.value = chartID;
        __doPostBack('hfExportChartID','');
    }
    //window.open(filePath,'Download_Data');  
}

function switchChart(chartID)
{
    var hfSelectedChart = $get('hfSelectedChart');
    if(hfSelectedChart)
    {
        hfSelectedChart.value = chartID;
        __doPostBack('hfSelectedChart','');
    }
}


 
 
 
 
                /*idLink="<ajaxToolkit:Accordion ID='MyAccordion_" +i+"' runat='Server' SelectedIndex='0' HeaderCssClass='accordionHeader' ContentCssClass='accordionContent' ";
                idLink+="AutoSize='None' FadeTransitions='true' TransitionDuration='250' FramesPerSecond='40'><Panes>";
                idLink+="<ajaxToolkit:AccordionPane HeaderCssClass='accordionHeader' ";
                idLink+="ContentCssClass='accordionContent'><Header>Tim''s stuff</Header><Content>row1</br>row2</br></Content></ajaxToolkit:AccordionPane>";        
                idLink+="<ajaxToolkit:AccordionPane HeaderCssClass='accordionHeader' ";
                idLink+="ContentCssClass='accordionContent'><Header>Marc''s stuff</Header><Content>row1</br>row2</br>row 3</br></Content></ajaxToolkit:AccordionPane>";
                idLink+="</Panes></ajaxToolkit:Accordion>";
                */
                                
//        function ProcessStationDataForAjax(result)
//        {
//            var id;
//            var stationName;
//            var latitude;
//            var longitude;
//            var idLink;
//            var analytes;
//            var analytesText;
//            
//            //add pushpins
//            var myrecords = result.documentElement.getElementsByTagName("ExchangeDataStation");
//            for(i=0;i<myrecords.length;i++)
//            {
//                //idLink="";
//                id = myrecords[i].getElementsByTagName("StationPK")[0].text;
//                stationName = myrecords[i].getElementsByTagName("StationName")[0].text;
//                latitude = myrecords[i].getElementsByTagName("Latitude")[0].text;
//                longitude = myrecords[i].getElementsByTagName("Longitude")[0].text
//                idLink="<a href='javascript:SelectSiteID("+id+")'>"+id+"</a>";
//                // put in analyte info
//                /*analytes = myrecords[i].getElementsByTagName("Analyte");
//                for(j=0;j<analytes.length;j++)
//                {
//                    analytesText="Analyte: "+analytes[j].getElementsByTagName("Name")[0].text+"</br>";
//                    analytesText+="Number of Events: " +analytes[j].getElementsByTagName("FieldEventCount")[0].text+"</br>";
//                    analytesText+="Start Date: " +getDateFromDateTime(analytes[j].getElementsByTagName("MinDate")[0].text)+"</br>";
//                    analytesText+="End Date: "+ getDateFromDateTime(analytes[j].getElementsByTagName("MaxDate")[0].text)+"</br>";
//                    analytesText+="<a href=\"javascript:SelectSiteID("+id+",'"+getDateFromDateTime(analytes[j].getElementsByTagName("MinDate")[0].text)+"','"+getDateFromDateTime(analytes[j].getElementsByTagName("MaxDate")[0].text)+"')\">Graph this</a>";
//                }
//                   */
//                /*idLink="<ajaxToolkit:Accordion ID='MyAccordion_" +i+"' runat='Server' SelectedIndex='0' HeaderCssClass='accordionHeader' ContentCssClass='accordionContent' ";
//                idLink+="AutoSize='None' FadeTransitions='true' TransitionDuration='250' FramesPerSecond='40'><Panes>";
//                idLink+="<ajaxToolkit:AccordionPane HeaderCssClass='accordionHeader' ";
//                idLink+="ContentCssClass='accordionContent'><Header>Tim''s stuff</Header><Content>row1</br>row2</br></Content></ajaxToolkit:AccordionPane>";        
//                idLink+="<ajaxToolkit:AccordionPane HeaderCssClass='accordionHeader' ";
//                idLink+="ContentCssClass='accordionContent'><Header>Marc''s stuff</Header><Content>row1</br>row2</br>row 3</br></Content></ajaxToolkit:AccordionPane>";
//                idLink+="</Panes></ajaxToolkit:Accordion>";
//                */
//                
//                
//                
//                idLink+=analytesText;
//                //map.AddPushpin(new VEPushpin(id,new VELatLong(latitude,longitude),null,stationName,idLink));
//                var pin = new VEPushpin(pinID,new VELatLong(latitude,longitude),null,pinID + "", "tim");

//                // from soul
//                //var pin = new VEPushpin(pinID, latlon, icon_url, pinID + "", "", iconStyle);
//                VEPushpin.ShowDetailOnMouseOver = false;            
//                VEPushpin.OnMouseOverCallback = PinHover;

//                map.AddPushpin(pin);
//                pinID+=1;
//            }
//        }
// 
//        function PinHover(x, y, title, details)
//        {            
//            var ID = title;
//            var DivID = "VPOP" + ID;
//            var e=document.getElementById(ID+"_"+map.GUID);
//            if(e!=null&&e!="undefined")
//            {    
//      //          window.ero.setBoundingArea(
//      //          new Microsoft.Web.Geometry.Point(110,0),
//      //          new Microsoft.Web.Geometry.Point(510,400));
//               //     document.body.clientHeight));
//             //   window.ero.setBoundingArea(
//               // new Microsoft.Web.Geometry.Point(110,0),
//              //  new Microsoft.Web.Geometry.Point(document.body.clientWidth,
//                //    document.body.clientHeight));
//                window.ero.setContent("<div id='" + DivID + "'>"+x+","+y+"</div>");
//                window.ero.dockToElement(e);
//               // getAJAXContent(ID,DivID);
//            }
//        }

//        function getAJAXContent(ID,DivID)
//{
//    //Get content from server based on the ID
//    var mydate= new Date();
//    var result = mydate.toTimeString();
//    var resultDiv = document.getElementById(DivID);
//    if(resultDiv!=null&&resultDiv!="undefined")
//    {
//        //resultDiv.innerHTML = result;
//        //resultDiv.innerHTML="<div id='accordionDiv'><div id='overviewPanel'><div id='overviewHeader' class='expanditem'><a href='javascript:toggleVisibility();'>Overview</a></div><div id='panel1Content' class='expandtext'>content text</br>osu</br>osu</br>osu</br>osu</br>osu</div></div><div id='panel2'><div id ='panel2Header' class='expanditem'>panel 2</div><div id='panel2Content'  class='expandtext'>this si the stuff</br>tim</br>tim</br>tim</br>tim</br>tim</br>tim</br>tim</br>tim</br>tim</br>tim</br>tim</br>tim</br>tim</br>tim</br>tim</br>tim</br>tim</br>tim</br>tim</div></div></div>";
//        resultDiv.innerHTML="<div id='projectPopup'><div id='projectDetails'><a id='projectDetails_header' class='openPanelHeader' href='javascript:toggleVisibility(\"projectDetails\");'>Project Details</a></div><div id='projectDetails_content' class='openPanelContent'>content text</br>osu</br>osu</br>osu</br>osu</br>osu</div><div id='projectActivities'><a id='projectActivities_header'  class='closedPanelHeader' href='javascript:toggleVisibility(\"projectActivities\");'>Project Activities</a></div><div id='projectActivities_content' class='closedPanelContent'>this si the stuff</br>tim</br>tim</br>tim</br>tim</br>tim</br>tim</br>tim</br>tim</br>tim</br>tim</br>tim</br>tim</br>tim</br>tim</br>tim</br>tim</br>tim</br>tim</br>tim</div></div>";
//        //window.ero.dockToElement(resultDiv);
//        //new Rico.Accordion( $('accordionDiv') );


//    }  
//}