// Rules
var myrules;
var myrules = {
	// functions for panel A
	'#openA' : function(element){
		element.onclick = function(){
			var targetDiv = $('a');
			new Effect.BlindDown(targetDiv,{duration: 0.5});
			new Effect.Fade(this);
			Effect.Appear('closeA', {delay: 1});
		}
	},
	'#closeA' : function(element){
		element.onclick = function(){
			var targetDiv = $('a');
			new Effect.BlindUp(targetDiv,{duration: 0.5});
			new Effect.Fade(this); 
			Effect.Appear('openA', {delay: 1});
		}
	},	
	// functions for panel B
	'#openB' : function(element){
		element.onclick = function(){
			var targetDiv = $('b');
			new Effect.BlindDown(targetDiv,{duration: 0.5});
			new Effect.Fade(this);
			Effect.Appear('closeB', {delay: 1});
		}
	},
	'#closeB' : function(element){
		element.onclick = function(){
			var targetDiv = $('b');
			new Effect.BlindUp(targetDiv,{duration: 0.5});
			new Effect.Fade(this); 
			Effect.Appear('openB', {delay: 1});
		}
	},
	// functions for panel C
	'#openC' : function(element){
		element.onclick = function(){
			var targetDiv = $('c');
			new Effect.BlindDown(targetDiv,{duration: 0.5});
			new Effect.Fade(this);
			Effect.Appear('closeC', {delay: 1});
		}
	},
	'#closeC' : function(element){
		element.onclick = function(){
			var targetDiv = $('c');
			new Effect.BlindUp(targetDiv,{duration: 0.5});
			new Effect.Fade(this); 
			Effect.Appear('openC', {delay: 1});
		}
	},
	// functions for panel D
	'#openD' : function(element){
		element.onclick = function(){
			var targetDiv = $('d');
			new Effect.BlindDown(targetDiv,{duration: 0.5});
			new Effect.Fade(this);
			Effect.Appear('closeD', {delay: 1});
		}
	},
	'#closeD' : function(element){
		element.onclick = function(){
			var targetDiv = $('d');
			new Effect.BlindUp(targetDiv,{duration: 0.5});
			new Effect.Fade(this); 
			Effect.Appear('openD', {delay: 1});
		}
	},
};