//Draw Header 





document.write("<table  width='800' border=0 cellspacing=0 cellpadding=0 bordercolor='#000000' bgcolor='#000000'> ");
document.write("<td width='500' bgcolor='#FFFFFF'>");
document.write("<img src='images/bara.jpg'><br>");
document.write("<img border=0 src='images/header.jpg' name='img_header' usemap='#header_map'><br>");
document.write("<a href='buy.htm#shoppingcart'><img src='images/bar1a.gif' border='0'></a>");
document.write("</td>");
document.write("<td width='300' bgcolor='#FFFFFF'>");
document.write("<img src='images/barb.jpg'><br>");
//Slid Show ******************************
		var fadeimages=new Array()
		

		fadeimages[0]=["images/slide1.jpg", "", ""] //plain image syntax
		fadeimages[1]=["images/slide2.jpg", "", ""] //plain image syntax
		fadeimages[2]=["images/slide3.jpg", "", ""] //plain image syntax
		fadeimages[3]=["images/slide4.jpg", "", ""] //plain image syntax
		fadeimages[4]=["images/slide5.jpg", "", ""] //plain image syntax
		fadeimages[5]=["images/slide6.jpg", "", ""] //plain image syntax
		fadeimages[6]=["images/slide7.jpg", "", ""] //plain image syntax
		fadeimages[7]=["images/slide8.jpg", "", ""] //plain image syntax
		fadeimages[8]=["images/slide9.jpg", "", ""] //plain image syntax
		fadeimages[9]=["images/slide10.jpg", "", ""] //plain image syntax
		fadeimages[10]=["images/slide11.jpg", "", ""] //plain image syntax
		fadeimages[11]=["images/slide12.jpg", "", ""] //plain image syntax
		//new fadeshow(IMAGES_ARRAY_NAME, slideshow_width, slideshow_height, borderwidth, delay, pause (0=no, 1=yes), optionalRandomOrder)

		new fadeshow(fadeimages, 300, 250, 0, 3500, 1)

document.write("<a href='products.htm'><img src='images/barb1.gif' border='0'></a>");
document.write("</td>");
document.write("</table>");


//****************************************************************
//****************************************************************
//build image map - header

document.write("<map name='header_map'>")
document.write("<area shape='rect'  coords='5,10,93,34' onMouseOver='Header_Home()' onMouseOut='Header_Map_Out()' href='index.htm'>")
document.write("<area shape='rect'  coords='5,50,66,76' onMouseOver='Header_FAQ()' onMouseOut='Header_Map_Out()' href='faq.htm'>")
document.write("<area shape='rect'  coords='5,94,119,116' onMouseOver='Header_Video()' onMouseOut='Header_Map_Out()' href='video.htm'>")
document.write("<area shape='rect'  coords='5,134,194,157' onMouseOver='Header_Contact()' onMouseOut='Header_Map_Out()' href='contact.htm'>")
document.write("<area shape='rect'  coords='5,179,227,196' onMouseOver='Header_Buy()' onMouseOut='Header_Map_Out()' href='buy.htm'>")
document.write("<area shape='rect'  coords='5,220,352,239' onMouseOver='Header_Howto()' onMouseOut='Header_Map_Out()' href='howto.htm'>")
document.write("<area shape='rect'  coords='268,116,467,162' onMouseOver='Header_BuildOff()' onMouseOut='Header_Map_Out()' href='http://www.boaf.net/pdf/I-List/5286.pdf' targer='_blank'>")
document.write("<area shape='rect'  coords='326,182,491,193' onMouseOver='Header_Code()' onMouseOut='Header_Map_Out()' href='BuildingCodes.pdf' targer='_blank'>")
document.write("<area shape='default' nohref>")
document.write("</map>")
document.write("<area shape='default' nohref>")
document.write("</map>");


//*****************************************************************
//*****************************************************************
//image flip functions
function Header_Map_Out() 
{
	document.img_header.src = "images/header.jpg"; return true;
}

function Header_Home() 
{
	document.img_header.src = "images/h_home.gif"; return true;
}

function Header_FAQ() 
{
	document.img_header.src = "images/h_faq.gif"; return true;
}

function Header_Video() 
{
	document.img_header.src = "images/h_video.gif"; return true;
}

function Header_Contact() 
{
	document.img_header.src = "images/h_contact.gif"; return true;
}

function Header_Buy() 
{
	document.img_header.src = "images/h_buy.gif"; return true;
}

function Header_Howto() 
{
	document.img_header.src = "images/h_howto.gif"; return true;
}

function Header_BuildOff() 
{
	document.img_header.src = "images/h_build_off.gif"; return true;
}

function Header_Code() 
{
	document.img_header.src = "images/h_codes.gif"; return true;
}