//author: Douglas Ahlquist
//date:   2002-09-26
//file:   nav_bar.js

//function init(){
// Detect if browser is Netscape 3 + or IE 4 +.
bName = navigator.appName;
bVer = parseInt(navigator.appVersion);
    if ((bName == "Netscape" && bVer >= 3) ||
        (bName == "Microsoft Internet Explorer" && bVer >= 4)) br = "n3";
    else br = "n2";
var page = "home";


// Create image objects, preload all active and inactive images.
if (br== "n3") {
    img1on=new Image();
    img1on.src="images/nav_home_on.gif";
    img2on=new Image();
    img2on.src="images/nav_email_on.gif";
    img3on=new Image();
    img3on.src="images/nav_web_solutions_on.gif";
    img4on=new Image();
    img4on.src="images/nav_ecom_on.gif";
    img5on=new Image();
    img5on.src="images/nav_web_hosting_on.gif";
    img6on=new Image();
    img6on.src="images/nav_design_studio_on.gif";
    img7on=new Image();
    img7on.src="images/nav_contact_us_on.gif";

    img1off=new Image();
    img1off.src="images/nav_home_off.gif";
    img2off=new Image();
    img2off.src="images/nav_email_off.gif";
    img3off =new Image();
    img3off.src="images/nav_web_solutions_off.gif";
    img4off=new Image();
    img4off.src="images/nav_ecom_off.gif";
    img5off=new Image();
    img5off.src="images/nav_web_hosting_off.gif";
    img6off=new Image();
    img6off.src="images/nav_design_studio_off.gif";
    img7off=new Image();
    img7off.src="images/nav_contact_us_off.gif";

    img1sel=new Image();
    img1sel.src="images/nav_home_sel.gif";
    img2sel=new Image();
    img2sel.src="images/nav_email_sel.gif";
    img3sel =new Image();
    img3sel.src="images/nav_web_solutions_sel.gif";
    img4sel=new Image();
    img4sel.src="images/nav_ecom_sel.gif";
    img5sel=new Image();
    img5sel.src="images/nav_web_hosting_sel.gif";
    img6sel=new Image();
    img6sel.src="images/nav_design_studio_sel.gif";
    img7sel=new Image();
    img7sel.src="images/nav_contact_us_sel.gif";
//}

var ImgArray = new Array();
var iHome = "D:/Work/ahlquist_2002_09_03/";

ImgArray[0] 
   = new Array(iHome + 'nav_home_sel.gif', iHome + 'nav_home_on.gif' , iHome + 'nav_home_off.gif');
ImgArray[1] 
   = new Array(iHome + 'nav_web_solutions_sel.gif', iHome + 'nav_web_solutions_on.gif' , iHome + 'nav_web_solutions_off.gif');
ImgArray[2] 
   = new Array(iHome + 'nav_ecom_sel.gif', iHome + 'nav_ecom_on.gif' , iHome + 'nav_ecom_off.gif');
ImgArray[3] 
   = new Array(iHome + 'nav_web_hosting_sel.gif', iHome + 'nav_web_hosting_on.gif' , iHome + 'nav_web_hosting_off.gif');
ImgArray[4] 
   = new Array(iHome + 'nav_design_studio_sel.gif', iHome + 'nav_design_studio_on.gif' , iHome + 'nav_design_studio_off.gif');
ImgArray[5] 
   = new Array(iHome + 'nav_contact_us_sel.gif', iHome + 'nav_contact_us_on.gif' , iHome + 'nav_contact_us_off.gif');
}


// Function to "activate" images.
function imgAct(imgName) {
    if (br == "n3") {
        document[imgName].src=eval(imgName+"on.src");
    }
}

// Function to "deactivate" images.
function imgInact(imgName) {
    if (br == "n3") {
        document[imgName].src=eval(imgName+"off.src");
    }
}

function createNavBar(page)
{
//alert("1");
if(page == 'home')          img1off = img1sel;
if(page == 'email')         img2off = img2sel;
if(page == 'internet')      img3off = img3sel;
if(page == 'e-commerce')    img4off = img4sel;
if(page == 'web hosting')   img5off = img5sel;
if(page == 'design studio') img6off = img6sel;
if(page == 'contact us')    img7off = img7sel;


document.write("<TABLE background='images/nav_background.gif'><TR><TD>");
document.write("<A HREF='index.html' ONMOUSEOVER=\"imgAct('img1')\" ONMOUSEOUT=\"imgInact('img1')\">");
document.write("<IMG NAME='img1' SRC='" + img1off.src + "' WIDTH='151' HEIGHT='20' BORDER='0' ALT=''></A>");
document.write("<BR></TD></TR><TR><TD>");

document.write("<A HREF='email.html' ONMOUSEOVER=\"imgAct('img2')\" ONMOUSEOUT=\"imgInact('img2')\">");
document.write("<IMG NAME='img2' SRC='" + img2off.src + "' WIDTH='151' HEIGHT='20' BORDER='0' ALT=''></A>");
document.write("<BR></TD></TR><TR><TD>");

//document.write("<A HREF='web_solutions.html' ONMOUSEOVER=\"imgAct('img3')\" ONMOUSEOUT=\"imgInact('img3')\">");
//document.write("<IMG NAME='img3' SRC='" + img3off.src + "' WIDTH='151' HEIGHT='20' BORDER='0' ALT=''></A>");
//document.write("<BR></TD></TR><TR><TD>");

document.write("<A HREF='e_commerce.html' ONMOUSEOVER=\"imgAct('img4')\" ONMOUSEOUT=\"imgInact('img4')\">");
document.write("<IMG NAME='img4' SRC='" + img4off.src + "' WIDTH='151' HEIGHT='20' BORDER='0' ALT=''></A>");
document.write("<BR></TD></TR><TR><TD>");

//document.write("<A HREF='web_hosting.html' ONMOUSEOVER=\"imgAct('img5')\" ONMOUSEOUT=\"imgInact('img5')\">");
//document.write("<IMG NAME='img5' SRC='" + img5off.src + "' WIDTH='151' HEIGHT='20' BORDER='0' ALT=''></A>");
//document.write("<BR></TD></TR><TR><TD>");

document.write("<A HREF='design_studio.html' ONMOUSEOVER=\"imgAct('img6')\" ONMOUSEOUT=\"imgInact('img6')\">");
document.write("<IMG NAME='img6' SRC='" + img6off.src + "' WIDTH='151' HEIGHT='20' BORDER='0' ALT=''></A>");
document.write("<BR></TD></TR><TR><TD>");

document.write("<A HREF='contact_us.html' ONMOUSEOVER=\"imgAct('img7')\" ONMOUSEOUT=\"imgInact('img7')\">");
document.write("<IMG NAME='img7' SRC='" + img7off.src + "' WIDTH='151' HEIGHT='20' BORDER='0' ALT=''></A>");
document.write("<BR></TD></TR>");

document.write("<TR><TD>");
document.write("<IMG src='images/transparent.gif' height='40' width='1'>");
document.write("</TD></TR>");

// bgcolor='#cccccc'
document.write("<TR><TD>"); 
document.write("<A HREF='download.html'\">");
document.write("<IMG SRC='images/nav_download.gif' BORDER='0' ALT=''></A>");
document.write("<BR></TD></TR>");

document.write("<TR><TD height='50'>");
document.write("<IMG src='images/transparent.gif' height='10' width='1'></CENTER>");
document.write("</TD></TR>");


//document.write("<TR><TD>");
//document.write("<CENTER><A HREF='http://petition.eurolinux.org' target='_new'><img src='http://aful.org/images/patent_button.gif' border='0'></CENTER></A>"); 
//document.write("</TD></TR>");


document.write("<TR><TD height='230'>");
document.write("<IMG src='images/transparent.gif' height='10' width='1'>");
document.write("</TD></TR>");



document.write("</TABLE>");

}