var theRules = {
	'.navLink' : function(el) {
			el.onfocus=function() {
				displayLink(el);
			}
			
			el.onblur=function() {
				 hideLink(el);
			}
			
			el.onmouseover=function() {
				displayLink(el);
			}
			
			el.onmouseout=function() {
				 hideLink(el);
			}
	},
	'.contentLink' : function(el) {
			el.onfocus=function() {
				displayLink(el);
			}
			
			el.onblur=function() {
				 hideLink(el);
			}
			
			el.onmouseover=function() {
				displayLink(el);
			}
			
			el.onmouseout=function() {
				 hideLink(el);
			}
	}
};

function displayLink(el){
	var i; 
				var altLink;
				if (el.id.indexOf('navLink')>-1) {
					i = el.id.substring(7);
					altLink = "contentLink";
				}
				
				if (el.id.indexOf('contentLink')>-1) {
					i = el.id.substring(11);
					altLink = "navLink";
				}
				
					el.className="mouseOver";
					
					document.getElementById(altLink + i).className="mouseOver";
					
					document.getElementById("desc" + i).className="show";
					Behaviour.apply() 
}

function hideLink(el) {
	var i; 	
	var altLink;
	if (el.id.indexOf('navLink')>-1) {
		i = el.id.substring(7);
		altLink = "contentLink";
	}
	
	if (el.id.indexOf('contentLink')>-1) {
		i = el.id.substring(11);
		altLink = "navLink";
	}
		el.className="";
		document.getElementById(altLink + i).className="";
		document.getElementById("desc" + i).className="hide";
		Behaviour.apply()
}
Behaviour.register(theRules);