var arrImages = new Array();
	  if (document.createElement) {
		  arrImages[0] = document.createElement('image');
		  arrImages[0].setAttribute('src',"/assets/lay/shop.jpg");
		  arrImages[1] = document.createElement('image');
		  arrImages[1].setAttribute('src',"/assets/lay/shop_On.jpg");
		 
		  arrImages[2] = document.createElement('image');
		  arrImages[2].setAttribute('src',"/assets/lay/portfolio.jpg");
		  arrImages[3] = document.createElement('image');
		  arrImages[3].setAttribute('src',"/assets/lay/portfolio_On.jpg");
		  
		  arrImages[4] = document.createElement('image');
		  arrImages[4].setAttribute('src',"/assets/lay/piercing.jpg");
		  arrImages[5] = document.createElement('image');
		  arrImages[5].setAttribute('src',"/assets/lay/piercing_On.jpg");
		  
		  
		  arrImages[6] = document.createElement('image');
		  arrImages[6].setAttribute('src',"/assets/lay/contact_us.jpg"); 
		  arrImages[7] = document.createElement('image');
		  arrImages[7].setAttribute('src',"/assets/lay/contact_us_On.jpg"); 
	  }
	  
	  function setUpRollovers() {
	  
	    if (!document.getElementsByTagName ||
		    !document.getElementById)
		    return;
		
		//get all list items that will contain links 
		var all_links = document.getElementsByTagName('a');

		for( var i = 0; i < all_links.length; i++ ) {

		  var theLink = all_links[i]; 
		  if ( theLink.className &&
		      (' ' + theLink.className + ' ' ).indexOf(' rollover ') != -1 ) 
		  {
			
				 addEvent(theLink,'mouseover',mouseover,false);
			     addEvent(theLink,'mouseout',mouseout,false);
				   
		  }  
		}//var i = 0; i < all_links.length; i++
		
	  }//eof
	  
	  //mouseover and mouseout cover rollovers for the top navigation bar
	  function mouseover(e) {
	   
	    var target = findTarget(e,'a');
         // alert(target);
		if(!target) return;
 
		// get the parent element (which should be 'li' ) and set the background image for it
		var parent = target.parentNode;
		//find the image object
		imageObj = parent.firstChild.firstChild;
		//get the li's parent which should be the ul
		parent = parent.parentNode;
 
		var originalImageArray = imageObj.src.split('.');
		//append the word on to the image source to the last array element which should be .jpg or .gif
		originalImageArray[originalImageArray.length-2] = originalImageArray[originalImageArray.length-2]+"_On";
		    if (parent.id  && 
		       parent.id.toLowerCase() =='nav') {
			   //
			   newimage = originalImageArray.join(".");
			   imageObj.src = newimage ;
                
			 }  
	  }//oef
	  
	   function mouseout(e) {
	   
	    var target = findTarget(e,'a');
         // alert(target);
		if(!target) return;
 
		// get the parent element (which should be 'li' ) and set the background image for it
		var parent = target.parentNode;
		//find the image object
		imageObj = parent.firstChild.firstChild;
		//get the li's parent which should be the ul
		parent = parent.parentNode;
 		//split the source by the '.'
		var originalImageArray = imageObj.src.split('.');
		 		   
		//get the second to last index which should be IMAGE_NAME_On and split by '_'
		var removeOn = originalImageArray[originalImageArray.length-2].split('_'); 
		//remove the last array element		 
		 removeOn.pop();
		 
		 //set second to last element 
		 originalImageArray[originalImageArray.length-2] = removeOn.join("_");
 
			if (parent.id  && 
		       parent.id.toLowerCase() =='nav') {
			 //rejoin the array
			 imageObj.src=  originalImageArray.join(".");
			   
                
			 }  
	  }//oef
	  
	  
	  
	  
	  // load the rollovers event handler
	  addEvent(window,'load',setUpRollovers,false);