// JScript File

var mapshowing = false;

var coordInputs = [document.getElementById('StartCoords'), document.getElementById('EndCoords')];
var nameInputs = [document.getElementById('StartStopBox'), document.getElementById('EndStopBox')];
var customStopName = [document.getElementById('CustomStartStopName').value, document.getElementById('CustomEndStopName').value ];


function resizeContents() 
{    
    var divMap = document.getElementById('divMap');
    var divMapFooter = document.getElementById('divMapFooter');
    var divContent = document.getElementById('divContent');
    var tdContent = document.getElementById('tdContent');
    var tdFooter = document.getElementById('tdFooter');
    
    
    var mapOffset = posTop(divMap);
    var contentOffset = posTop(divContent);    
    
    var H, h;
    //if (window.frameElement) H = window.frameElement.height; else H = document.body.clientHeight;
    H = document.body.clientHeight;
    if(isNaN(H-contentOffset) == false)
    {
    h = (H - contentOffset); if (h < 0) h = 0;
    divContent.style.height = h + "px";
    
    h = (H - divMapFooter.offsetHeight - mapOffset - 10); if (h < 0) h = 0;
    divMap.style.height = h + "px";   
    
    h = H - posTop(tdContent) - tdFooter.offsetHeight - 40; if (h < 0) h = 0;   
    //if (height > tdContent.clientHeight)
        tdContent.style.height = h + "px";
    //else tdContent.style.height = "";
    }
}


function showStopsMap()
{
    if (!mapshowing)
    {
        document.getElementById('tdMap').style.display = '';
        document.getElementById('StopsMapFrame').src = 'AllStopsMap.aspx';
        document.getElementById('ShowMapLabel').innerHTML = '';
        resizeContents();
        mapshowing = true;
    }
}


// Collapse/expand options panel
var expanded = false;

function expandCollapseOptions()
{
  if (!expanded)
  { // Expand
    document.getElementById('OptionsPanel').style.display = '';
    document.getElementById('OptionsPanelImage').src = 'img/collapse.jpg';    
    expanded = true;
  }
  else 
  { // Collapse
    document.getElementById('OptionsPanel').style.display = 'none';
    document.getElementById('OptionsPanelImage').src = 'img/expand.jpg';    
    expanded = false;
  }
}

function onNameFocus(i) 
{ 
    if (nameInputs[i].value == customStopName[i])
    {
        coordInputs[i].value = ''; 
        nameInputs[i].value = ''; 
        nameInputs[i].style.backgroundColor = '#FFF';
    }
}

function sendCommentCallback(result, eventArgs)
{    
}


resizeContents();


if (document.getElementById('Map'))
{ // If route map is shown, need to do clearing here
    for (var i = 0; i < 2; i++)
    {    
		if (nameInputs[i])
			GEvent.addDomListener(nameInputs[i], 'focus', GEvent.callbackArgs(window, onNameFocus, i)  );            
    }
}

addEvent(window, 'resize', resizeContents);