/* ================================================================== */
/* SensorMapPanels                                                    */
/*                                                                    */
/* This file contains all functions and handlers for panels in the    */
/* SensorMap UI.                                                      */
/*                                                                    */
/* There are four panels used in SensorMap (v2) UI:                   */
/* (1) Manage Views Panel                                             */
/* (2) Context Menu (which appears on right click)                    */
/* (3) SensorManagement Panel                                         */
/* (4) Permalink Panel                                                */
/*                                                                    */
/* The non-dynamic markup for these panels can be found in            */
/* Default.aspx.cs.  This file contains dynamic markup for these      */
/* panels along with handlers for events that occur when the user     */
/* interacts with the panels in the UI.                               */
/*                                                                    */
/* ================================================================== */

/* ============================================================ */
/* SensorMap Manage Views Panel                                 */
/* ============================================================ */

var taskArea = null;        // task area (left pane containing view management)
var savedViewListID = "savedViewListUL";

var mvMargin = 5;
var mvWidth = 200;

function MV_InitPanel() {
    var temp = new Array();
    temp.push('<table border="0" cellpadding="2px" cellspacing="0">');
    for (var i in sensorTypeListByUri) {
        if (sensorTypeListByUri[i].inView) {
            temp.push('<tr><td align="left"><input id="');
            temp.push('showType' + sensorTypeListByUri[i].id);
            temp.push('" type="checkbox" ');
            if (smModel.filterTypes[sensorTypeListByUri[i].uri] != 0)
                temp.push('checked="checked" ');
            temp.push('onclick="javascript:MV_UpdateFilterTypes()" /></td>');
            temp.push('<td align="center"><img alt="');
            temp.push(sensorTypeListByUri[i].name); 
            temp.push('" src="');
            temp.push(sensorTypeListByUri[i].icon);
            temp.push('" /></td><td>');
            temp.push(sensorTypeListByUri[i].name);
            temp.push('</td></tr>');
        }
    }
    temp.push('</table>');
    document.getElementById('filterByTypeTable').innerHTML = temp.join('');
}

function MV_PlacePanel()
{
    var mapdims = GetMapDimensions();
    
    // mvContainer is the "Manage Views" div (visual manifestation of task area)
    var mvContainer = document.getElementById('SM_ManageViewsPanel');
    
    // set where mvContainer should be placed
    var mvContainer_Left = mapdims.width - mvWidth - mvMargin;
    var mvContainer_Top = bannerheight + menubarheight + mvMargin;
    mvContainer.style.top = mvContainer_Top + "px";
    mvContainer.style.left = mvContainer_Left + "px";
    mvContainer.style.width = mvWidth + "px";
    
    MV_ShowPanel();
}

function MV_HidePanel()
{
    var mvContainer = document.getElementById('SM_ManageViewsPanel');
    mvContainer.style.display = "none"; 
}

function MV_ShowPanel()
{
    MV_SetFilterTypes();
    MV_SetSearchFilterTerms();
    if (mySavedViews == null)
    {
        MV_InitializeSavedViews();
    }
    MV_PopulateSavedViewsListPanel();

    var mvContainer = document.getElementById('SM_ManageViewsPanel');
    mvContainer.style.display = "block";
}

/*
 * MV_SetFilterTypes
 *
 * Sets sensor types check box values to those values held in the model's types.
 */
function MV_SetFilterTypes()
{
    var sensorTypeCheckBox = null;
    
    for (var ii in sensorTypeListByUri)
    {
        sensorTypeCheckBox = 
            document.getElementById("showType" + sensorTypeListByUri[ii].id);
        if (sensorTypeCheckBox)
            sensorTypeCheckBox.checked = smModel.filterTypes[ii];
    }
}

/*
 * MV_UpdateFilterTypes 
 *
 * Handler that handles when a sensor type filter has been checked/unchecked.
 */
function MV_UpdateFilterTypes(event)
{
    for (var ii in sensorTypeListByUri)
    {
        sensorTypeCheckBox = 
            document.getElementById("showType" + sensorTypeListByUri[ii].id);
        if (sensorTypeCheckBox)
            smModel.filterTypes[ii] = sensorTypeCheckBox.checked;
        else 
            smModel.filterTypes[ii] = -1;
    }

    UpdateSensorMap(SM_Event.FILTER_BY_TYPE);
}

/*
 * MV_SetSearchFilterTerms
 *
 * Sets sensorSearch text box value to the search terms in the model.
 */
function MV_SetSearchFilterTerms()
{
    var sensorSearch_textBox = document.getElementById("sensorSearchText");
    
    if ((sensorSearch_textBox != null) && (sensorSearch_textBox.value != null))
    {
        sensorSearch_textBox.value = smModel.filterTerms;
    }
}

/*
 * MV_GetSearchFilterTerms 
 *
 * Returns the search terms that have been entered in the sensorSearch text 
 * box.
 */
function MV_GetSearchFilterTerms()
{
    var sensorSearch_textBox = document.getElementById("sensorSearchText");

    if ((sensorSearch_textBox != null) && (sensorSearch_textBox.value != null))
    {
        return sensorSearch_textBox.value;
    }
    else
    {
        return "";
    }
}

/*
 * FilterBySearch 
 *
 * Handles event raised when user types something in search box.
 */
function MV_FilterBySearch(event)
{    
    UpdateSensorMap(SM_Event.FILTER_BY_SEARCH);
}


/* ------------------------------------------------------------ */
/* SavedView Handling Functions                                 */
/*                                                              */
/* A saved view is a SensorMapModel cookie.                     */
/* ------------------------------------------------------------ */

/*
 * SavedView globals.
 */
var savedViewListID = "savedViewListUL";
var currentSavedViewCookieStr = "microsoft_sensormap_view_current";
var mySavedViews = null;
var smCookiePrefix = "SensorMap$";

/*
 * MV_InitializeSavedViews 
 *
 * Initializes saved views by reading in all saved cookies user has stored on 
 * the client (NOTE: this assumes all SensorMap cookies represent saved views).
 */
function MV_InitializeSavedViews()
{
    mySavedViews = new Object();
    
    var cookies = ReadAllCookies();

	for (var ii = 0; ii < cookies.length; ii++) 
	{
		var cookieName = GetCookieName(cookies[ii]);
		
		if (cookieName.indexOf(smCookiePrefix) != -1)
		{
		    var svName = cookieName.substring(smCookiePrefix.length + 1);
		    mySavedViews[svName] = GetCookieValue(cookies[ii]);
		}
	}
}

/*
 * MV_PopulateSavedViewsListPanel 
 *
 * Generates html for panel under "Manage Views" title (either with be panel
 * with empty saved view list message or list of saved views).
 */
function MV_PopulateSavedViewsListPanel()
{
    // if repopulating list, delete all old dhtml nodes before populate saved 
    // views list    
    if (document.getElementById(savedViewListID) != null)
    {
        document.getElementById(savedViewListID).removeNode(true);
    }
    else if (document.getElementById("emptyMessagePanel") != null)
    {
        document.getElementById("emptyMessagePanel").removeNode(true);
    }

    // if no saved views, put default text
    if (NumSavedViews() == 0)
    {
        MV_PopulateSavedViewsListEmpty();
    }
    // else add list of saved views to panel
    else
    {
        MV_PopulateSavedViewsList();
    }
}

/*
 * MV_PopulateSavedViewsListEmpty 
 *
 * Generates html for panel under "Manage Views" title when no saved views.
 */
function MV_PopulateSavedViewsListEmpty()
{
    var savedViewsDiv = document.getElementById("savedViewsSection");
    
    var emptyMessagePanel = document.createElement("div");
    emptyMessagePanel.setAttribute("id", "emptyMessagePanel");
    emptyMessagePanel.className = "emptyMessage";

    var p1 = document.createElement('p');
    p1.appendChild(document.createTextNode(
        'You have no saved SensorMap views.'));
        
    var p2 = document.createElement('p');
    p2.appendChild(document.createTextNode(
        'A SensorMap saved view saves your SensorMap settings ' + 
        '(e.g., map location and sensor types being viewed).'));
        
    var p3 = document.createElement('p');
    p3.appendChild(document.createTextNode(
        'To save a SensorMap view, enter a name for the view above and ' +
        'click \'Save View\'.'));
    
    emptyMessagePanel.appendChild(p1);
    emptyMessagePanel.appendChild(p2);
    emptyMessagePanel.appendChild(p3);
    
    savedViewsDiv.appendChild(emptyMessagePanel);  
}

/*
 * MV_PopulateSavedViewsList 
 *
 * Generates html for panel under "Manage Views" title when the user has 
 * saved views.
 */
function MV_PopulateSavedViewsList()
{
    var savedViewsDiv = document.getElementById("savedViewsSection");
    
    var savedViewList = document.createElement("ul");
    savedViewList.setAttribute("id", savedViewListID);
    
    if (mySavedViews != null)
    {
        var savedViewItem = null;
        var savedViewListItem = null;
        var savedViewListItemText = null;
        var savedViewItemToolbar = null;
        var savedViewItemToolbarRemoveItem = null;
    
        for (var savedViewName in mySavedViews)
        {   
            // create h4 with saved view name
            savedViewListItemText = document.createElement("h4");
            savedViewListItemText.onclick = MV_SavedViewSelected;
            savedViewListItemText.arg = savedViewName; 
            savedViewListItemText.appendChild(document.createTextNode(savedViewName));
            
            // create savedViewItem toolbar that allows user to delete saved view
            savedViewItemToolbar = document.createElement("div");
            savedViewItemToolbar.className = "savedViewItemToolbar";
            savedViewItemToolbar.id = "savedViewItemToolbar$" + savedViewName;
            savedViewItemToolbarRemoveItem = document.createElement("div");
            savedViewItemToolbarRemoveItem.className = "toolRemoveItem";
            savedViewItemToolbarRemoveItem.id = "toolRemoveItem$" + savedViewName;
            savedViewItemToolbarRemoveItem.onclick = MV_RemoveSavedView;
            savedViewItemToolbar.appendChild(savedViewItemToolbarRemoveItem);
            
            // create list item that contains h4 and savedViewItem toolbar
            savedViewListItem = document.createElement("li");
            savedViewListItem.id = "savedViewItem$" + savedViewName; 
            savedViewListItem.onmouseover = MouseOverSavedViewListItem;
            savedViewListItem.onmouseout = MouseOutSavedViewListItem
            savedViewListItem.appendChild(savedViewListItemText);
            savedViewListItem.appendChild(savedViewItemToolbar);
            
            // add list item to saved view list
            savedViewList.appendChild(savedViewListItem);
        }
    }
    
    savedViewsDiv.appendChild(savedViewList);
}

function MouseOverSavedViewListItem(event)
{
    var savedViewId = this.id.substr(this.id.indexOf("$") + 1);
    var savedViewItemToolbar = document.getElementById("savedViewItemToolbar$" + savedViewId);
    savedViewItemToolbar.style.visibility = "visible";
}

function MouseOutSavedViewListItem(event)
{
    var savedViewId = this.id.substr(this.id.indexOf("$") + 1);
    var savedViewItemToolbar = document.getElementById("savedViewItemToolbar$" + savedViewId);
    savedViewItemToolbar.style.visibility = "hidden";
}

/*
 * MV_SaveView 
 *
 * Handles event raised when user clicks "Save View" button.
 */
function MV_SaveView()
{
    var savedViewName = document.getElementById("newSavedViewName").value;
    document.getElementById("newSavedViewName").value = "";
    
    // make sure name entered is valid
    if ((savedViewName == null) || (savedViewName == ""))
    {
        alert("Must enter a name for the SensorMap view you want to save.");
        return;
    }

    if (mySavedViews[savedViewName] != null)
    {
        alert("You already have a saved view with this name.  Please choose a unique name for the saved view.");
        return;
    }

    // save the view in state and serialize
    mySavedViews[savedViewName] = smModel.toString();
    WriteCookie(smCookiePrefix + savedViewName, mySavedViews[savedViewName]);
    MV_PopulateSavedViewsListPanel();
}

/*
 * MV_RemoveSavedView 
 *
 * Handles event raised when user clicks on 'x' of one of their saved views.
 */
function MV_RemoveSavedView(event)
{
    var savedViewName = this.id.substr(this.id.indexOf("$") + 1);
    
    var confirmResponse = confirm("Are you sure you want to remove the saved " +
        "view '" + savedViewName + "'?");
        
    if (confirmResponse)
    {
        DeleteCookie(smCookiePrefix + savedViewName, mySavedViews[savedViewName]);
        delete mySavedViews[savedViewName];
        MV_PopulateSavedViewsListPanel();
    }
}

/*
 * MV_SavedViewSelected 
 *
 * Handles event raised when user clicks on one of their saved views.
 */
function MV_SavedViewSelected(event)
{
    var savedViewName = this.arg;

    // set model to be that serialized in the savedview string
    smModel.fromString(mySavedViews[savedViewName]);
    
    // update map with new model info
    UpdateSensorMap(SM_Event.SAVED_VIEW);
}

/*
 * NumSavedViews 
 *
 * Returns number of saved views user has.
 */
function NumSavedViews()
{
    var ii = 0;
    
    for (var sv in mySavedViews)
    {
        ii++;
    }
    
    return ii;
}


/* ============================================================ */
/* SensorMap_ContextMenu Panel                                  */
/* ============================================================ */
var ContextDef = {
    MAP          : 0,
    SENSOR       : 1
};

/*
 * SensorMap_ContextMenu 
 *
 * Constructor for SensorMap context menu object.  Creates a FloatPanel for the 
 * menu and hides it.
 */
function SensorMap_ContextMenu()
{
    // private variables
    this.contextMenu = new FloatPanel("SM_contextMenu", "SM_contextMenu");
    this.contextMenu_body = null;
    this.hide();
}
    
/*
 * SensorMap_ContextMenu.prototype.show  
 *
 * Adds appropriate options to the menu and sets the context menu container
 * to be visible.
 */
SensorMap_ContextMenu.prototype.show = function(context, parameters)
{    
    // create body of context menu
    this.createBody();

    // if clicked on map, generate appropriate map options
    if (context == ContextDef.MAP)
    {
        this.showMapOptions(parameters.mapXPixel, parameters.mapYPixel);
    }
    
    this.contextMenu.setPosition(parameters.mapXPixel + (contextPinSize / 2), 
        parameters.mapYPixel - contextPinSize);
        
    this.contextMenu.show();
}

/*
 * SensorMap_ContextMenu.prototype.hide
 *
 * Removes menu body and sets the context menu container to be hidden.
 */
SensorMap_ContextMenu.prototype.hide = function()
{
    var contextMenuBody = document.getElementById("contextMenu_body");
    
    if (contextMenuBody != null)
    {
        contextMenuBody.removeNode(true);
    }
    
    this.contextMenu.hide();
}

SensorMap_ContextMenu.prototype.getPosition = function()
{
    return this.contextMenu.getPosition();
}

/*
 * SensorMap_ContextMenu.prototype.createBody
 *
 * Creates the body for the context menu by appending an empty div to the 
 * context menu float panel.
 */
SensorMap_ContextMenu.prototype.createBody = function()
{
    // remove any previous context menu body (as menu items might have changed
    if (document.getElementById("contextMenu_body") != null)
    {
        document.getElementById("contextMenu_body").removeNode(true);
    }
 
    // generate html of div that is context menu body container
    this.contextMenu_body = document.createElement("div");
    this.contextMenu.getElement().appendChild(this.contextMenu_body);
    this.contextMenu_body.setAttribute("id", "contextMenu_body");
}

/*
 * SensorMap_ContextMenu.prototype.showMapOptions
 *
 * If the user right clicks on the map, context menu should contain:
 * 1. Map information options (i.e. coordinates that correspond to where the 
 *    user clicked),
 * 2. Filter point options (i.e. Add, Delete, and Move filter points), and
 * 3. If the user is a publisher, publisher actions.
 */
SensorMap_ContextMenu.prototype.showMapOptions = function(pixelX, pixelY)
{
    // create table body that will contain menu options
    var contextMenu_table = document.createElement("table");
    contextMenu_table.cellPadding = 0;
    contextMenu_table.cellSpacing = 0;
    this.contextMenu_body.appendChild(contextMenu_table);
    var contextMenu_tbody = document.createElement("tbody");
    contextMenu_table.appendChild(contextMenu_tbody);
    
    // Map Information 
    coordRow = document.createElement("tr");
    contextMenu_tbody.appendChild(coordRow);
    coordCell = document.createElement("td");
    coordRow.appendChild(coordCell);
    var userClickLocation = smMap.PixelToLatLong(new VEPixel(pixelX, pixelY-94));
    coordsText = 
        "Coordinates: <br>&nbsp;&nbsp;<span id='userClickLocLat'>" + userClickLocation.Latitude + "</span>&deg; <br>" 
        +"<span id='userClickLocLon'>"+ userClickLocation.Longitude + "</span>&deg;";    
    var coordPanel = document.createElement("div");
    coordPanel.className = "text";
    coordPanel.innerHTML = coordsText;
    
    coordCell.appendChild(coordPanel);
    this.addHR(contextMenu_tbody);
    
    // Filter Point Actions
    this.addFilterPointActions(contextMenu_tbody);
    
    // Sensor Publisher Actions
    /*
    if (IsUserPublisher())
    {
        this.addHR(contextMenu_tbody);
        this.addMapActions(contextMenu_tbody);
    }
    */
}

/*
 * SensorMap_ContextMenu.prototype.addFilterPointActions
 *
 * Generates html for context menu's filter point options.
 */
SensorMap_ContextMenu.prototype.addFilterPointActions = function(contextMenu_tbody)
{
    contextMenu_tbody.appendChild(
        this.createContextMenuItem("Add Filter Point", "addFilterPoint"));
    contextMenu_tbody.appendChild(
        this.createContextMenuItem("Delete All Filter Points", "deleteAllFilterPoints"));
     contextMenu_tbody.appendChild(
        this.createContextMenuItem("Generate iFrame URL", "generateIFrameURL"));  
     contextMenu_tbody.appendChild(
        this.createContextMenuItem("Register Sensor", "showSensorAddPanel"));                  
}

/*
 * SensorMap_ContextMenu.prototype.addMapActions
 *
 * Generates html for context menu's sensor publishing options.
 */
SensorMap_ContextMenu.prototype.addMapActions = function(contextMenu_tbody)
{
    contextMenu_tbody.appendChild(
        this.createContextMenuItem("Add Sensor", "addSensor"));
}

/*
 * SensorMap_ContextMenu.prototype.createContextMenuItem
 *
 * Creates a single context menu item, given the item label and the action that 
 * should occur if the item is selected.
 */
SensorMap_ContextMenu.prototype.createContextMenuItem = function(itemLabel, itemAction)
{
    // make new table row
    menuItemRow = document.createElement("tr");
    
    // make new table cell
    menuItemCell = document.createElement("td");
    menuItemRow.appendChild(menuItemCell);
    
    // make new link
    menuItemLink = document.createElement("a");
    menuItemCell.appendChild(menuItemLink);
    menuItemLink.href = 
        "javascript:sm_contextMenu.contextMenuActionHandler('" + itemAction + "')";
    menuItemLink.appendChild(document.createTextNode(itemLabel));
    
    return menuItemRow;
}

/*
 * SensorMap_ContextMenu.prototype.addHR
 *
 * Generates a horizontal row or divider for the context menu's table body.  
 * This is used to group different groups of options.
 */
SensorMap_ContextMenu.prototype.addHR = function(contextMenu_tbody)
{
    hrRow = document.createElement("tr");
    contextMenu_tbody.appendChild(hrRow);
    hrCell = document.createElement("td");
    hrRow.appendChild(hrCell);
    hr = document.createElement("hr");
    hrCell.appendChild(hr);
}

/*
 * SensorMap_ContextMenu.prototype.contextMenuActionHandler
 *
 * Handles the selection of a context menu option.
 */
SensorMap_ContextMenu.prototype.contextMenuActionHandler = function(action)
{
    var args = new Object();
    var userLocLat = $get('userClickLocLat').innerText;
    var userLocLon = $get('userClickLocLon').innerText;
    var zoomLevel = smMap.GetZoomLevel();
    var smLatLon = new VELatLong(userLocLat,userLocLon , zoomLevel, VEAltitudeMode.Default);
    var pixel = smMap.LatLongToPixel(smLatLon, zoomLevel);
        
    if (action == "addFilterPoint")
    {
        UpdateSensorMap(SM_Event.FILTER_PIN_ADDED);
    }
    else if (action == "deleteAllFilterPoints")
    {
        UpdateSensorMap(SM_Event.POLYGON_DELETED);
    }
    else if (action == "addSensor")
    {
        var parameters = new Object;
        parameters.latitude = contextPin.LatLong.Latitude;
        parameters.longitude = contextPin.LatLong.Longitude;
        ShowPanelSensorManagement(parameters, ManagementOperation.NEW);
    }
    else if(action=="generateIFrameURL"){
        $get('targetLocLon').value = userLocLon;
        $get('targetLocLat').value = userLocLat;
        $get('iFrameZoomLvl').value = zoomLevel;
        var urlGenDiv = $get('iFrameURLGenDiv');
        if(urlGenDiv != null){
            urlGenDiv.style.display = "block";
            urlGenDiv.style.left = pixel.x + 'px';
            urlGenDiv.style.top = pixel.y + 'px';
            urlGenDiv.style.width = '450px';
        }
    }
    else if(action=="showSensorAddPanel"){
        PopulateGroups();
        PopulateSensorType($get('addSensorDataType').value);
        $get('addSensorLon').value = userLocLon;
        $get('addSensorLat').value = userLocLat; 
        $get('addSensorType').value = '';    
        var sensorAddDiv = $get('sensorAddDiv');
        if(sensorAddDiv != null){
            sensorAddDiv.style.display = "block";
            sensorAddDiv.style.left = pixel.x + 'px';
            sensorAddDiv.style.top = pixel.y + 'px';
            sensorAddDiv.style.width = '375px';
        }        
    }    
    this.hide();
}

/* ============================================================ */
/* SensorMap Sensor Management Panel Variables and Handlers     */
/* ============================================================ */

var ManagementOperation = {
    NEW     : 0,
    DISPLAY : 1,
    UPDATE  : 2,
    DELETE  : 3,
    MANAGE  : 4
};

function GetSensorManagementPanel()
{
    return document.getElementById("SM_SensorManagementPanel");
}

/*
 * ShowPanelSensorManagement
 *
 * Makes the sensor management container visible with appropriate fields and 
 * values for the given operation.
 */
function ShowPanelSensorManagement(parameters, operation)
{
    var sensorManagementContainer = GetSensorManagementPanel();
    sm_contextMenu.hide();
    window.ero.hide();
    
    var sensorMgmtTitle = document.getElementById("sensorMgmtTitleText");
    var sensorNameInput = document.getElementById("sensorNameInput");
    var sensorTypeDDL = document.getElementById("sensorTypeInput");
    var fileTypeDDL = document.getElementById("fileTypeInput");
    var latitudeInput = document.getElementById("latitudeInput");
    var longitudeInput = document.getElementById("longitudeInput");
    var imageURIInput = document.getElementById("imageURIInput");
    var keywordTextArea = document.getElementById("keywordTextArea");
    var sensorDescTextArea = document.getElementById("sensorDescTextArea");
    var actionButton = document.getElementById("actionButton");
    
    switch (operation) {
     
        case ManagementOperation.NEW :
            sensorManagementContainer.style.top = sm_contextMenu.getPosition().y + "px";
            sensorManagementContainer.style.left = sm_contextMenu.getPosition().x + "px";
            
            sensorMgmtTitle.innerText = "Publish Sensor";
            latitudeInput.value = parameters.latitude;
            longitudeInput.value = parameters.longitude;
            actionButton.value = "Publish";
            actionButton.onclick = SensorManagementInsert;
            
            sensorTypeDDL.disabled = false;
            fileTypeDDL.disabled = false;
            
            break;
            
        case ManagementOperation.UPDATE :    
        
            var sensorToUpdate = sensorsInViewport[parameters.sensorIndex];
            
            var smLocation = smMap.LatLongToPixel(sensorToUpdate.vePushpin.LatLong);
            sensorManagementContainer.style.top = 
                (smLocation.y + bannerheight + menubarheight) + "px";
            sensorManagementContainer.style.left = smLocation.x + 20 + "px";
        
            sensorMgmtTitle.innerText = "Update Sensor";
            sensorNameInput.value = sensorToUpdate.name;

            if (sensorToUpdate.constructor == VideoCameraSensor)
            {

                sensorTypeDDL.selectedIndex = 0;
                PopulateFileTypeDDList();

                if (sensorToUpdate.unit = "jpeg")
                {
                    fileTypeDDL.selectedIndex = 0;
                }
                else if (sensorToUpdate.unit = "gif")
                {
                    fileTypeDDL.selectedIndex = 1;
                }
            }
            else if (sensorToUpdate.constructor == GenericSensor)
            {
                sensorTypeDDL.selectedIndex = 1;
                PopulateFileTypeDDList();
                fileTypeDDL.selectedIndex = 0;
            }            

            sensorTypeDDL.disabled = true;
            fileTypeDDL.disabled = false;
            
            latitudeInput.value = sensorToUpdate.latitude;
            longitudeInput.value = sensorToUpdate.longitude;
            imageURIInput.value = sensorToUpdate.uri;
            keywordTextArea.value = sensorToUpdate.keywords;
            sensorDescTextArea.value = sensorToUpdate.desc;
            
            actionButton.value = "Update";
            actionButton.onclick = SensorManagementUpdateSave;
            actionButton.index = parameters.sensorIndex;
        
            break;
                 
        default:
            break;
    }   
    
    sensorManagementContainer.style.display = "block"; 
}

/*
 * HideSensorManagement
 *
 * Hides the sensor management container and resets all of its fields' values.
 */
function HideSensorManagement()
{
    var sensorManagementContainer = GetSensorManagementPanel();
    sensorManagementContainer.style.display = "none"; 
    document.getElementById("sensorNameInput").value = "";
    document.getElementById("fileTypeInput").value = "";
    document.getElementById("latitudeInput").value = "";
    document.getElementById("longitudeInput").value = "";
    document.getElementById("imageURIInput").value = "";
    document.getElementById("keywordTextArea").value = "";
    document.getElementById("sensorDescTextArea").value = "";
    HideContextPin();
}

/*
 * SensorManagementInsert
 *
 * Inserts new sensor using values given in sensor management container.
 */
function SensorManagementInsert()
{
    var swID = GetUserLogin();
    var sensorName = document.getElementById("sensorNameInput").value;
    var sensorTypeDDL = document.getElementById("sensorTypeInput");
    var sensorType = "";
    var fileTypeDDL = document.getElementById("fileTypeInput");
    var fileType = "";
    var latitude = document.getElementById("latitudeInput").value;
    var longitude = document.getElementById("longitudeInput").value;
    var uri = document.getElementById("imageURIInput").value;
    var keywords = document.getElementById("keywordTextArea").value;
    var sensorDescription = document.getElementById("sensorDescTextArea").value;


    if (sensorTypeDDL.selectedIndex == 0)
    {
        sensorType = Sensor.type["VIDEO_CAMERA"].typeURI;
    }
    else if (sensorTypeDDL.selectedIndex == 1)
    {
        sensorType = Sensor.type["GENERIC"].typeURI;
    }
    
    fileType = fileTypeDDL.options[fileTypeDDL.selectedIndex].value;

    if ((sensorName == null || sensorName == '' ) || 
        (latitude == null || latitude == '' ) ||
        (longitude == null || longitude == '' ) ||
        (uri == null || uri == '' ))
    {
        alert("You have forgotten to fill in some required fields.  Please fill " +
              "in a name, an image type, the latitude, the longitude, and the " +
              "url for where the latest image from your video camera is stored.");
    }
    else
    {
    
        latitude = parseFloat(latitude);
        longitude = parseFloat(longitude);

        SenseWeb.SensorManagement.RegisterSensor(
            sensorName, sensorType, fileType,
            latitude, longitude, 0.0,
            keywords, sensorDescription, uri, 
            SensorManagementComplete,
            SensorManagementTimeout);
          
    }
    
}

/*
 * SensorManagementDelete
 *
 * Deletes sensor at the given index in the viewport.
 */
function SensorManagementDelete(index)
{
    var sensorToDelete = sensorsInViewport[index];
    
    var deleteConfirm = 
        confirm("Are you sure you want to delete the sensor '" 
                + sensorToDelete.name + "'?");
                
    if (deleteConfirm)
    {
        /*
        SenseWeb.SensorManagement.RemoveSensor(sensorToDelete.name, 
            sensorToDelete.latitude, sensorToDelete.longitude,
            sensorToDelete.publisher,
            SensorManagementComplete,
            SensorManagementTimeout);
        */
        SenseWeb.SensorManagement.RemoveSensor(sensorToDelete.name,
            SensorManagementComplete,
            SensorManagementTimeout);
        
    }
}

/*
 * SensorManagementMove
 *
 * Shows sensor management move panel move a sensor and sets mouse to 
 * crosshair.
 */
function SensorManagementMove(index)
{
    mapContainer.childNodes[0].style.cursor = "crosshair";
    movingPushpin = index;
    VEPushpin.Hide();
}

/*
 * SensorManagementUpdate
 *
 * Shows sensor management panel to update a sensor.
 */
function SensorManagementUpdate(index)
{
    var parameters = new Object();
    parameters.sensorIndex = index;
    
    ShowPanelSensorManagement(parameters, ManagementOperation.UPDATE);
}

function SensorManagementMoveSave(newLat, newLong)
{
    var sensorUpdated = sensorsInViewport[movingPushpin];
    movingPushpin = null;
    
    var oldLatitude = sensorUpdated.latitude;
    var oldLongitude = sensorUpdated.longitude;   

    sensorUpdated.latitude = newLat;
    sensorUpdated.longitude = newLong;

    /*
    SenseWeb.SensorManagement.UpdateSensor(
        sensorUpdated.name, oldLatitude, oldLongitude,
        sensorUpdated.name, sensorUpdated.unit, sensorUpdated.latitude, 
        sensorUpdated.longitude, sensorUpdated.keywords, 
        sensorUpdated.desc, sensorUpdated.uri, 
        SensorManagementComplete,
        SensorManagementTimeout);
    */
    SenseWeb.SensorManagement.UpdateSensorLocation(
        sensorUpdated.name,
        sensorUpdated.latitude, sensorUpdated.longitude, 0.0,
        SensorManagementComplete,
        SensorManagementTimeout);
}

/*
 * SensorManagementUpdateSave
 *
 * Saves changes made to sensor through sensor management panel.
 */
function SensorManagementUpdateSave(event)
{
    var sensorUpdated = sensorsInViewport[this.index];
    
    var oldSensorName = sensorUpdated.name;
    var oldLatitude = sensorUpdated.latitude;
    var oldLongitude = sensorUpdated.longitude;   
    var sensorName = document.getElementById("sensorNameInput").value;
    var imageType = document.getElementById("fileTypeInput").value;
    var latitude = document.getElementById("latitudeInput").value;
    var longitude = document.getElementById("longitudeInput").value;
    var uri = document.getElementById("imageURIInput").value;
    var keywords = document.getElementById("keywordTextArea").value;
    var sensorDescription = document.getElementById("sensorDescTextArea").value;

    if ((sensorName == null || sensorName == '' ) ||
        (imageType == null || imageType == '' ) ||    
        (latitude == null || latitude == '' ) ||
        (longitude == null || longitude == '' ) ||
        (uri == null || uri == '' ))
    {
        alert("You have forgotten to fill in some required fields.  Please fill " +
              "in a name, an image type, the latitude, the longitude, and the " +
              "url for where the latest image from your video camera is stored.");
    }
    else
    {
        sensorUpdated.name = sensorName;
        sensorUpdated.unit = imageType;
        sensorUpdated.latitude = parseFloat(latitude);
        sensorUpdated.longitude = parseFloat(longitude);
        sensorUpdated.uri = uri;
        sensorUpdated.keywords = keywords;
        sensorUpdated.desc = sensorDescription;
    
        /*
        SenseWeb.SensorManagement.UpdateSensor(
            oldSensorName, oldLatitude, oldLongitude,
            sensorUpdated.name, sensorUpdated.unit, sensorUpdated.latitude, 
            sensorUpdated.longitude, sensorUpdated.keywords, 
            sensorUpdated.desc, sensorUpdated.uri, 
            SensorManagementComplete,
            SensorManagementTimeout);
        */
        SenseWeb.SensorManagement.UpdateSensorLocation(
            sensorUpdated.name,
            sensorUpdated.latitude, sensorUpdated.longitude, 0.0,
            SensorManagementComplete,
            SensorManagementTimeout);
        
    }
}

/*
 * SensorManagementComplete
 *
 * Handler for when call to SensorManagement web service completes.
 */
function SensorManagementComplete(result) 
{
    HideSensorManagement();
    UpdateSensorMap();
}

/*
 * SensorManagementTimeout
 *
 * Handler for when call to SensorManagement web service times out.
 */
function SensorManagementTimeout(result) 
{
    alert("Timed out: The sensor management function you just tried to " +
          "perform did not complete.  Try again soon.");
}

/*
 * PopulateFileTypeDDList
 *
 * Populates file type drop down list depending on which sensor type has been 
 * selected in the sensor management panel.
 */
function PopulateFileTypeDDList()
{
    // get sensortype dropdown
    var sensorTypeInput = document.getElementById("sensorTypeInput");

    // get filetype dropdown
    var fileTypeInput = document.getElementById("fileTypeInput");

    // remove old file type options
    for (ii = fileTypeInput.options.length - 1; ii >=0; ii--)
    {
        // fileTypeInput.options.remove(ii);
        fileTypeInput.options[ii] = null;
    }
    
    // add appropriate new file type options
    if (sensorTypeInput.selectedIndex == 0)
    {
        var opt1Var = document.createElement("option");
        opt1Var.text = "jpeg";
        opt1Var.value = "jpeg";

        var opt2Var = document.createElement("option");
        opt2Var.text = "gif";
        opt2Var.value = "gif";

        fileTypeInput.options[0] = opt1Var;
        fileTypeInput.options[1] = opt2Var;
    }
    else
    {
        var opt3Var = document.createElement("option");
        opt3Var.text = "html";
        opt3Var.value = "html";
        
        fileTypeInput.options[0] = opt3Var;
    }
}

/* ============================================================ */
/* Permalink Panel Functions and Handlers                       */
/* ============================================================ */
function GetPermalinkPanel()
{
    return document.getElementById("SM_PermalinkPanel");
}

function ShowPermalink()
{
    // build and insert link
    var link = location.protocol + "//" + location.host + location.pathname
        + "?" + smModel.toString();
       
    var linkEl = document.getElementById("SM_Permalink");
    linkEl.href = link;

    // show panel
    var permalinkPanelContainer = GetPermalinkPanel();
    permalinkPanelContainer.style.display = "block";
    permalinkPanelContainer.style.height = '125px';
    permalinkPanelContainer.style.width = '800px';
}

function HidePermalink()
{
    var permalinkPanelContainer = GetPermalinkPanel();
    permalinkPanelContainer.style.display = "none";
}

function CopyPermalink()
{
    var permalink = $get("SM_Permalink");
    window.clipboardData.setData("Text", permalink.href);
}

function GoToLocation()
{
    var whereTextBox = $get("whereTextBox");
    var place = whereTextBox.value;
    //whereTextBox.value = "";
    UpdateSensorMap(SM_Event.GO_TO_LOCATION, place);
}

/* ============================================================ */
/* IFrameURL Generator functions                                */
/* ============================================================ */
function HideIFrameURLGenDiv()
{
    var iFrameUrlGenDiv = $get('iFrameURLGenDiv');
    iFrameUrlGenDiv.style.display = "none";
    HideIFrameDiv();
}

function HideIFrameDiv()
{
    var iFrameDiv = $get('iFrameDiv');
    iFrameDiv.style.display = "none";
}

function PrepareIFrame(action)
{
    var iFrameDiv = $get('iFrameDiv');
    var embedSMIFrameDiv = $get("embedSMIFrameDiv");     
    var frameWidth = $get("iframeWidth").value;
    var frameHeight = $get("iframeHeight").value;
        
    if(frameWidth != "" && frameHeight != ""){
         embedSMIFrameDiv.style.width = frameWidth + "px";
         embedSMIFrameDiv.style.height = frameHeight + "px";
    }
    else{
        embedSMIFrameDiv.style.width = '500px';
        embedSMIFrameDiv.style.height = '300px';
    }
    
    if(action == 'copytagtoclipboard'){
        if(embedSMIFrameDiv.innerHTML.indexOf('src')>-1)
            CopyToClipboard(embedSMIFrameDiv.innerHTML);
        else{
            var idAndSrc = "id=\"embedSMIFrame\" src=\"" + GetiFrameLink() + "\"";
            CopyToClipboard(embedSMIFrameDiv.innerHTML.replace('id=embedSMIFrame', idAndSrc));
        }
    }
    else if(action == 'copyurltoclipboard')
        CopyToClipboard(GetiFrameLink());        
    else if(action == 'display'){
        $get("embedSMIFrame").src = GetiFrameLink();
        iFrameDiv.style.display = "block";
        iFrameDiv.style.left = $get('iFrameURLGenDiv') == null ? '30px': $get('iFrameURLGenDiv').style.left;
        iFrameDiv.style.top = $get('iFrameURLGenDiv') == null ? '250px': eval(parseInt($get('iFrameURLGenDiv').style.top.replace('px','')) + 190) + 'px';
    }
}

function GetiFrameLink()
{
    var filePath = location.pathname;
    var webAppName = filePath.substr(0,filePath.lastIndexOf('/'));
    var link = location.protocol + "//" + location.host + webAppName +"/embedsensormap.aspx"
        + "?la=" + $get("targetLocLat").value + "&lo=" + $get("targetLocLon").value+ "&zl=" + $get("iFrameZoomLvl").value + "&ms=r"; 
    return link;
}

function CopyToClipboard(text){
  if (window.clipboardData) 
     window.clipboardData.setData("Text", text);
}

function GetIFrameURL(){
    window.location.href = GetiFrameLink();
}

/*-----------------------------------------------*/
/*--------------Sensor Add------------------------*/
/*-----------------------------------------------*/
function HideSensorAddPanel()
{
    $get('sensorAddDiv').style.display = 'none';
}

function InsertRow(typeId, isDisabled){
    var i= $get('sensorDetails').rows.length;
    var x = $get('sensorDetails').insertRow(i);
    var y = x.insertCell(0);
    var z = x.insertCell(1);
    var a = x.insertCell(2);
    var b = x.insertCell(3);
    var c = x.insertCell(4);
    var id1 = 'pType' + i;
    var id2 = 'pMetaData' + i;
    var id3 = 'pAdd' + i;
    var id4 = 'pDel' + i;
    var id5 = 'pName' + i;
    var id6 = 'pCom' + i;
    y.innerHTML="<select class=''sensorMapDDL4Params'' id='"+ id1 +"' style='width:150px' />";
    z.innerHTML="<input type='text' id='"+ id5 +"' style='width:100px;'/>";  
    a.innerHTML="<input type='text' id='"+ id6 +"'style='width:100px;'/>";  
    b.innerHTML="<input type='text' id='"+ id2 +"' readonly='readonly'/>";  
    c.innerHTML="<a style='font-size:10px;' href='javascript:AddMetaInfo(\""+ id2 +"\")' id='"+ id3 +"'>Add</a><br/> <a style='font-size:10px;' href='javascript:DeleteMetaInfo(\""+ id2 +"\")' id='"+ id4 +"'>Clear</a>"; 
    $get('vectorSectionExtended').style.display = 'block';
    if(isDisabled == false)
        $get('notFoundLinkDiv').style.display = 'block';
    var coll = GetSensorTypeArrayFromCol('scalar', sensorTypeMDA);
    if(coll != '')
        PopulateSensorTypes($get(id1),coll);
    if(typeId != '' && isDisabled == true)
        HighLightTypeAndDisableDD($get(id1), typeId, isDisabled);
    // $get('registerSensorBtnDiv').style.width = '564px';
}

function HighLightTypeAndDisableDD(ctrl, typeId, isDisabled){
    for(var i=0;i<ctrl.options.length;i++){
       if(ctrl.options[i].value == typeId)
            ctrl.options[i].selected = true;
    }
    ctrl.disabled = isDisabled;
}

function DeleteRow()
{
    var i= $get('sensorDetails').rows.length;
    if(i>1)
        $get('sensorDetails').deleteRow(i-1);
    if(i<= 2){
        $get('vectorSectionExtended').style.display = 'none';
        //$get('registerSensorBtnDiv').style.width = '370px';
    }
}

function SensorTypeChange(type){
    var sensorDataType = $get('addSensorDataType').value;
    var vectorSection = $get('vectorSection');
    var vectorSectionExtended = $get('vectorSectionExtended');
    $get('addSensorType').value = '';     

    ClearTableRows();
    if(type == 'datatype'){        
        if(sensorDataType == 'vector')
            vectorSection.style.display = 'block';
        else{
            vectorSection.style.display = 'none';
            vectorSectionExtended.style.display = 'none';
        }
        var addSensorTypeDDL = $get('addSensorTypeDDL');
        var addSensorType = $get('addSensorType');
        addSensorTypeDDL.style.display = "block";
        addSensorType.value = '';
        addSensorType.style.display = "none";         
        PopulateSensorType(sensorDataType);
    }
    else if(type == 'sensortype'){
        if(sensorDataType == 'vector'){
            var sensorType = $get('addSensorTypeDDL').value;
            if(sensorType != '')
                SenseWeb.SensorManagement.GetScalarSensorsWithVectorType(sensorType, 
                    function GetSignatureDone(result){DisplayVectorParameters(result);}, 
                    function GetSignatureTimeout(){return null;});
            else{
                vectorSection.style.display = 'block';
                vectorSectionExtended.style.display = 'none';
            }
        }
    }
}

var currentMetaInfoCtrl;
function AddMetaInfo(ctrlToAdd){
    currentMetaInfoCtrl = $get(ctrlToAdd);
    $get('metaInfoPanel').style.display= 'block';
    ResetMetaInfoCtrlValues();
}

function ResetMetaInfoCtrlValues(){
    $get('metaDataDDL').value = '';
    $get('metaDataValue').value = '';
    $get('metaDataUnit').value = '';
}

function DeleteMetaInfo(ctrlToDelete){
    currentMetaInfoCtrl = $get(ctrlToDelete);
    currentMetaInfoCtrl.value = '';
}

function AppendMetaData(){
    var metaDataDDL = $get('metaDataDDL').value;
    var metaDataValue = $get('metaDataValue').value;
    var metaDataUnit = $get('metaDataUnit').value;
    if(currentMetaInfoCtrl != null || currentMetaInfoCtrl != 'undefined'){
        var val = currentMetaInfoCtrl.value;
        currentMetaInfoCtrl.value = val  + metaDataDDL + ":" +  metaDataValue  + ":" + metaDataUnit + ",";
    }
     $get('metaInfoPanel').style.display= 'none';
}

function DisplayVectorParameters(signatures){
    ClearTableRows();
    $get('vectorSection').style.display = 'none';
    $get('notFoundLinkDiv').style.display = 'none';
    if(signatures != null){
        var scalarTypes = signatures.split(';');
        for(var i=0;i< scalarTypes.length; i++){
            if(scalarTypes[i] != 'undefined' && scalarTypes[i] != '')
                InsertRow(scalarTypes[i],true);
        }
    }
}

function ClearTableRows(){
    var i= $get('sensorDetails').rows.length;
    var tblCtrl =  $get('sensorDetails');
    for(var j=i-1;j>0;j--)
        tblCtrl.deleteRow(j);
}

function CreateSensor(){
    var userName = GetUserName();
    var passCode = GetPassCode();
    if(userName == '' || userName == null || userName == 'undefined')
        alert('Please logon to SensorMap to Register Sensors!');
    else{
        var sensorName = $get('addSensorName').value;
        var sensorType = $get('addSensorType').value;
        if(sensorType == '') 
            sensorType = $get('addSensorTypeDDL').value;
        var alt = $get('addSensorAlt').value;
        var lat = $get('addSensorLat').value;
        var lon = $get('addSensorLon').value;
        var keyWords = $get('addSensorKeywords').value;
        var desc = $get('addSensorDesc').value;
        var wsUrl = $get('addSensorWSURL').value;
        var sensorDataType = $get('addSensorDataType').value;
        var sensorGrp = $get('addGrpOptions').value;
        var sensorStatus = $get('addSensorStatus').value;
        var icon = $get('addSensorIcon').value; 
        if(icon != '') icon = 'image/CImg/' + icon;
        if(ValidateScalarData(sensorName,sensorType,alt,lat,lon,wsUrl,sensorGrp,sensorStatus)){        
            if(sensorDataType.toLowerCase() == "vector"){
                var pTypeCol = $get('sensorDetails').getElementsByTagName('select');
                var len = pTypeCol.length;
                var pT = ''; var pTVal = '';
                var pName = ''; var pNameVal = '';                
                var pMD = ''; 
                var pCom = '';
                
                var isValid = true;
                
                for(var i=1;i<=len;i++){
                     pTVal = GetCtrlValue($get('pType' + i));
                     if(ValidateVectorData(pTVal)) pT += pTVal + "|"; else isValid = false;
                        
                     pNameVal = GetCtrlValue($get('pName' + i));
                     if(ValidateVectorData(pNameVal)) pName += pNameVal + "|"; else isValid = false;
                     
                     pMD += GetCtrlValue($get('pMetaData' + i)) + "|";
                     pCom += GetCtrlValue($get('pCom' + i)) + "|";                        
                 }
                 if(pT != '' && pName != '' && isValid == true)                  
                    SenseWeb.SensorManagerProxy.CreateVectorSensorTypeAndRegisterSensor(userName, passCode, sensorName, sensorType, 
                        alt, lon, lat, desc, sensorDataType, keyWords, wsUrl, sensorGrp, sensorStatus, icon, pT, pName, pCom, pMD, function(result) {
                                if(result.toLowerCase() == "ok")alert("Sensor Registration Succeeded");else alert(result);
                                    }, function() {alert('Failed to register sensor!');});
                else
                    alert('Please provide parameter details');
            }
            else{
                sensorType = $get('addSensorTypeDDL').value;
                SenseWeb.SensorManagerProxy.CreateSensorTypeAndRegisterSensor(userName, passCode, sensorName, sensorType, 
                alt, lon, lat, desc, sensorDataType, keyWords, wsUrl,sensorGrp, sensorStatus, function(result) {
                                if(result.toLowerCase() == "ok")alert("Sensor Registration Succeeded");else alert(result);
                                    }, function() {alert('Failed to register sensor!');}); 
            } 
        }
        else
            alert('* - Mandatory field values missing!');
    }
}

function GetCtrlValue(ctrl){
    if(ctrl != null || ctrl != 'undefined')
        return ctrl.value;
    
    return null;
}

function GetCtrlText(ctrl){
    if(ctrl != null || ctrl != 'undefined')
        return ctrl.text;
    
    return null;
}

function CreateSensorType(){
    var userName = GetUserName();
    var passCode = GetPassCode();
    if(userName == '' || userName == null || userName == 'undefined')
        alert('Please logon to SensorMap to create sensor types.!');
    else{
        var dataType = $get('sensorTypeDataType').value;
        var name = $get('sensorTypeName').value;
        var unit = $get('sensorTypeUnit').value;
        var iconUrl = $get('iconUrlTB').value;
        if(iconUrl != '') iconUrl = 'image/CImg/' + iconUrl;
        if(name != '')                 
             SenseWeb.SensorManagerProxy.CreateSensorType(userName, passCode, name, dataType, unit, iconUrl, 
                        function(result) {if(result.toLowerCase() == "ok"){alert("Sensortype creation succeeded!");PopulateSensorType('scalar');}else alert(result);},
                        function() {alert('Failed to register sensor!');});
        else
            alert('Please provide data for fields marked with * or select group to make sensor protected!'); 
    }
}


function UploadIcon(parentCtrl){
    var url = "iconUpload.aspx?parentCtrl=" + parentCtrl;
    var _win = window.open (url, "mywindow","height=50px;location=0,status=0,scrollbars=0,width=400px;resizable=0;toolbar=0;"); 
}

function ValidateScalarData(sensorName, sensorType, alt, lat, lon, wsUrl, sensorGroup, accessControl)
{
    if(sensorName == '' || sensorName == 'undefined' ||
        sensorType == '' || sensorType == 'undefined' ||
        alt == '' || alt == 'undefined' ||
        lat == '' || lat == 'undefined' ||
        lon == '' || lon == 'undefined' ||
        wsUrl == '' || wsUrl == 'undefined' || (sensorGroup == '' && accessControl == 'protected'))
        return false;
    return true;
}

function ValidateVectorData(val)
{
    if(val == '' || val == 'undefined')
        return false;
    return true;
}

//-----------------------------------------Not required 
function CreateSensorFailed() {
    alert('Failed to register sensor!');
}

function CreateSensorSucceed(result) {
    if(result.toLowerCase() == "ok")
        alert("Sensor Registration Succeed");
    else
        alert(result);
}
//-------------------------------until here

function DeleteSensor(publisher, sensorName, sensorType, sensorDataType){
    if(confirm('Are you sure you want to delete the sensor?'))
    {
        var userLoggedIn = GetUserName();
        if(sensorDataType.toLowerCase() == 'vector')
            SenseWeb.SensorManagerProxy.DeleteVectorSensor(publisher, sensorName, sensorType, DeleteSensorSucceeded, DeleteSensorFailed);
        else
            SenseWeb.SensorManagerProxy.DeleteSensor(publisher, sensorName, DeleteSensorSucceeded, DeleteSensorFailed);
    }
}

function DeleteSensorSucceeded(result){
    if(result.toLowerCase() == "ok")
        alert('Sensor deletion succeeded!');
    else
        alert(result);
}

function DeleteSensorFailed(){
    alert('Sensor deletion failed.');
}

function PopulateGroups(){
    SenseWeb.UserManager.GetGroupNames(GetUserName(), PopulateDropdownsSucceeded, PopulateDropdownsFailed);
}

//function PopulateParentType(dataType){
//    SenseWeb.SensorManagement.GetParentSensorTypeList(dataType, function(result){PopulateSensorTypes($get('sensorTypePT'),result);}, function(){});
//}

function PopulateDropdownsSucceeded(options){
    if(options != null){
        var arr = options.split('^');
        var elGrp = $get('addGrpOptions');
        PopulateDropDowns(elGrp, arr);
    }
}

function PopulateDropdownsFailed()
{
    //SenseWeb.SensorManagement.GetSpecificSensorTypeList(dataType, SensorTypeDone, SensorTypeTimeOut);
}

function ClearDropDown(ele){
    if(ele != null){
        var options=ele.getElementsByTagName("option"); 
        for (var i=options.length-1; i>=0; i--){      
            ele.removeChild(options[i]);
        }
    }
}

function PopulateDropDowns(element, arr){
    if(element != null && arr!= null && arr.length >0){
        ClearDropDown(element);//clear the options first
        //Adding the empty option first
        var elOptNew = document.createElement('option');
        elOptNew.text = "";
        elOptNew.value = "";
        try {
           element.add(elOptNew, null); // standards compliant; doesn't work in IE
        }
        catch(ex){
           element.add(elOptNew); // IE only
        }   
             
        for(var i=0;i<arr.length;i++){
            var elOptNew = document.createElement('option');
            if(arr[i].toString() != ""){
                if(arr[i].toLowerCase() != 'default'){
                    elOptNew.text = arr[i];
                    elOptNew.value = arr[i];
                    try {
                        element.add(elOptNew, null); 
                    }
                    catch(ex) {
                        element.add(elOptNew); 
                    }
                }
            }
        }
    }
}

function SwitchControl(idDDL, idTxt){
    var sensorTypePnl = $get('sensorTypeDiv');
    var sensorDataType = $get('addSensorDataType');
    if((idDDL == null || idDDL == "") && (idTxt == null || idTxt == "")){
        sensorTypePnl.style.display = "block";
        sensorTypePnl.style.left = '30px';
        sensorTypePnl.style.top = '40px';
    }
    else{
        var addSensorTypeDDL = $get(idDDL);
        var addSensorType = $get(idTxt);
        if(sensorDataType.value == 'vector'){
            addSensorTypeDDL.style.display = "none";
            addSensorType.style.display = "block"; 
            $get('vectorSection').style.display = 'block';
            $get('iconSpan').innerHTML = 'Icon';
            $get('addSensorIcon').style.disabled = '';
            $get('addSensorIconUpload').style.disabled = '';
            ClearTableRows();       
        }
        else{
            sensorTypePnl.style.display = "block";
            sensorTypePnl.style.left = '30px';
            sensorTypePnl.style.top = '40px';
        }
    }
    
function DisableIconUpload()
{
    
}
   
//    var sensorAddDivLeft = sensorAddDiv.style.left;
//    var sensorAddDivTop = sensorAddDiv.style.top;
//    
//    var sensorTypeLeft, sensorTypeTop = 0;
//    if(sensorAddDivLeft.indexOf('px')>0) 
//        sensorTypeLeft = sensorAddDivLeft.substr(0,eval(sensorAddDivLeft.length - 2));
//    if(sensorAddDivLeft.indexOf('px')>0) 
//        sensorTypeTop = sensorAddDivTop.substr(0,eval(sensorAddDivTop.length - 2));
    
   // alert(sensorAddDiv.offsetWidth + '   -   ' +  sensorTypeLeft    + '   -   ' +  sensorAddDiv.offsetWidth + sensorTypeLeft);


//    if(addSensorTypeCB.checked){
//        addSensorTypeDDL.style.display = 'none';
//        addSensorType.style.display = 'block';
//    }
//    else{
//        addSensorTypeDDL.style.display = 'block';
//        addSensorType.style.display = 'none';        
//    }
}

function PopulateSensorType(dataType) {
    if (dataType == null) dataType = 'scalar';
    SenseWeb.SensorManagement.GetSpecificSensorTypeList(dataType, SensorTypeDone, SensorTypeTimeOut);
   // SenseWeb.SensorManagement.GetVectorSensorTypeList(GetSensorTypeDone, GetSensorTypeTimeOut);
}
var sensorTypeMDA = new Array();

function GetSensorTypeArrayFromCol(type, mda){
    for(var i=0;i< mda.length; i++){
        if(mda[i][0] == type)
            return mda[i][1];
    }
    return '';
}

function AddSensorTypeArrayToCol(mda, typeArray){
    var dataType;
    var isExist = false;
    if(typeArray != null)
        dataType = typeArray[0].DataType;
    
    for(var i=0;i< mda.length; i++){
        if(mda[i][0] == dataType){
            mda[i][1] = typeArray;
            isExist = true;
        }
    }
    if(!isExist)
        mda.push(new Array(dataType,typeArray))
}

function SensorTypeDone(result) { 
    if(result != null){
        AddSensorTypeArrayToCol(sensorTypeMDA,result);
        if(result.length >0){
            var col = GetSensorTypeArrayFromCol(result[0].DataType, sensorTypeMDA);
            if(col != ''){
                PopulateSensorTypes($get('addSensorTypeDDL'),col);
                if(result[0].DataType.toLowerCase() == 'scalar') PopulateDynamicDDL(col);
            }
        }
    }
}

function PopulateDynamicDDL(col){
    var ddlCol = document.getElementsByTagName('select');
    var len = ddlCol.length;
    if (len >0){
        for(var i=0;i<len;i++){
            if(ddlCol[i].id.indexOf('pType')== 0)
                PopulateSensorTypes(ddlCol[i],col);
        }
    }
}

function SensorTypeTimeOut() {
    alert("Fail to populate sensor types!");
}

function PopulateSensorTypes(ddlCtrl, sensorTypeListByType){
    if(ddlCtrl != null && sensorTypeListByType != null && sensorTypeListByType.length >0){
        ClearDropDown(ddlCtrl);//clear the options first
            
        //Adding the empty option first
        var elOptNew = document.createElement('option');
        elOptNew.text = "";
        elOptNew.value = "";
        try {
           ddlCtrl.add(elOptNew, null); // standards compliant; doesn't work in IE
        }
        catch(ex){
           ddlCtrl.add(elOptNew); // IE only
        } 
        for (var index in sensorTypeListByType) {
            var temp = sensorTypeListByType[index];
            var elOptNew = document.createElement('option');
            elOptNew.text = temp.Name;
            elOptNew.value = temp.ID;
            try {
                ddlCtrl.add(elOptNew, null); 
            }
            catch(ex) {
                ddlCtrl.add(elOptNew); 
            }
        }
    }
}