document.observe("dom:loaded",function(){
    console.log('in here');
    var loginButton = $('header').select('.loginTab')[0];
    loginButton.observe('click',toggleLoginBox);
    var registerButton = $('header').select('.registerTab')[0];
    registerButton.observe('click',toggleRegisterBox);
});

function toggleLoginBox(event) {
    $('lightboxBg').setStyle({height: window.innerHeight - 100 + 'px'});
    $('lightboxBg').toggle();
    $$('.loginBox')[0].toggle();
    event.preventDefault();
    var loginButton = $('header').select('.loginTab')[0];
    loginButton.toggleClassName('loginTabSelected');
}

function toggleRegisterBox(event) {
    $('lightboxBg').setStyle({height: window.innerHeight - 100 + 'px'});
    $('lightboxBg').toggle();
     $$('.registerBox')[0].toggle();
    event.preventDefault();
    var loginButton = $('header').select('.registerTab')[0];
    loginButton.toggleClassName('registerTabSelected');
}

function emailUs(prefix) {
    $('email').insert("<a href='mailto:" + prefix + 'ATnotmyemail.com'.replace('ATnotmyemail','@pholistic') + ">" + prefix + 'ATnotmyemail.com'.replace('ATnotmyemail','@pholistic') + "</a>", 'bottom');
}