var myrules = {

'li#navstory1' : function(element){
			element.onclick = function(){
				Effect.Fade('story2'); new Effect.Fade('story3'); new Effect.Fade('story4'); new Effect.Appear('story1'); $('navstory1').addClassName('on'); $('navstory2').removeClassName('on'); $('navstory3').removeClassName('on'); $('navstory4').removeClassName('on');
			}
		},

		'li#navstory2' : function(element){
			element.onclick = function(){
				Effect.Fade('story1'); new Effect.Fade('story3'); new Effect.Fade('story4'); new Effect.Appear('story2'); $('navstory2').addClassName('on');  $('navstory1').removeClassName('on'); $('navstory3').removeClassName('on'); $('navstory4').removeClassName('on');
			}
		},

		'li#navstory3' : function(element){
			element.onclick = function(){
				Effect.Fade('story2'); new Effect.Fade('story1'); new Effect.Fade('story4'); new Effect.Appear('story3'); $('navstory3').addClassName('on');  $('navstory2').removeClassName('on'); $('navstory1').removeClassName('on'); $('navstory4').removeClassName('on');
			}
		},

		'li#navstory4' : function(element){
			element.onclick = function(){
				Effect.Fade('story2'); new Effect.Fade('story3'); new Effect.Fade('story1'); new Effect.Appear('story4'); $('navstory4').addClassName('on'); $('navstory2').removeClassName('on'); $('navstory3').removeClassName('on'); $('navstory1').removeClassName('on');
			}
		},

		'span#navsubscr' : function(element){
			element.onclick = function(){
				if (element.hasClassName('on')) {
					Effect.toggle('subscr','blind');
					$('navsubscr').removeClassName('on');
				} else {
					Effect.toggle('subscr','blind'); $('navsubscr').addClassName('on');
				}
		}
}

};

	Behaviour.register(myrules);