var loginAnimationID = -1;
var loginAnimationSpeed = 4;
var loginCurrentY = -225;
var loginAnimating = false;
var loginAnimationRunning = false;
var loginMaxY = -4;
var loginMinY = -225;

function AnimateLoginUp()
{
    if (loginAnimating)
        return;
        
    loginAnimating = true;
    
    var pContainer = ShowReelContainer;  
    if (pContainer)
    {
        var difference;

        if (loginCurrentY >= 0)
            difference = Math.abs(loginMinY) + loginCurrentY;
        else
            difference = Math.abs(loginMinY) - Math.abs(loginCurrentY);

        var speed = Math.abs(difference / loginAnimationSpeed);
        
        loginCurrentY -= speed;

        pContainer.style.top = loginCurrentY + 'px';
        
        if (loginCurrentY <= loginMinY + 1)
        {        
            //Stop animation
            clearInterval(loginAnimationID);
            pContainer.style.display = 'none';
            loginCurrentY = loginMinY;
            loginAnimationRunning = false;
            ShowReelOverflow.style.display = 'none';
        }
    }
    
    loginAnimating = false;
}

function AnimateLoginDown(pContainer)
{
    if (loginAnimating)
        return;
        
    loginAnimating = true;
    
    var pContainer = ShowReelContainer;
    if (pContainer)
    {
        pContainer.style.display = '';
    
        var difference;
        
        if (loginCurrentY < 0)
            difference = loginMaxY + Math.abs(loginCurrentY);
        else
            difference = loginMaxY - loginCurrentY;

        var speed = Math.abs(difference / loginAnimationSpeed);            
        
        loginCurrentY += speed;
        
        pContainer.style.top = loginCurrentY + 'px';
        
        if (loginCurrentY >= loginMaxY - 1)
        {        
            //Stop animation
            clearInterval(loginAnimationID);
            loginCurrentY = loginMaxY;
            loginAnimationRunning = false;
        }
    }
    
    loginAnimating = false;
}

function AnimateLoginContainer()
{
    //alert('I am running');
    ShowReelOverflow.style.display = '';
    
    if (loginAnimationRunning)
        return;
        
    if (loginAnimationID > 0)
        clearInterval(loginAnimationID);
    
    
        if (loginCurrentY >= loginMaxY)
        {
            loginAnimationID = setInterval(AnimateLoginUp, 50);
            loginAnimationRunning = true;
        }
        else
        {
            loginAnimationID = setInterval(AnimateLoginDown, 50);
            loginAnimationRunning = true;
        }
}

function ShowForgottenPassword(showpassword, clearerrors)
{
    var password = $get('loginForgotPassword');
    var login = $get('loginInformation');

    if (clearerrors)
    {
        var lblErrorMessageLogin = $get('<%=lblErrorMessageLogin.ClientID %>');
        var lblErrorMessageForgotPassword = $get('<%=lblErrorMessageForgotPassword.ClientID %>');
        if (lblErrorMessageForgotPassword) lblErrorMessageForgotPassword.innerHTML = '';
        if (lblErrorMessageLogin) lblErrorMessageLogin.innerHTML = '';
    }
    
    if (password && login)
    {
        if (showpassword)
        {
            password.style.display = '';
            login.style.display = 'none';
        }
        else
        {
            login.style.display = '';
            password.style.display = 'none';
        }
    }
}

function showProgress()
{
    var login = $get('progressAnimation');
    if (login) login.style.display = 'block';
}