var VISIBLE_ROWS = 8;
var FILE_ENTRY_WIDTH = 247;

function LoginLayout()
{
    ShowHide(null, $('LogTitleBar'));
    ShowHide($('Logoff'));
    SetShow($('NewButton'), !FS.IsGuestLog()); 
    $('SaveButton').style.visibility = 'visible'; 
    $('PrintButton').style.visibility = 'visible'; 
    //SetShow($('LogButton'), !FS.IsGuestLog()); 
    $('Users').style.visibility = AdminUser ? 'visible' : 'hidden';
    ShowHide($('StartEncodingButton'));
    ShowHide($('PoweredByLAME'));
    BottomHelpLayout($('FileSystemPane')); 
    OpenRootFolder();
}

function LogoutLayout()
{
    ShowHide(null, $('LogTitleBar'));
    ShowHide(null, $('Logoff'));
    FullHelpLayout();
    ShowHide($('TitleBar'), $('ButtonsBar'));
//    $('SaveButton').style.visibility = 'hidden'; 
//    $('PrintButton').style.visibility = 'hidden'; 
//    $('LogButton').style.visibility = 'hidden'; 
    //$('ShareButton').style.visibility = 'hidden'; 
    //$('LogButton').style.visibility = 'hidden'; 
//    $('Users').style.visibility = 'hidden';
}

// specific layout for guest access to user's log, using Log List (instead of Globals), and only Grid and Graph
function LogLayout(fullname)
{
    ShowHide($('Logoff'));
    //BottomHelpLayout($('FileSystemPane')); 
    disablePendingGraphRedraw = false;
    ShowHide($('ButtonsBar'), $('TitleBar'));
    $('LogTitleText').innerText = fullname + " - KIP " + (IsSwim ? "Swim" : "Run") + "Pacer Log";
    ShowHide($('LogTitleBar'));
    
    var html = [];
    html.push("<table cellspacing='0' cellpadding='8' style='width:100%'>");
    html.push("<tr valign='top'>");
    html.push("<td style='display:none'>");
    html.push($('GlobalsPane').innerHTML.replace(/id=_/g, "id="));
    html.push("</td>");
    html.push("<td style='width:250px'>");
    html.push($('FileSystemPane').innerHTML.replace(/id=_/g, "id="));
    html.push("</td>");
    html.push("<td style='width:300px'>");
    html.push($('GridPane').innerHTML.replace(/id=_/g, "id="));
    html.push($('LogTotals').innerHTML.replace(/id=_/g, "id="));
    html.push("</td>");
    html.push("<td style=''>");
    html.push($('GraphPane').innerHTML.replace(/id=_/g, "id="));
    html.push("</td>");
    html.push("</tr>");
    html.push("<tr>");
    html.push("<td style='width:250px'>");
    html.push("<div id='GuestLogPopup' style='display:none; border:solid 2px DarkGrey; padding:10px'></div>");
    html.push("</td>");
    html.push("<td>");
    html.push("</td>");
    html.push("<td>");
    html.push("</td>");
    html.push("</tr>");
    html.push("</table>");
    Layout.innerHTML = html.join("");
    //$('Graph').style.height = "300px";
    //window.setTimeout(function(){ alert($('Graph').style.height); }, 2000);
    
    ClearExercise();
    disablePendingGraphRedraw = false;
    //
    SetShow($('NewButton'), !FS.IsGuestLog()); 
    $('SaveButton').style.visibility = 'visible'; 
    $('PrintButton').style.visibility = 'visible'; 
    //SetShow($('LogButton'), !FS.IsGuestLog()); 
    $('Users').style.visibility = AdminUser ? 'visible' : 'hidden';
    ShowHide(null, $('StartEncodingButton'));
    ShowHide(null, $('PoweredByLAME'));
    RefreshExerciseList();
    
    CurLayout = Layouts.GuestLog;
}

function FullHelpLayout()
{
    disablePendingGraphRedraw = true;
    var html = [];
    html.push("<table cellspacing='0' cellpadding='8' style='width:100%'>");
    html.push("<tr valign='top'>");
    html.push("<td style='width:250px'>");
    //html.push($('SampleGlobalsPane').innerHTML.replace(/id=_/g, "id="));
    html.push($('TipsPane').innerHTML.replace(/id=_/g, "id="));
    html.push("</td>");
    html.push("<td rowspan='2'>");
    html.push($('HelpPane').innerHTML.replace(/id=_/g, "id=").replace("source=\"\"", "source='"+HelpTopicsRoot+"/index.htm'"));
    html.push("</td>");
    html.push("<td style='display:none'>");
    html.push($('GridPane').innerHTML.replace(/id=_/g, "id="));
    html.push("</td>");
    html.push("<td style='display:none'>");
    html.push($('GraphPane').innerHTML.replace(/id=_/g, "id="));
    html.push("</td>");
    html.push("</tr>");
    html.push("<tr>");
    html.push("<td style='width:270px'>");
    html.push($('LoginRegisterPane').innerHTML.replace(/id=_/g, "id="));
    html.push("</td>");
    html.push("<td style='display:none'>");
    html.push($('FileSystemPane').innerHTML.replace(/id=_/g, "id="));
    html.push("</td>");
    html.push("</tr>");
    html.push("</table>");
    Layout.innerHTML = html.join("");
    $('RegisterInviteActivity').innerHTML = GetActivity();
//    ajax(HelpTopicsRoot + "/Index.htm", null, 
//        function(resp) { $('Help').src = HelpTopicsRoot + "/Index.htm"; });
    //??$('Help').style.height = "518px";
    
//        ClearExercise();
//        RefreshExerciseList();
//        window.setTimeout(function(){PoolLength.focus();},20);
    CurLayout = Layouts.FullHelp;
}

function BottomHelpLayout(lowerleftpane)
{
    disablePendingGraphRedraw = false;
    ShowHide($('ButtonsBar'), $('TitleBar'));
    $('AppTitleBar').innerText = IsSwim ? "KIP SwimPacer" : "KIP RunPacer";
    //ShowHide($('AppTitleBar'));
    
    var html = [];
    html.push("<table cellspacing='0' cellpadding='8' style='width:100%'>");
    html.push("<tr valign='top'>");
    html.push("<td style='width:250px'>");
    html.push($('GlobalsPane').innerHTML.replace(/id=_/g, "id="));
    html.push("</td>");
    html.push("<td style='width:300px'>");
    html.push($('GridPane').innerHTML.replace(/id=_/g, "id="));
    html.push("</td>");
    html.push("<td style='width:100%'>");
    html.push($('GraphPane').innerHTML.replace(/id=_/g, "id="));
    html.push("</td>");
    html.push("</tr>");
    html.push("<tr valign='top'>");
    html.push("<td>");
    html.push(lowerleftpane.innerHTML.replace(/id=_/g, "id="));
    html.push("</td>");
    html.push("<td colspan='2'>");
    html.push($('HelpPane').innerHTML.replace(/id=_/g, "id=").replace("source=\"\"", "source='"+HelpTopicsRoot+"/index2.htm'"));
    html.push("</td>");
    html.push("</tr>");
    html.push("</table>");
    Layout.innerHTML = html.join("");
    $('Help').style.height = "274px";
    //PushHelp(HelpTopicsRoot + "/Index2.htm");
    
    if (IsSwim)
    {
        CreateBoundUpDown(PoolLengthUpDown, PoolLength);
        CreateBoundUpDown(LapsUpDown, Laps);
        CreateBoundUpDown(TurnTimeUpDown, TurnTime);
    }
    if (IsRun)
    {
        //-CreateBoundUpDown(MarkerDistanceUpDown, MarkerDistance);
        CreateUpDown(EqualizerUpDown);
    }
    CreateBoundUpDown(SegmentsUpDown, Segments);
    
    ClearExercise();
    //-RefreshExerciseList();
    window.setTimeout(function(){FocusFirstGlobalField();},20);
    disablePendingGraphRedraw = false;
    
    CurLayout = Layouts.BottomHelp;
}

var PreviousHelp = HelpTopicsRoot + "/Index2.htm";

function PopHelp()
{
    if (PreviousHelp != null)
    {
        $('Help').src = PreviousHelp;
        PreviousHelp = null;
    }
}

function PushHelp(url)
{
    PreviousHelp = $('Help').src;
    $('Help').source = url;
    //?+$('Help').src = url;
}

var FileDownloadAssistance = false;

function ReturnToStandardHelp()
{
    if (FileDownloadAssistance)
    {
        PopHelp();
        FileDownloadAssistance = false;
    }
}