var changing = false;
var showing = false;
function blindLogin(){
    if(!changing){
        changing = true;
        if(showing){
            $('about').setStyle({ backgroundPosition:"0 35px" });
            $('projects').setStyle({ backgroundPosition:"-116px 35px" });
            new Effect.Move('loginwrapper', {
              x: 0, y: -60, mode: 'absolute',
              //transition: Effect.Transitions.sinoidal,
              transition: Effect.Transitions.spring,
              duration:.95,
              afterFinish: function(){
                      changing = false;
                      showing = false;
                  }
            });
        } else {
            $('about').setStyle({ backgroundPosition:"0 0" });
            $('projects').setStyle({ backgroundPosition:"-116px 0" });
            new Effect.Move('loginwrapper', {
              x: 0, y: -17, mode: 'absolute',
              transition: Effect.Transitions.spring,
              duration:1.15,
              afterFinish: function(){ 
                      changing = false;
                      showing = true;
                  }
            });
        }
    }
}

function setUsernameFocus(){
    if($('kettle_username').value = 'username'){
        $('kettle_username').value = '';
        $('kettle_username').setStyle({ color:"#000000" });
    }
}

function setPasswordFocus(){
    if($('kettle_password').value = 'password'){
        $('kettle_password').value = '';
        $('kettle_password').setStyle({ color:"#000000" });
    }
}


Event.observe('projects', 'click', function(e){ e.stop(); blindLogin(); });
Event.observe('kettle_username', 'focus', setUsernameFocus);
Event.observe('kettle_password', 'focus', setPasswordFocus);
Event.observe('kettle_username', 'blur', function(){ if(this.value == ''){ this.value = 'username'; $('kettle_username').setStyle({ color:"#b2b2b2" }); }});
Event.observe('kettle_password', 'blur', function(){ if(this.value == ''){ this.value = 'password'; $('kettle_password').setStyle({ color:"#b2b2b2" }); }});
if($('checkout_work')){
    Event.observe('checkout_work', 'click', function(e){ e.stop(); blindLogin(); });
}

image1 = new Image();
image1.src = "/img/in.png";