<!--


//Preload Images
if (document.images) 
	{
		//Custom Skylights
		var customon = new Image();
		customon.src = "images/rollbox-up_01.gif";
		var customoff = new Image();
		customoff.src = "images/rollbox_01.gif";
		var customframe = new Image();
		customframe.src = "frames/custom.jpg";

		//Standard Skylights
		var standardon = new Image();
		standardon.src = "images/rollbox-up_02.gif";
		var standardoff = new Image();
		standardoff.src = "images/rollbox_02.gif";
		var standardframe = new Image();
		standardframe.src = "frames/standard.jpg";

		//Roof Hatches
		var hatchon = new Image();
		hatchon.src = "images/rollbox-up_03.gif";
		var hatchoff = new Image();
		hatchoff.src = "images/rollbox_03.gif";
		var hatchframe = new Image();
		hatchframe.src = "frames/hatch.jpg";

		//Safety Rails & Ladders
		var railson = new Image();
		railson.src = "images/rollbox-up_04.gif";
		var railsoff = new Image();
		railsoff.src = "images/rollbox_04.gif";
		var railsframe = new Image();
		railsframe.src = "frames/rails.jpg";


		//Smoke Vents
		var venton = new Image();
		venton.src = "images/rollbox-up_05.gif";
		var ventoff = new Image();
		ventoff.src = "images/rollbox_05.gif";
		var ventframe = new Image();
		ventframe.src = "frames/vent.jpg";

		//Access Doors
		var dooron = new Image();
		dooron.src = "images/rollbox-up_06.gif";
		var dooroff = new Image();
		dooroff.src = "images/rollbox_06.gif";
		var doorframe = new Image();
		doorframe.src = "frames/door.jpg";

		//Flashings
		var flashingson = new Image();
		flashingson.src = "images/rollbox-up_07.gif";
		var flashingsoff = new Image();
		flashingsoff.src = "images/rollbox_07.gif";
		var flashingsframe = new Image();
		flashingsframe.src = "frames/flashings.jpg";		
		
		//Tech Drawings
		var techon = new Image();
		techon.src = "images/rollbox-up_08.gif";
		var techoff = new Image();
		techoff.src = "images/rollbox_08.gif";
		var techframe = new Image();
		techframe.src = "frames/tech.jpg";

		//About Lane-Aire
		var abouton = new Image();
		abouton.src = "images/rollbox-up_09.gif";
		var aboutoff = new Image();
		aboutoff.src = "images/rollbox_09.gif";
		var aboutframe = new Image();
		aboutframe.src = "frames/about.jpg";

		//Get A Quote
		var quoteon = new Image();
		quoteon.src = "images/rollbox-up_10.gif";
		var quoteoff = new Image();
		quoteoff.src = "images/rollbox_10.gif";
		var quoteframe = new Image();
		quoteframe.src = "frames/quote.jpg";


		//Standard Animation
		var frameframe = new Image();
		frameframe.src = "frames/animation.gif";
}

var defaultframe = "frame";
var defaultbutton = "none";

// rollOn and rollOff change the image, but default to the defaultframe, while rollOff checks to see if the item is the defaultbutton (if it is then it does not unhighlight the button).  ClickOn clears all the buttons, then sets the one clicked to on, sets defaultbutton to its name, and sets the defaultframe to the related frame.

function rollOn(button)
{
	if (document.images)
{
	imgOnSrc = eval(button + "on.src");
	frameOnSrc = eval(button + "frame.src");
	document.images[button].src = imgOnSrc;
	document.images.aniFrame.src = frameOnSrc;
}
}
function rollOff(button)
{
	if (defaultbutton == button) {
		imgOffSrc = eval(button + "on.src");
	} else {	
		imgOffSrc = eval(button + "off.src");
	}
	
	frameOffSrc = eval(defaultframe + "frame.src");
	document.images[button].src = imgOffSrc;
	document.images.aniFrame.src = frameOffSrc;
}

function clickOn(button)
{
	if (defaultbutton != "none") 
	{
		imgOffSrc = eval(defaultbutton + "off.src");
		document.images[defaultbutton].src = imgOffSrc;
	}
	imgOnSrc = eval (button + "on.src");
	frameOnSrc = eval (button + "frame.src");
	document.images[button].src = imgOnSrc;
	document.images.aniFrame.src = frameOnSrc;
	defaultbutton = button;
	defaultframe = button;	
}

		
// -->