YAHOO.util.Event.onDOMReady(function () {
    var m = new YAHOO.widget.MenuBar('nav', { autosubmenudisplay: true,  showdelay: 0, hidedelay: 750,  position: 'static', visible: true, lazyload: true });
    m.render();
    YAHOO.util.Event.addListener('buttonLogin', 'click', handleSubmit, login, true);
    YAHOO.util.Event.addListener('buttonCancel', 'click', handleNo, login, true);
});

var handleNo = function() {
    this.hide();
};

var handleSubmit = function(){
    document.getElementById('msgback').innerHTML = 'processing please wait ...';
    this.submit();
};

var handleSuccess = function(o) {
    var response = o.responseText;
    if(response=="ok") {
	login.hide();
	location.reload(true);  // we are logged in, relead page
    } else document.getElementById("msgback").innerHTML = response; // display error		
};

var handleFailure = function(o) {
    //alert("Submission failed: " + o.responseText);
};

var login = new YAHOO.widget.Dialog("loginBox", 
				    { width: "300px",
				      fixedcenter: true,
				      visible: false,
				      draggable: true,			 
				      close: true,	
				      modal:true, 	
				      zindex:4,
				      hideaftersubmit: false,	
				      constraintoviewport: true/*,			  
				      buttons: [ { text:"[Login]", handler:handleSubmit, isDefault:true }, { text:"[Cancel]", handler:handleNo } ]*/
				    } );

login.callback = { success: handleSuccess,
		   failure: handleFailure };

var handleEnter = function(e) {
    if(e.keyCode==13) {
	YAHOO.util.Event.preventDefault(e);
	document.getElementById('msgback').innerHTML = 'processing please wait ...';
	login.submit();
    }
}

YAHOO.util.Event.addListener( 'ulogin', 'keydown', handleEnter);
YAHOO.util.Event.addListener( 'upassword', 'keydown', handleEnter);


login.render("container");
document.getElementById("loginBox").style.display="block";