function swapLinkBG(e,imgNo) {
   
	    /*
		 called onMouseover when a user mouses over a navigation link will swap the background image
		*/
		
	    var el = e.parentNode;
		var imageSrc = 'assets/lay/nav/on_nav_' + imgNo + '.gif';
	    el.style.backgroundImage = "url('" +imageSrc +"')";
		
	   }//eof
	   
	   function swapLinkBGBack(e,imgNo) {
	    /*
		 called onMouseover when a user mouses over a navigation link
		*/
		
	    var el = e.parentNode;
		var imageSrc = 'assets/lay/nav/off_nav_' + imgNo + '.gif';
	    el.style.backgroundImage = "url('" +imageSrc +"')";
	   }//eof
	
	// for left secondary navigation 
	function swapBG(e) {
	    /*
		 called onMouseover when a user mouses over a navigation link
		*/
		
	    var el = findTarget(e,'li');
		
	   // el.style.background = "url('assets/lay/leftNav_bg.gif') repeat-y";
		el.className = "leftNavHi";
		
	   }//eof
	   
	   function swapBGBack(e) {
	    /*
		 called onMouseover when a user mouses over a navigation link
		*/
		
	    var el = findTarget(e,'li');
		
		el.className = "leftNavLo";
		
	   }//eof
	   
	   // for Right secondary navigation 
	function swapBGRight(e) {
	    /*
		 called onMouseover when a user mouses over a navigation link
		*/
		
	    var el = findTarget(e,'li');
		
		el.className = "rightNavHi";
		
	   }//eof
	   
	   function swapBGRightBack(e) {
	    /*
		 called onMouseover when a user mouses over a navigation link
		*/
		
	    var el = findTarget(e,'li');
		el.className = "";
	   }//eof
	   
	
	//add listeners for the left navigation
     function addListeners() {
	    //will loop through the child elements of leftNav and attach a mouseover function to each element 
        if(! document.getElementsByTagName ||
		   ! document.getElementById)
		   return;
		   
		  var  parentEl = document.getElementById("leftSecNav");
		  // alert(parent.childNodes.length);
		   var childs = parentEl.getElementsByTagName('a');
		  
		   for (var i = 0; i < childs.length; i++ ) {
			      childs[i].onmouseover = swapBG;
				  childs[i].onmouseout = swapBGBack;
			
		   }//for (i = 0; 1 < childs.length; i++ )
		   //alert(childs.length);
		   //right side links
		   var  parentEl = document.getElementById("rightSecMenu");
		  // alert(parent.childNodes.length);
		   var childs = parentEl.getElementsByTagName('a');
		   
		   for (var i = 0; i < childs.length; i++ ) {
			      childs[i].onmouseover = swapBGRight;
				  childs[i].onmouseout = swapBGRightBack;
			
		   }//for (i = 0; 1 < childs.length; i++ )
		   //alert(childs.length);
	   }//eof
	   
	   addEvent(window,'load',addListeners,false);