var cur     = "top-boys-op";
var i       = 0;
var state   = true;

var arr     = new Array();

    arr[0]  = "top-boys-op";
    arr[1]  = "top-girls-op";
    arr[2]  = "random-op";
    arr[3]  = "celeb-op";

function cycleTop()
{
    if( state )
    {
        if( i == 4 ) i = 0;

        autoChangeTop( i );

        i++;
    }

    setTimeout( "cycleTop()", 5000 );
}

function autoChangeTop( obj )
{
    if( state )
    {
        // Change the background
        document.getElementById( "top-names" ).style.backgroundPosition = '0px -' + ( obj * 161 ) + 'px';

        // Hide the old one
        document.getElementById( cur ).style.visibility = 'hidden';

        // Show the new one
        document.getElementById( arr[obj] ).style.visibility = 'visible';

        cur = arr[obj];
    }
}

function changeTop( obj )
{
    // Find j
    var j = 0;

    for( var k = 0; k < arr.length; ++k )
    {
        if( arr[k] == obj )
        {
            j = k;
        }
    }

    // Change the background
    document.getElementById( "top-names" ).style.backgroundPosition = '0px -' + ( j * 161 ) + 'px';

    // Hide the old one
    document.getElementById( cur ).style.visibility = 'hidden';

    // Show the new one
    document.getElementById( obj ).style.visibility = 'visible';

    cur = obj;

    i = j;

    state = false;
}

function startRotate()
{
    state = true;
}