function rollOnNavOurCompany()
		{
			document.getElementById("ourcompanysubnav1").style.display = "block";
			document.getElementById("ourcompanysubnav2").style.display = "block";
			changeNavOnCSS("TopNavCell-OurCompany","topnavCell-on");
			changeNavOnCSS("beforesubnavspacer","subnavBeforedivCompany");
			changeNavOnCSS("aftersubnavspacer","subnavAfterdivCompany");
		}
		
		function rollOffNavOurCompany()
		{
			document.getElementById("ourcompanysubnav1").style.display = "none";
			document.getElementById("ourcompanysubnav2").style.display = "none";
			changeNavOnCSS("TopNavCell-OurCompany","topnavCell-off");
			changeNavOnCSS("beforesubnavspacer","subnavbeforedivRegular");
			changeNavOnCSS("aftersubnavspacer","subnavAfterdivRegular");
		}
									 
		function rollOnNavCatalog()
		{
			document.getElementById("catalogsubnav1").style.display = "block";
			document.getElementById("catalogsubnav2").style.display = "block";
			changeNavOnCSS("TopNavCell-Catalog","topnavCell-on");
			changeNavOnCSS("beforesubnavspacer","subnavBeforedivCatalog");
			changeNavOnCSS("aftersubnavspacer","subnavAfterdivCatalog");
		}
		
		function rollOffNavCatalog()
		{
			document.getElementById("catalogsubnav1").style.display = "none";
			document.getElementById("catalogsubnav2").style.display = "none";
			changeNavOnCSS("TopNavCell-Catalog","topnavCell-off");
			changeNavOnCSS("beforesubnavspacer","subnavbeforedivRegular");
			changeNavOnCSS("aftersubnavspacer","subnavAfterdivRegular");
		}
	
		function rollOnNavSpecifications()
		{
			document.getElementById("specificationssubnav1").style.display = "block";
			document.getElementById("specificationssubnav2").style.display = "block";
			changeNavOnCSS("TopNavCell-Specifications","topnavCell-on");
			changeNavOnCSS("beforesubnavspacer","subnavBeforedivSpecifications");
			changeNavOnCSS("aftersubnavspacer","subnavAfterdivSpecifications");
		}
		
		function rollOffNavSpecifications()
		{
			document.getElementById("specificationssubnav1").style.display = "none";
			document.getElementById("specificationssubnav2").style.display = "none";
			changeNavOnCSS("TopNavCell-Specifications","topnavCell-off");
			changeNavOnCSS("beforesubnavspacer","subnavbeforedivRegular");
			changeNavOnCSS("aftersubnavspacer","subnavAfterdivRegular");
		}
	
		function rollOnNavFeaturedProducts()
		{
			/*
			document.getElementById("featuredproductssubnav1").style.display = "block";
			document.getElementById("featuredproductssubnav2").style.display = "block";
			changeNavOnCSS("TopNavCell-FeaturedProducts","topnavCell-on");
			changeNavOnCSS("beforesubnavspacer","subnavBeforedivFeaturedProducts");
			changeNavOnCSS("aftersubnavspacer","subnavAfterdivFeaturedProducts");
			*/
			changeNavOnCSS("TopNavCell-FeaturedProducts","topnavCell-on-regular");

		}
		
		function rollOffNavFeaturedProducts()
		{
			/*
			document.getElementById("featuredproductssubnav1").style.display = "none";
			document.getElementById("featuredproductssubnav2").style.display = "none";
			changeNavOnCSS("TopNavCell-FeaturedProducts","topnavCell-off");
			changeNavOnCSS("beforesubnavspacer","subnavbeforedivRegular");
			changeNavOnCSS("aftersubnavspacer","subnavAfterdivRegular");
			*/
			changeNavOnCSS("TopNavCell-FeaturedProducts","topnavCell-off");
		}
	
		function rollOnNavHome()
		{
			changeNavOnCSS("TopNavCell-Home","topnavCell-on-regular");
		}
		
		function rollOffNavHome()
		{
			changeNavOnCSS("TopNavCell-Home","topnavCell-off");
		}
	
		function rollOnNavContact()
		{
			changeNavOnCSS("TopNavCell-Contact","topnavCell-on-regular");
		}
		
		function rollOffNavContact()
		{
			changeNavOnCSS("TopNavCell-Contact","topnavCell-off");
		}
	
	
	
		function changeImageWithDelay(imgID,img)
		{
			document.getElementById("homepagemainimage").style.display = "block";
			document.getElementById("SlideShow").style.display = "none";
		
		
			//changeImage(imgID,img)
			document.getElementById(imgID).src = "pages/images/" + img;	

		}
		function changeImage(imgID,img)
		{
			document.getElementById(imgID).src = "images/" + img;	
		}
		function changeNavOnCSS(cellID,newClassName) { 

		var navCell = document.getElementById(cellID); 

		navCell.setAttribute("class", newClassName); 
		navCell.setAttribute("className", newClassName); 

		return; 
		} 
	
		function rollOffCategoryWithDelay()
		{
			document.getElementById("homepagemainimage").style.display = "none";
			document.getElementById("SlideShow").style.display = "block";

		}
	 		function rollOffCategory()
		{
			document.getElementById("homepagemainimage").style.display = "none";
			document.getElementById("SlideShow").style.display = "block";
		}



<!-- Original:  CodeLifter.com (support@codelifter.com) -->
<!-- Web Site:  http://www.codelifter.com -->

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->

<!-- Begin
// Set slideShowSpeed (milliseconds)
var slideShowSpeed = 3500;
// Duration of crossfade (seconds)
var crossFadeDuration = 3;
// Specify the image files
var Pic = new Array();
// to add more images, just continue
// the pattern, adding to the array below

Pic[0] = 'pages/images/Homepage1.jpg'
Pic[1] = 'pages/images/Homepage2.jpg'
Pic[2] = 'pages/images/Homepage3.jpg'
Pic[3] = 'pages/images/Homepage4.jpg'
Pic[4] = 'pages/images/Homepage5.jpg'

// do not edit anything below this line
var t;
var j = 0;
var p = Pic.length;
var preLoad = new Array();
for (i = 0; i < p; i++) {
preLoad[i] = new Image();
preLoad[i].src = Pic[i];
}
function runSlideShow() {
if (document.all) {
document.images.SlideShow.style.filter="blendTrans(duration=2)";
document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)";
document.images.SlideShow.filters.blendTrans.Apply();
}
document.images.SlideShow.src = preLoad[j].src;
if (document.all) {
document.images.SlideShow.filters.blendTrans.Play();
}
j = j + 1;
if (j > (p - 1)) j = 0;
t = setTimeout('runSlideShow()', slideShowSpeed);
}
//  End -->