//************************************************************************************** black menu
var currentBlackMenuMouseOver = null;

function blackMenuMouseOver(element, subDivCount, subDivIndex)
{
    blackMenuDeselect(currentBlackMenuMouseOver);
    currentBlackMenuMouseOver = element;
    element.className = 'blackmncenter1';
    element.firstChild.className = 'blackmnleft1';    
    element.firstChild.firstChild.className = 'blackmnright1';
    
    blackMenuSelectSubDiv(subDivCount, subDivIndex);
}

function blackMenuSelectedMouseOver(element, subDivCount, subDivIndex)
{
    blackMenuDeselect(currentBlackMenuMouseOver);
    currentBlackMenuMouseOver = null;
    blackMenuSelectSubDiv(subDivCount, subDivIndex);
}

function blackMenuDeselect(element, subDivIndex)
{
    if(element == null) return;
    element.className = 'blackmncenter';
    element.firstChild.className = 'blackmnleft';
    element.firstChild.firstChild.className = 'blackmnright';
}

function blackMenuSelectSubDiv(subDivCount, subDivIndex)
{
    for(i = 0; i < subDivCount; i++)
    {
        var subDiv = document.getElementById("subDiv" + i);
        if(i == subDivIndex)
            subDiv.className = "whiteblock";
        else
            subDiv.className = "whitenone";
    }
}
//************************************************************************************** black menu


//************************************************************************************** select
function selectShowHideOptions(clientId)
{
    var selectDivControl = document.getElementById(clientId + '_selectDivControl');
    var containerControl = document.getElementById(clientId + '_containerControl');
    if(selectDivControl.style.display == 'none')
    {
        selectDivControl.style.display = 'block';
        containerControl.style.zIndex = 200000;
    }
    else
    {
        selectDivControl.style.display = 'none';
        containerControl.style.zIndex = 0;
    }
}

function selectOptionIndex(clientId, control)
{
    var selectedValue = control.attributes.getNamedItem('value').value;
    
    var selectHiddenControl = document.getElementById(clientId + '_selectHiddenControl');
    selectHiddenControl.value = selectedValue;
        
    var selectDivControl = document.getElementById(clientId + '_selectDivControl');
    selectDivControl.style.display = 'none';
    
    var selectTextControl = document.getElementById(clientId + '_selectTextControl');
    selectTextControl.innerHTML = control.innerHTML;
    
    var containerControl = document.getElementById(clientId + '_containerControl');
    containerControl.style.zIndex = 0;
}
//************************************************************************************** select


//************************************************************************************** tab control
function selectTab(tabs, index)
{
    var array = tabs.split(',');
    for(var i = 0; i < array.length; i++)
    {
        var cell = document.getElementById('tab' + array[i] + 'Cell');
        var div = document.getElementById('tab' + array[i] + 'Div');
        if(i == index)
        {
            cell.className = 'tab-cell-selected';
            div.className = 'tab-div-selected';
        }
        else
        {
            cell.className = 'tab-cell-hidden';
            div.className = 'tab-div-hidden';        
        }
    }
}

function selectCompetitionImage(imgId, path, hiddenId)
{
    var img = document.getElementById(imgId);
    img.style.display = 'inline';
    img.src = path;
    
    document.getElementById(hiddenId).value = path;
    
    selectTab('Image,Choose,Load', 0);
}
//************************************************************************************** tab control


//************************************************************************************** game
function setGameIconColor(gameIconPreviewHiddenId, gameIconPreviewDivId, color)
{
    document.getElementById(gameIconPreviewHiddenId).value = color;
    document.getElementById(gameIconPreviewDivId).style.backgroundColor = color;
}

function gameShortNameKeyUp(textBox, gameIconPreviewDivId)
{
    document.getElementById(gameIconPreviewDivId).innerHTML = textBox.value;
}
//************************************************************************************** game


//****************************************************************************** competitions
function switchToDiv(divToCloseId, divToOpenId)
{
    var divToClose = document.getElementById(divToCloseId);    
    var divToOpen = document.getElementById(divToOpenId);
    divToClose.style.display = 'none';
    divToOpen.style.display = 'block';    
    return false;
}

function switchToDivWithExt(divToCloseId, divToOpenId)
{
    var divToClose = document.getElementById('ctl00_ContentPlaceHolder1_' + divToCloseId);
    var divToOpen = document.getElementById('ctl00_ContentPlaceHolder1_' + divToOpenId);
    divToClose.style.display = 'none';
    divToOpen.style.display = 'block';
    return false;
}
//****************************************************************************** competitions


//****************************************************************************** matches
function showMatchesDiv(index, count)
{
    for(var i = 0; i < count; i++)
    {

        var button = document.getElementById('buttonDiv' + i);
        var className = (i == index) ? 'match-button-pressed' : 'match-button-normal';
        button.className = className;
    }

    for(var i = 0; i < count; i++)
    {
        var div = document.getElementById('matchesDiv' + i);        
        var display = (i == index) ? 'block' : 'none';
        div.style.display = display;
    }
}
//****************************************************************************** matches


//****************************************************************************** enter score / change players
function hideControl(controlId)
{
    var control = document.getElementById(controlId);
    control.style.display = 'none';
    return false;
}

function showEnterScoreOnClick(clientIdPrefix, matchId, isTopMatch, leftNickname, rightNickname)
{
    var hiddenMatchId = document.getElementById(clientIdPrefix + '_enterScoreHiddenMatchId');
    var hiddenIsTopMatch = document.getElementById(clientIdPrefix + '_enterScoreHiddenIsTopMatch');
    var hiddenLeftLink = document.getElementById(clientIdPrefix + '_enterScoreHiddenLeftLink');
    var hiddenRightLink = document.getElementById(clientIdPrefix + '_enterScoreHiddenRightLink');    
    var leftTextBox = document.getElementById(clientIdPrefix + '_enterLeftScoreTextBox_textBox');
    var rightTextBox = document.getElementById(clientIdPrefix + '_enterRightScoreTextBox_textBox');
    var leftNicknameLink = document.getElementById(clientIdPrefix + '_enterLeftScoreLink');
    var rightNicknameLink = document.getElementById(clientIdPrefix + '_enterRightScoreLink');
    var errorControl = document.getElementById(clientIdPrefix + '_enterScoreErrorDiv');
    var div = document.getElementById(clientIdPrefix + '_enterScoreDiv');
    
    hiddenMatchId.value = matchId;
    hiddenIsTopMatch.value = isTopMatch;
    hiddenLeftLink.value = leftNickname;
    hiddenRightLink.value = rightNickname;
    leftTextBox.value = '';
    rightTextBox.value = '';
    leftNicknameLink.innerHTML = leftNickname;
    rightNicknameLink.innerHTML = rightNickname;
    if(errorControl != null) errorControl.style.display = 'none';
    div.style.display = 'block';
}

function showChangePlayersOnClick(clientIdPrefix, doNotChangePlayers, leftMatchId, rightMatchId, leftPlayerLink, leftPlayerScore, rightPlayerScore, rightPlayerLink)
{
    var hiddenLeftMatchId = document.getElementById(clientIdPrefix + '_changePlayersHiddenLeftMatchId');
    var hiddenRightMatchId = document.getElementById(clientIdPrefix + '_changePlayersHiddenRightMatchId');

    var hiddenLeftPlayerLink = document.getElementById(clientIdPrefix + '_changePlayersHiddenLeftPlayerLink');
    var hiddenLeftPlayerScore = document.getElementById(clientIdPrefix + '_changePlayersHiddenLeftPlayerScore');
    var hiddenRightPlayerScore = document.getElementById(clientIdPrefix + '_changePlayersHiddenRightPlayerScore');
    var hiddenRightPlayerLink = document.getElementById(clientIdPrefix + '_changePlayersHiddenRightPlayerLink');

    var leftPlayerLinkName = document.getElementById(clientIdPrefix + '_changePlayersLeftPlayerLink');
    var leftPlayerScoreSpan = document.getElementById(clientIdPrefix + '_changePlayersLeftScoreSpan');
    var rightPlayerScoreSpan = document.getElementById(clientIdPrefix + '_changePlayersRightScoreSpan');
    var rightPlayerLinkName = document.getElementById(clientIdPrefix + '_changePlayersRightPlayerLink');

    var lefNameTextBox = document.getElementById(clientIdPrefix + '_changePlayersLeftNameTextBox_textBox');
    var lefScoreTextBox = document.getElementById(clientIdPrefix + '_changePlayersLeftScoreTextBox_textBox');
    var rightScoreTextBox = document.getElementById(clientIdPrefix + '_changePlayersRightScoreTextBox_textBox');    
    var rightNameTextBox = document.getElementById(clientIdPrefix + '_changePlayersRightNameTextBox_textBox');

    var errorControl = document.getElementById(clientIdPrefix + '_changePlayersErrorDiv');
    var div = document.getElementById(clientIdPrefix + '_changePlayersDiv');

    hiddenLeftMatchId.value = leftMatchId;
    hiddenRightMatchId.value = rightMatchId;

    hiddenLeftPlayerLink.value = leftPlayerLink;
    hiddenLeftPlayerScore.value = leftPlayerScore;
    hiddenRightPlayerScore.value = rightPlayerScore;
    hiddenRightPlayerLink.value = rightPlayerLink;

    leftPlayerLinkName.innerHTML = leftPlayerLink;
    leftPlayerScoreSpan.innerHTML = leftPlayerScore;
    rightPlayerScoreSpan.innerHTML = rightPlayerScore;
    rightPlayerLinkName.innerHTML = rightPlayerLink;

    lefNameTextBox.value = leftPlayerLink;
    lefScoreTextBox.value = leftPlayerScore;
    rightScoreTextBox.value = rightPlayerScore;
    rightNameTextBox.value = rightPlayerLink;
    
    if (errorControl != null) errorControl.style.display = 'none';
    div.style.display = 'block';

    if (doNotChangePlayers == 'true')
    {
        lefNameTextBox.readOnly = 'readonly';
        rightNameTextBox.readOnly = 'readonly';
    }
    else
    {
        lefNameTextBox.readOnly = false;
        rightNameTextBox.readOnly = false;    
    }
}
//****************************************************************************** enter score / change players


//****************************************************************************** edit extra-info
function showEnterExtraInfoOnClick(clientIdPrefix, p2cId, extraInfo)
{
    var hiddenP2CId = document.getElementById(clientIdPrefix + '_enterExtraInfoHiddenP2C');    
    var extraInfoTextBox = document.getElementById(clientIdPrefix + '_enterExtraInfoTextBox_textBox');
    var errorControl = document.getElementById(clientIdPrefix + '_errorDiv');
    var div = document.getElementById(clientIdPrefix + '_enterExtraInfoDiv');
    
    hiddenP2CId.value = p2cId;
    extraInfoTextBox.value = extraInfo;
    if(errorControl != null) errorControl.style.display = 'none';
    div.style.display = 'block';
}
//****************************************************************************** edit extra-info


//****************************************************************************** competitions filter
function showHideCompetitionsFilter(divId)
{
    var div = document.getElementById(divId);
    var display = (div.style.display == 'none') ? 'block' : 'none';
    div.style.display = display;        
}
//****************************************************************************** competitions filter