/*     
     File:        tools.js
     Created:     2009-08-24
     Modified:    2009-09-12
     Copyright:   Copyright (c) InfoCaption AB 2009
     Author:      Peter Jäderlund
     Description: Tools
*/

var dx1 = "";
var dx2 = "";
           
// ------------------------------------------------------------------------------------------
function onToolButton(id) {
    var img = document.getElementById("imgTools");
    img.src = "images/options" + id + ".png";
}

// ------------------------------------------------------------------------------------------
function setAnimatePos(id, dx, timeoutProc) {
    var obj = document.getElementById(id);
    var x = slGetFirstItem(",", dx);
    obj.style.left = x + "px";               
    dx = slDelFirstItem(",", dx);
    if (timeoutProc.indexOf("show", 0) > -1) {
        obj.style.visibility = "visible";
    }                                  

    if (dx == "") {
        if (timeoutProc.indexOf("hide", 0) > -1) {
            obj.style.visibility = "hidden";
        }                   
    } else {
        setTimeout(timeoutProc, 20);
    }
    return dx;
}

// ------------------------------------------------------------------------------------------
function hideToolButton() {
    dx1 = setAnimatePos("btnTools", dx1, "hideToolButton()");
}
           
// ------------------------------------------------------------------------------------------
function showToolButton() {
    dx1 = setAnimatePos("btnTools", dx1, "showToolButton()");
}

// ------------------------------------------------------------------------------------------
function hideTools() {
    restoreDocument();
    dx2 = setAnimatePos("toolsArea", dx2, "hideTools()");
}
           
// ------------------------------------------------------------------------------------------
function showTools() {
    dx2 = setAnimatePos("toolsArea", dx2, "showTools()");
}

// ------------------------------------------------------------------------------------------
function onToolsCloseClick() {
    dx1 = "-55,-50,-35,-25,-15,-10,-3,-2,-1,0"; 
    setTimeout("showToolButton()", 20);

    dx2 = "-1,-2,-3,-4,-10,-20,-30,-40,-50,-75,-100,-150,-200,-250,-300,-341";
    setTimeout("hideTools()", 20);
}

// ------------------------------------------------------------------------------------------
function onToolsHelpClick(id) {
    showDocument("ShowSettingsInfo" + id + ".php");
}

// ------------------------------------------------------------------------------------------
function onToolsClick() {
    dx1 = "-1,-2,-3,-10,-15,-25,-35,-50,-61";
    setTimeout("hideToolButton()", 20);

    dx2 = "-341,-335,-330,-320,-300,-275,-250,-200,-150,-100,-75,-50,-40,-30,-20,-10,-4,-3,-2,-1,0";
    setTimeout("showTools()", 20);
}

// ------------------------------------------------------------------------------------------
function createToolsButton() { 
    var sRes =
        '<div id="btnTools" style="position:absolute;left:0px;top:50px;width:60px;height:105px;overflow:hidden">' +
        '   <img id="imgTools" src="images/options.png" border=0/> ' +
        '</div>';
    return sRes;
}

// ------------------------------------------------------------------------------------------
function createToolsButtonClickArea() {
    var sRes =
        '<div id="btnToolsClickArea" ' +
        '  onmouseover="onToolButton(\'a\')" onmouseout="onToolButton(\'\')" onclick="onToolsClick()" ' +
        '  style="position:absolute;left:5px;top:64px;width:50px;height:79px;overflow:hidden;z-index:98;">' +
        '  <table width="100%" height="100%" border=0>' +
        '     <tr><td>&nbsp;</td></tr>' +
        '  </table>' +
        '</div>';
    return sRes;
}

// -------------------------------------------------------------------
function DateGameClick() {
    var objNumbGames = document.getElementById("NumbGames_");
    var objDateGames = document.getElementById("DateGames_");

    if (chkDateTable.checked) {
        objNumbGames.style.visibility = "hidden";
        objNumbGames.style.height = 1;
        objDateGames.style.height = "";
        objDateGames.style.visibility = "visible";
    } else {
        objDateGames.style.visibility = "hidden";
        objDateGames.style.height = 1;
        objNumbGames.style.height = "";
        objNumbGames.style.visibility = "visible";
    }
}

// ------------------------------------------------------------------------------------------
function createToolsAreaObjects() {
    var sName = "info";
    var sExt1 = "tabello";
    var sExt2 = "se";
    var smt = 'Mai' + 'lTo:' + sName + "@" + sExt1 + "." + sExt2 + '?subject=Rapportera fel...';

    var sRes =                                                      
        '<table width="97%" border=0>' +
        '  <tr><td align="right">' +
        CreateButton("Close", "JavaScript:onToolsCloseClick();") + 
        '</td></tr>' +
        '</table><br>' +
        '<center><table border=0 width="90%"><tr><td>' +
        
        '  <SPAN ID="small"><B><u>Inställningar för tabeller:</u></B> ' +
        CreateButton("Help", "JavaScript:onToolsHelpClick(1);", "1") + 
        
        '<br>' +
        "    <input type='CHECKBOX' id='chkOpenInNewWindow'>Öppna tabellen i eget fönster</input><br>" +
        "    <input type='CHECKBOX' id='chkHomeAway'>Hemma/Borta tabell</input><br>" +
        "    <input type='CHECKBOX' id='chkFormTable'>Skippa avdragna poäng</input><br>" +
        "    <input type='CHECKBOX' id='chkShowSudden'>Visa sudden info</input><br>" +
        "    <input type='CHECKBOX' id='chkDateTable' OnClick=\"JavaScript:DateGameClick();\">Datum formtabell</input><br><br>" +
        '    <div id="NumbGames_" style="overflow-y:hidden;visibility:visible">' +
        "       <b>Senast antal matcher</b><br>" +
        "       <input type='TEXT' id='edtNumbGames'/><br><br>" +
        '    </div>' +
        '    <div id="DateGames_" style="overflow-y:hidden;visibility:hidden;height:1">' +
        "        <table border=0 cellpadding=0 cellspacing=0><tr>" +
        "          <td><b><SPAN ID='small'>Fr.o.m</b><br></td>" +
        "          <td>&nbsp;</td>" +
        "          <td><b><SPAN ID='small'>T.o.m</b><br></td>" +
        "        </tr><tr>" +
        "          <td><input type='TEXT' id='edtFrom' style='width:100'/></td>" +
        "          <td>&nbsp;</td>" +
        "          <td><input type='TEXT' id='edtTom' style='width:100'/></td>" +
        "        </tr></table><br>" +
        '    </div>' +

        "    <B><u>Inställningar för matcher:</u></B>" +
        CreateButton("Help", "JavaScript:onToolsHelpClick(2);", "2") + "<br>" +          
        // "    <input type='CHECKBOX' id='chkShowGamesBesideTable'>Visa matcher till höger</input><br>" +
        "    <input type='RADIO' id='rb1' name='rbGames' value='LatestAndNextRounds' CHECKED >Senaste/kommande matcher<br>" +
        "    <input type='RADIO' id='rb2' name='rbGames' value='RemainingRounds'>Återstående matcher<br>" +
        "    <input type='RADIO' id='rb3' name='rbGames' value='AllRounds'>Spelschema<br>" +
        "    <input type='RADIO' id='rb5' name='rbGames' value='MatchAnalys'>Matchanalys<br>" +
        "    <input type='RADIO' id='rb4' name='rbGames' value='NoRounds'>Inga matcher<br><br>" +
        "    <input type='CHECKBOX' id='chkUseCookies'>Spara inställningar i cookies</input><br><br>" +
        "    <span id='small'><b>OBS:</b> Ingen garanti ges för att angivna speldatum/speltider är korrekta.<br>" +
        '    <a class="a" href="' + smt + '">Rapportera fel...</a>' +
        "  </span>" +
        '</td></tr></table></center>';
    return sRes;
}

// ------------------------------------------------------------------------------------------
function createToolsArea() {
    var sRes =
        '<div id="toolsArea"  ' +
        '   style="position:absolute;visibility:hidden;overflow:hiden;left:-350px;top:140px;width:340px;height:650px;z-index:99"' +
        '   class="bgoptions"> ' +
        createToolsAreaObjects() +
        '</div>';
    return sRes;
}