Element.Events.clickout = {
  base : 'click',  // attach click event to element
  condition : function(event) {
    event.stopPropagation();  // stop event from bubbling up
    return false;  // never run handler when clicking on element
  },
  onAdd : function(fn) {
    this.getDocument().addEvent('click', fn);
  },
  onRemove : function(fn) {
    this.getDocument().removeEvent('click', fn);
  }
};



window.addEvent('domready',function() {
									
	$$('#navBar a')
	.set('morph',{duration:200})
	.addEvent('mouseover',function() {
		this.morph({'padding-top':4,'color':'#F5D631'});
	})
	.addEvent('mouseout',function() {
		this.morph({'padding-top':0,'color':'#fff'});
	})

	
	var SignUp = new RepetitionrForm($('signup_form'));
	$$('.signUp_link').addEvent('click', function(evt) {
		SignUp.open();
		evt.stop();
	});
	
	
	var SignIn = new RepetitionrForm($('signin_form'));			
	$$('.signIn_link').addEvent('click', function(evt) {
		SignIn.open();
		evt.stop();
	});
	
});