var myRules = {
	'.swaplink' : function(element){
		element.onmouseover = function(){
			var relSplit = element.rel.split("|");
			document.getElementById("mainImage").style.backgroundImage = "url(/images/db/"+relSplit[0]+")";
			document.getElementById("mainImageInfo").innerHTML = relSplit[1];
		}
	},
	'.swapAthlete' : function(element){
    element.onmouseover = function(){
      var relSplit = element.rel.split("|");
      document.getElementById("athleteImage").style.backgroundImage = "url(/images/db/"+relSplit[0]+")";
      document.getElementById("athleteImage").style.innerHTML = relSplit[2];
      document.getElementById("athleteSport").innerHTML = relSplit[1];
      document.getElementById("athleteName").innerHTML = relSplit[2];
      document.getElementById("athleteCountry").innerHTML = relSplit[3];
			athleteOn = getElementsByClassName(document.getElementById('teamList'), '*', 'on');
			for(i=0;i<athleteOn.length;i++) {
				cssjs('remove', athleteOn[i], 'on');
			}
			element.className = "on";
    }
  }
};
Behaviour.register(myRules);

