function init() {
if (TransMenu.isSupported()) {
	TransMenu.initialize();

	menu1.onactivate = function() { 
		document.getElementById("btn_whatson").className = "hover";
		changeImages('btn_whatson', 'btn_whatsonon'); 
		};
	menu1.ondeactivate = function() { 
		document.getElementById("btn_whatson").className = ""; 
		changeImages('btn_whatson', 'btn_whatsonoff');
		};

<!--	 menu2.onactivate = function() { 
<!--		document.getElementById("btn_havingfun").className = "hover";
<!--		changeImages('btn_havingfun', 'btn_havingfunon'); 
<!--		};
<!--	menu2.ondeactivate = function() {
<!--		document.getElementById("btn_havingfun").className = "";
<!--		changeImages('btn_havingfun', 'btn_havingfunoff');
<!--		};

<!--	menu3.onactivate = function() {
<!--		document.getElementById("btn_your2cents").className = "hover";
<!--		changeImages('btn_your2cents', 'btn_your2centson'); 
<!--		};
<!--	menu3.ondeactivate = function() {
<!--		document.getElementById("btn_your2cents").className = "";
<!--		changeImages('btn_your2cents', 'btn_your2centsoff');
<!--		};
   
<!--	menu4.onactivate = function() {
<!--		document.getElementById("btn_yoursay").className = "hover";
<!--		changeImages('btn_yoursay', 'btn_yoursayon'); 
<!--		};
<!--	menu4.ondeactivate = function() {
<!--		document.getElementById("btn_yoursay").className = "";
<!--		changeImages('btn_yoursay', 'btn_yoursayoff');
<!--		};	
		
<!--	menu5.onactivate = function() {
<!--		document.getElementById("btn_studentresources").className = "hover";
<!--		changeImages('btn_studentresources', 'btn_studentresourceson'); 
<!--		};
<!--	menu5.ondeactivate = function() {
<!--		document.getElementById("btn_studentresources").className = "";
<!--		changeImages('btn_studentresources', 'btn_studentresourcesoff');
<!--		};	
		
<!--	menu6.onactivate = function() {
<!--		document.getElementById("btn_mediaandnews").className = "hover";
<!--		changeImages('btn_mediaandnews', 'btn_mediaandnewson'); 
<!--		};
<!--	menu6.ondeactivate = function() {
<!--		document.getElementById("btn_mediaandnews").className = "";
<!--		changeImages('btn_mediaandnews', 'btn_mediaandnewsoff');
<!--		};	
		
<!--	menu7.onactivate = function() {
<!--		document.getElementById("btn_corporatepartnership").className = "hover";
<!--		changeImages('btn_corporatepartnership', 'btn_corporatepartnershipon'); 
<!--		};
<!--	menu7.ondeactivate = function() {
<!--		document.getElementById("btn_corporatepartnership").className = "";
<!--		changeImages('btn_corporatepartnership', 'btn_corporatepartnershipoff');
<!--		};	
		
	}
}