// RANDOM IMAGE HEADERS
// The following function puts a random image up as the header.
// Images are pulled from a list provided below. 
// Please use the following format for new images "myImages[#]="images/imageName.jpg"
// add/edit/remove images from the list as needed. but always ensure the numbers are sequential and none are missing.
// NOTE: Images must be 125px x 790px and must be uploaded to the "images" folder.

function random_imglink(){
  var myimages=new Array()
  //specify random images below. You can have as many as you wish
  myimages[1]="http://www.rotaplast.org/common/images/header2.jpg"
  myimages[2]="http://www.rotaplast.org/common/images/header3.jpg"
  myimages[3]="http://www.rotaplast.org/common/images/header4.jpg"
  
  // add new ones here with format: "myImages[#]="images/imageName.jpg"
 // Do Not Edit below this line
 
  var ry=Math.floor(Math.random()*myimages.length)

  if (ry==0)
     ry=1
     document.write('<img src="'+myimages[ry]+'">')
}


// This function increases all font sizes for text in the contentarea that are wrapped in "<P></P>"
// NOTE: All content must be enclosed in <P></P> for the font to increase. Do Not Edit

function increaseFontSize(size) {
   var p = document.getElementsByTagName('p');
   for(i=0;i<p.length;i++) {
     p[i].style.fontSize = size+"px"
   }
}


// NAV functions
// sfHover changes the nav colors when hovered. Do not edit.

sfHover = function() {
	var sfEls = document.getElementById("nav").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);