// Load firebug. eh?
function clog(msg) {
  if (!window["console"]) {
    if (window['loadFirebugConsole']) {
      window.loadFirebugConsole();      
    } else {
      console = {
        // just eat it..!
        log: function() {},
        debug: function() {},
        info: function() {},
        warn: function() {},
        assert: function() {}
      }
      window.console = console;
    }
  }
  console.log(msg);
}

jQuery(document).ready(function() {
  var ajax_supported_form_list = jQuery(".form.unit form.ajax_supported_form");
  ngform.Form(ajax_supported_form_list).setup();

  setTimeout(function(){$('#flash-notice, #flash-error').slideUp()}, 4000);
  
  
  //move these into the stylesheets.css if you want
  //it might be easier to manage here
  var loginWrapper = $(".login-dialog-wrapper")
  var login = $(".login-dialog")
  var loginTop = login.offset().top + "px"

  loginWrapper.css({
    //'border' : '1px solid red',
    'width' : '100%',
    'height' : '30px',
    'overflow' : 'hidden',
    'right' : '0px',
    'top' : '3px',
    'position': 'absolute',
    'visibility' : 'hidden',
    'display' : 'block',
    
  });
  var loginWrapperWidth = loginWrapper.width()

  login.css({
    
    'visibility' : 'hidden',
    'display' : 'block',
    'left' : '0',
    'position' : 'absolute',
    'top' : '3px'
  });
  
  var loginWidth = login.width() + 10 

  loginWrapper.css({
    'display' : 'none',
    'visibility' : "visible",
  })
  
  login.css({
    'display' : 'none',
    'visibility' : "visible"
  })
  
  login.css("width", loginWidth + "px")
  login.css("left", loginWrapperWidth + "px")
  
  
  $('a.login').click(function(){
    $(this).fadeOut()
    loginWrapper.css("display", '')
    login.css('display','');
    
    login.animate({
      'left': loginWrapperWidth - loginWidth + "px"
    }, 250, function() {
      $("#login_form_email").focus()
    })

    return false;
  });

});