var myrules = {
	'.efficient' : function(element){
				element.onmouseover = function(){
					element.className = "hpTeaser efficientON";
				}
				element.onmouseout = function(){
					element.className = "hpTeaser efficient";
				}
			},
			
	'.global' : function(element){
				element.onmouseover = function(){
					element.className = "hpTeaser globalON";
				}
				element.onmouseout = function(){
					element.className = "hpTeaser global";
				}
			},
			
	'.sustainable' : function(element){
				element.onmouseover = function(){
					element.className = "hpTeaser sustainableON";
				}
				element.onmouseout = function(){
					element.className = "hpTeaser sustainable";
				}
			},
			
	'.innovative' : function(element){
				element.onmouseover = function(){
					element.className = "hpTeaser innovativeON";
				}
				element.onmouseout = function(){
					element.className = "hpTeaser innovative";
				}
			},

	'.paper' : function(element){
				element.onmouseover = function(){
					element.className = "hpTeaser2 paperON";
				}
				element.onmouseout = function(){
					element.className = "hpTeaser2 paper";
				}
			},

	'.flexible' : function(element){
				element.onmouseover = function(){
					element.className = "hpTeaser2 flexibleON";
				}
				element.onmouseout = function(){
					element.className = "hpTeaser2 flexible";
				}
			},			

	'.paint' : function(element){
				element.onmouseover = function(){
					element.className = "hpTeaser2 paintON";
				}
				element.onmouseout = function(){
					element.className = "hpTeaser2 paint";
				}
			},		

	'.fibers' : function(element){
				element.onmouseover = function(){
					element.className = "hpTeaser2 fibersON";
				}
				element.onmouseout = function(){
					element.className = "hpTeaser2 fibers";
				}
			}			

	};
	
	Behaviour.register(myrules);