function OnTop ( )
{
document.write( '<table id="site" style="display: none;" ' );
document.write( 'width="100%" cellSpacing=0 cellPadding=0 border=0>' );

document.write( '<td width="50%"></td>' );
document.write( '<td>' );
document.write( '    <table cellSpacing=0 cellPadding=0 width="755px">' );
document.write( '    <td valign="top" width="150px">' );

// Spire Picture

document.write( '        <img src="header/TheKeepThumb.gif" border=0>' );
document.write( '        <div align="center">' );
document.write( '            <div align="center" class="menu_left">' );
document.write( '                <div align="center"><br>' );
document.write( '                    <a href="main.html">Journal</a><br>' );
document.write( '                    <a href="runic.creed.html">Runic Creed</a><br>' );
document.write( '                <br></div>' );
}

// Folder Menu

function OnHeader ( header )
{    
    var cookie_ = document.cookie.split("; ");

    for ( i = 0 ; i < cookie_.length ; i++ ) {
        var check = cookie_[i].split("=");
        if ( check[0] == "warden" ) {
            var warden_ = check [1];
        }
        else if ( check[0] == "rank" ) {
            var rank_ = check [1];
        }
    }

document.write( '                <div align="center">' );
document.write( '                    <a href="forums.html">Forum</a><br>' );
document.write( '                    <a href="credits.html">Credits</a><br>' );
document.write( '                <br></div>' );
document.write( '            </div>' );
document.write( '            <br>' );

document.write( '            <div align="center" style="border: solid 1pt gray;"><br>' );

// Login Form

    if ( warden_ == null | warden_ == 0 ) {
    
document.write( '                <form name="login">' );
document.write( '                    <input type="password" name="cardnumber" size="10">' );
document.write( '                    <div id="check" class="login" align="center" onClick="OnCheck()" ' );
document.write( '                        onMouseover="OnOverMenu( \'check\' )" ' );
document.write( '                        onMouseout="OnOutMenu( \'check\' )">' );
document.write( '                        Validate Card</div><br>' );
document.write( '                    </div>' );
document.write( '                </form>' );

    }
    
// Log Out

    else {

document.write( '                <div class="rank">' );
document.write( rank_ );
document.write( '                    <div id="check" class="login" align="center" onClick="OnLogout()" ' );
document.write( '                        onMouseover="OnOverMenu( \'check\' )" ' );
document.write( '                        onMouseout="OnOutMenu( \'check\' )">' );
document.write( '                        Check Out</div><br>' );
document.write( '                    </div>' );
document.write( '                </div>' );

    }
    
document.write( '            </div>' );

document.write( '        </div>' );
document.write( '    </td>' );
document.write( '    <td width="25px">&nbsp;</td>' );
document.write( '    <td valign="top">' );
document.write( '        <table cellSpacing=0 cellPadding=0 width="580px">' );

// Header Picture

document.write( '            <tr>' );
document.write( '                <img src="header//' + header + '.gif" border=0>' );
document.write( '            </tr>' );

document.write( '            <tr>' );
document.write( '                <td height="20px" width="34px"></td>' );
document.write( '                <td height="20px" width="6px"   background="background/top.left.gif"></td>' );
document.write( '                <td height="20px" width="500px" background="background/top.middle.gif" align="center">' );
document.write( '                    <table class="menu_top" cellSpacing=0 cellPadding=0>' );
document.write( '                        <td>&nbsp;&nbsp;</td>' );
}

// Top Menu

function OnText ()
{
document.write( '                        <td>&nbsp;&nbsp;</td>' );
document.write( '                    </table>' );
document.write( '                </td>' );
document.write( '                <td height="20px" width="6px"   background="background/top.right.gif" ></td>' );
document.write( '                <td height="20px" width="34px"></td>' );
document.write( '            </tr>' );
document.write( '            <tr>' );
document.write( '                <td width="34px"></td>' );
document.write( '                <td width="6px" background="background/side.left.gif"></td>' );
document.write( '                <td width="500px" bgColor="#CAD1D4" align="center">' );
document.write( '                <br><br>' );
}

// Text Insert Here

function OnBottom ()
{
document.write( '                <td width="6px" background="background/side.right.gif"></td>' );
document.write( '                <td width="34px"></td>' );
document.write( '            </tr>' );
document.write( '            <tr>' );
document.write( '                <td height="20px" width="34px"></td>' );
document.write( '                <td height="20px" width="6px"   background="background/bottom.left.gif"  ></td>' );
document.write( '                <td height="20px" width="500px" background="background/bottom.middle.gif"></td>' );
document.write( '                <td height="20px" width="6px"   background="background/bottom.right.gif" ></td>' );
document.write( '                <td height="20px" width="34px"></td>' );
document.write( '            </tr>' );
document.write( '            <tr><br>' );

// Copyright

document.write( '            <td id="copyright" colspan="5" align="center">' );
document.write( '                <br>The Wardens of the Cerulean Spire ' );
document.write( '                &nbsp;&nbsp;&nbsp;&copy;&nbsp;&nbsp;&nbsp;' );
document.write( '                <a href="http://www.achaea.com/" target="_blank">' );
document.write( '                Achaea, Dreams of Divine Lands</a><br>' );
document.write( '            </td>' );
document.write( '            </tr>' );
document.write( '        </table>' );
document.write( '    </td>' );
document.write( '    </table>' );
document.write( '</td>' );
document.write( '<td width="50%"></td>' );

document.write( '</table>' );
}


function OnSideMenu ( folder )
{
    var cookie_ = document.cookie.split("; ");

    for ( i = 0 ; i < cookie_.length ; i++ ) {
        var check_ = cookie_[i].split("=");
        if ( check_[0] == "warden" ) {
            var warden_ = parseInt(check_[1]);
        }
    }

    var menu = new Array()
    
    menu [0] = new Array()
    menu [1] = new Array()
    menu [2] = new Array()
    menu [3] = new Array()
    menu [4] = new Array()
    menu [5] = new Array()
    menu [6] = new Array()
    menu [7] = new Array()

// Wardens of Spire

    menu [0][0] = "Wardens of Spire"
    menu [0][1] = "Order of Teiwaz"
    menu [0][2] = "Order of Thurisaz"
    menu [0][3] = "Ethos & War"
    menu [0][4] = "Accolade"
    menu [0][5] = ""
    menu [0][6] = "Guild Legacy"
    menu [0][7] = "Rune Wardens"

// Wards of Dagaz

    menu [1][0] = "Wards of Dagaz"
    menu [1][1] = "Code of Conduct"
    menu [1][2] = "Frequent Questions"
    menu [1][3] = ""
    menu [1][4] = "About Death"
if ( warden_ > 0 ) {
    menu [1][5] = ""
    menu [1][6]  = "Land of Minia"
    menu [1][7]  = "Valley of Lodi"
    menu [1][8]  = "Great Rock"
    menu [1][9]  = "Valley of Actar"
    menu [1][10] = "Mhojave Desert"
}

// Blades of Ansuz

    menu [2][0] = "Blades of Ansuz"
    menu [2][1] = "School of Runic Arts"
if ( warden_ > 0 ) {
    menu [2][2] = ""
    menu [2][3] = "Handy Guide"
    menu [2][4] = "Art of Archery"
    menu [2][5] = ""
    menu [2][6] = "Commodities"
    menu [2][7] = "Stables"
}

// Pillars of Thurisaz

    menu [3][0] = "Pillars of Thurisaz"
    menu [3][1] = "Knights Hirds"
if ( warden_ > 1 ) {
    menu [3][2] = ""
    menu [3][3] = "Prestige System"
}

// Shields of Elhaz

    menu [4][0] = "Shields of Elhaz"
if ( warden_ > 0 ) {
    menu [4][1] = "Castle Proteus"
}

// Heirs of Othila

    menu [5][0] = "Heirs of Othila"
    menu [5][1] = "Totem Council"

// College of Arms

    menu [6][0] = "College of Arms"
    menu [6][1] = "Heraldry"
    menu [6][2] = "Arms"
    menu [6][3] = ""
    menu [6][4] = "Tincture"
    menu [6][5] = "Line"
    menu [6][6] = "Division"
    menu [6][7] = "Array"
    menu [6][8] = "Ordinary"

// City of Cyrene 

    menu [7][0] = "City of Cyrene"
    menu [7][1] = "Geography"
    menu [7][2] = "Aetolian Saga"
    menu [7][3] = "Twelve Tables"
    menu [7][4] = "Blu"

    var content = new Array()
    
    content [0] = new Array()
    content [1] = new Array()
    content [2] = new Array()
    content [3] = new Array()
    content [4] = new Array()
    content [5] = new Array()
    content [6] = new Array()
    content [7] = new Array()
    
    content [0][0] = "wardens"
    content [0][1] = "wardens.teiwaz"
    content [0][2] = "wardens.thurisaz"
    content [0][3] = "wardens.ethos"
    content [0][4] = "wardens.accolade"
    content [0][5] = ""
    content [0][6] = "wardens.timeline"
    content [0][7] = "wardens.runewardens"
    
    content [1][0] = "dagaz"
    content [1][1] = "dagaz.conduct"
    content [1][2] = "dagaz.questions"
    content [1][3] = ""
    content [1][4] = "dagaz.death"
    content [1][5] = ""
    content [1][6]  = "dagaz.minia"
    content [1][7]  = "dagaz.lodi"
    content [1][8]  = "dagaz.rock"
    content [1][9]  = "dagaz.actar"
    content [1][10] = "dagaz.mhojave"
    
    content [2][0] = "ansuz"
    content [2][1] = "ansuz.school"
    content [2][2] = ""
    content [2][3] = "ansuz.guide"
    content [2][4] = "ansuz.archery"
    content [2][5] = ""
    content [2][6] = "ansuz.comms"
    content [2][7] = "ansuz.stables"
    
    content [3][0] = "thurisaz"
    content [3][1] = "thurisaz.hirds"
    content [3][2] = ""
    content [3][3] = "thurisaz.prestige"
    
    content [4][0] = "elhaz"
    content [4][1] = "elhaz.castle"
    
    content [5][0] = "othila"
    content [5][1] = "othila.totem"
    
    content [6][0] = "college"
    content [6][1] = "college.heraldry"
    content [6][2] = "college.arms"
    content [6][3] = ""
    content [6][4] = "college.tincture"
    content [6][5] = "college.line"
    content [6][6] = "college.division"
    content [6][7] = "college.array"
    content [6][8] = "college.ordinary"

    content [7][0] = "cyrene"
    content [7][1] = "cyrene.geography"
    content [7][2] = "cyrene.saga"
    content [7][3] = "cyrene.tables"
    content [7][4] = "cyrene.blu"


    for ( i = 0 ; i < menu.length ; i++ ) {
        document.write( '<div id="menu_folder' + i + '" align="center" class="menu_folder">' );
            document.write( '<a href="' + content [i][0] + '.html">' + menu [i][0] + '</a><br>' );
            if ( menu [i].length != 1 ) {
                document.write( '<br>' );
            }
            for ( j = 1 ; j < menu [i].length ; j++ ) {
                document.write( '<a href="' + content [i][j] + '.html">' + menu [i][j] + '</a><br>' );
            }
        document.write( '<br></div>' );
        
        if ( content [i][0] == folder ) {
            document.getElementById( 'menu_folder' + i ).style.display = 'block'
        }
    }
}

function OnTopMenu ()
{
    var folder = new Array()

    folder [0] = "Wardens"
    folder [1] = "Dagaz"
    folder [2] = "Ansuz"
    folder [3] = "Thurisaz"
    folder [4] = "Elhaz"
    folder [5] = "Othila"
    folder [6] = "Arms"
    folder [7] = "Cyrene"


    for ( i = 0 ; i < folder.length ; i++ ) {
        document.write( '<td>&nbsp;&nbsp;' );
        document.write( '<a id="menu' + i + '" class="point"' );
        document.write( 'onClick="OnExpandMenu( \'menu_folder' + [i] + '\' )"' );
        document.write( 'onMouseover="OnOverMenu( \'menu' + i + '\' )"' );
        document.write( 'onMouseout="OnOutMenu( \'menu' + i + '\' )">' );
        document.write( folder [i] + '&nbsp;&nbsp;</td>' );
    }
}


function OnCheck ()
{
    var card = new Array()
    
    // pass warden name
    
    card [0] = "752 1 Warden"
    card [1] = "639 2 Knight"
    card [2] = "652 3 Teiwaz"

    var number_ = document.login.cardnumber.value

    var check_ = number_.charCodeAt(0);
    for ( i = 1 ; i < number_.length ; i++ ) {
        check_ = parseInt(check_) + number_.charCodeAt(i);
    }

    var warden_ = 0;
    var rank_ = "";

    for ( j = 0 ; j < card.length ; j++ ) {
        var card_ = card[j].split(" ");
        if ( check_ == card_[0] ) {
            warden_ = card_[1];
            rank_ = card_[2];
        }
    }
    
    document.cookie = 'rank=' + rank_;
    document.cookie = 'warden=' + warden_;

    window.location.reload();
}


function OnLogout ()
{
    document.cookie = 'rank=';
    document.cookie = 'warden=0';
    
    window.location.reload();
}


function OnCheckLogin ( rank )
{
    var cookie_ = document.cookie.split("; ");
    
    var warden = 0;

    for ( i = 0 ; i < cookie_.length ; i++ ) {
        var check_ = cookie_[i].split("=");
        if ( check_[0] == "warden" ) {
            warden = parseInt(check_[1]);
        }
    }
    
    warden_ = parseInt(warden);
    rank_   = parseInt(rank);
    
    if ( rank_ > warden_ ) {
        window.location = 'main.html'
    }
}


function OnExpandMenu ( id_ )
{
    
    if ( document.all ) {
        var alltags = document.all
    }
    else {
        var alltags = document.getElementsByTagName ('*')
    }
    
    var ccollect = new Array()
    
    var inc = 0
    
    for ( i = 0; i < alltags.length ; i++ ){
        if ( alltags [i].className == 'menu_folder' ) {
            ccollect [inc++] = alltags [i]
        }
    }

    var inc = 0
    
    while ( ccollect [inc] ) {
        if ( ccollect [inc].id != id_ ) {
            ccollect [inc].style.display = 'none'
        }
    inc++
    }
    
    var status_ = document.getElementById( id_ ).style.display
    
    if ( status_ == 'block' ) {
        document.getElementById( id_ ).style.display = 'none'
    }
    else {
        document.getElementById( id_ ).style.display = 'block'
    }
}

function OnOverMenu ( id_ )
{
    document.getElementById( id_ ).style.color = 'darkred'
}

function OnOutMenu ( id_ )
{
    document.getElementById( id_ ).style.color = ''
}

function OnShow ( )
{
    document.getElementById( 'site' ).style.display = 'block'
}

function SymError()
{
    return true;
}

window.onerror = SymError;