var timer;
var n=21;
var c=0;

function scrollUp()
{
    clearInterval(timer);
    timer=setInterval('document.getElementById("list-wrapper").scrollTop+=-10;',20);
}

function scrollDown()
{
    clearInterval(timer);
    timer=setInterval('document.getElementById("list-wrapper").scrollTop+=10;',20);
}

function hideAll()
{
    for(var i=0; i<n; i++) { document.getElementById('citem'+i).style.display='none';};
}

function scrollLeft()
{
    if(--c<0) c=n-1;
    selectItem(c);
}

function scrollRight()
{
    if(++c>=n) c=0;
    selectItem(c);
}

function selectItem(i)
{
    hideAll();
    document.getElementById('citem'+i).style.display='block';
}

var state=0;
function setState(s) { state = s; }

function showContacts() {
    $('#numberswrap').hide().EffectChain({effect:"fadeIn", duration:0.5, onComplete:function(){setState(1);}});
}

function hideContacts() {
    $('#numberswrap').show().EffectChain({effect:"fadeOut", duration:0.5, onComplete:function(){setState(0);}});
}

function toggleContacts() {
    switch(state) {
        case 0:
            showContacts();
            break;
        default:
            hideContacts();
    }
}

function hideSuccess()
{
    clearInterval(timer);
    $('#hidewrap').show().EffectChain({effect:"fadeOut", duration:0.2, onComplete:function(){;}});
}
function staySuccess()
{
    timer = setInterval('hideSuccess()',1000);
}
function showSuccess()
{
    $('#hidewrap').hide().EffectChain({effect:"fadeIn", duration:0.2, onComplete:function(){staySuccess();}});
}