// first get the  page name (without dot and extension from the URL
	var docURL=document.URL;
    var docURLArray= new Array();
    docURLArray=docURL.split("/");
	var pageName = docURLArray.pop() 
	var pageNameArray= new Array();
	pageNameArray= pageName.split(".")
	if (pageNameArray[0]=="") {
		pageNameArray[0]="learn-english-brisbane-sydney"
	}
	//alert(pageNameArray[0]);
	// get the existing CSS class of the current 'a' with same name as page
	var tempClass="nothingYet"
	var theClassName=document.getElementById(pageNameArray[0]).getAttribute("className"); 
	var theClass=document.getElementById(pageNameArray[0]).getAttribute("class"); 
	//alert(theClassName); 
	//alert(theClass); 
	
	if (theClassName!=null)
	  {
		  theClassName=document.getElementById(pageNameArray[0]).getAttribute("className");
		  tempClass=theClassName.concat(" onPage");
		  document.getElementById(pageNameArray[0]).setAttribute("className", tempClass);
		  //alert("setting className to " &&  tempClass);
	  }
	if (theClass!=null)
	  {
		  tempClass=document.getElementById(pageNameArray[0]).getAttribute("class");
		  tempClass=theClass.concat(" onPage");
		  document.getElementById(pageNameArray[0]).setAttribute("class", tempClass);
		  //alert("setting class to " &&  tempClass);
	  }