function changeInnerHTML(ele, value) {
    ele.style.cursor = 'default';
	if( value != "")	     
        ele.innerHTML = value;
}       

function updatePage(siteID) {
	updateMap();
    updateDataTable();
	update24hr(siteID);
}

function update24hr(siteID) {
    $( 'Data24hr' ).style.display = 'none';
    $( 'spinner' ).style.display = 'block';
	var ajax = new Ajax.Request('ajax.cfm', 
                    {   asynchronous: true,
                        method: 'post',                     
                        parameters: { siteid: siteID, method: 'update24hr' },
                        onSuccess: function(transport) {
                            var response = transport.responseText;
                            $( 'Data24hr' ).innerHTML = response;
                            $( 'spinner' ).style.display = 'none';
                            $( 'Data24hr' ).style.display = 'block';
                        },
                        onFailure: function(){  
                            //var response = transport.responseText;
                            //$( 'Data24hr' ).innerHTML = transport.responseText;
                            
							$( 'Data24hr' ).innerHTML = 'Data Currently Unavailable';
                        },
						onComplete: function() {
                            $( 'spinner' ).style.display = 'none';
                            $( 'Data24hr' ).style.display = 'block';							
						}
                      }); 
}    

function updateDataTable() {
    //$( 'dataTable' ).style.display = 'none';
    //$( 'spinner' ).style.display = 'block';
    var ajax = new Ajax.Request('ajax.cfm', 
                    {   asynchronous: true,
                        method: 'post',                     
                        parameters: { method: 'updateDataTable' },
                        onSuccess: function(transport) {
                            var response = transport.responseText;
                            $( 'dataTable' ).innerHTML = response;
                            //$( 'spinner' ).style.display = 'none';
                            //$( 'dataTable' ).style.display = 'block';
                        },
                        onFailure: function(){  
                            //var response = transport.responseText;
                            //$( 'dataTable' ).innerHTML = transport.responseText;
                            
                            $( 'dataTable' ).innerHTML = 'Data Currently Unavailable';
                        },
                        onComplete: function() {
                            //$( 'spinner' ).style.display = 'none';
                            //$( 'dataTable' ).style.display = 'block';                            
                        }
                      }); 
}    

function updateMap() {
    var ajax = new Ajax.Request('ajax.cfm', 
                    {   asynchronous: true,
                        method: 'post',                     
                        parameters: { method: 'updateMap' },
                        onSuccess: function(transport) {
                            var response = transport.responseText;
                            $( 'map' ).innerHTML = response;
                        },
                        onFailure: function() {                              
                            $( 'map' ).innerHTML = 'Data Currently Unavailable';
                        },
                        onComplete: function() {                            
                        }
                      }); 
}