// JavaScript Document
function navmenu01(){

var objectID = 'flashflag';
var domStyle = findDOM(objectID,1);
domStyle.visibility = "hidden";//hidden or visible

//using the DOM script to insure cross-browser compatibility, this for loop hides all of the menus
for (var loopMenu = 1;loopMenu <= 6;loopMenu++){
var mynumber = loopMenu;
var objectID = 'column02menu0' + mynumber;
var domStyle = findDOM(objectID,1);
domStyle.visibility = "hidden";
}


//using the DOM script this shows the corect menu
var objectID = 'column02menu01';
var domStyle = findDOM(objectID,1);
domStyle.visibility = "visible";
//shows and hides the table backgrounds


//--- the stuff below does the same thing as: nav01.style.background='#96b8bd' ;
var objectID = 'nav01';
var domStyle = findDOM(objectID);
domStyle.style.background='#96b8bd' ;
//--- the stuff below does the same thing as: nav01a.style.background='#96b8bd' ;
var objectID = 'nav01a';
var domStyle = findDOM(objectID);
domStyle.style.background='#96b8bd' ;

for (var loopMenu = 2;loopMenu <= 6;loopMenu++){
var mynumber = loopMenu;
var objectID = 'nav0' + mynumber;
var domStyle = findDOM(objectID);
domStyle.style.background='#ffffff' ;
var objectID = objectID + 'a';
var domStyle = findDOM(objectID);
domStyle.style.background='#006699' ;
}


//nav02.style.background='#ffffff' ;
//nav02a.style.background='#006699' ;
//nav03.style.background='#ffffff' ;
//nav03a.style.background='#006699' ;
//nav04.style.background='#ffffff' ;
//nav04a.style.background='#006699' ;
//nav05.style.background='#ffffff' ;
//nav05a.style.background='#006699' ;
//nav06.style.background='#ffffff' ;
//nav06a.style.background='#006699' ;
//nav07.style.background='#ffffff' ;
//nav07a.style.background='#006699' ; 
var objectID = 'color_materials';
var domStyle = findDOM(objectID,1);
domStyle.visibility = 'hidden';

var objectID = 'column02layer';
var domStyle = findDOM(objectID,1);
domStyle.visibility = 'visible';

var objectID = 'column03layer';
var domStyle = findDOM(objectID,1);
domStyle.visibility = 'visible';

var objectID = 'nav07';
var domStyle = findDOM(objectID);
domStyle.style.background='#ffffff' ;
}

function navmenu02(){

var objectID = 'flashflag';
var domStyle = findDOM(objectID,1);
domStyle.visibility = "hidden";//hidden or visible

//using the DOM script to insure cross-browser compatibility, this for loop hides all of the menus
for (var loopMenu = 1;loopMenu <= 6;loopMenu++){
var mynumber = loopMenu;
var objectID = 'column02menu0' + mynumber;
var domStyle = findDOM(objectID,1);
domStyle.visibility = "hidden";
}

//using the DOM script this shows the corect menu
var objectID = 'column02menu02';
var domStyle = findDOM(objectID,1);
domStyle.visibility = "visible";

//--- the stuff below does the same thing as: nav02.style.background='#96b8bd' ;
var objectID = 'nav02';
var domStyle = findDOM(objectID);
domStyle.style.background='#96b8bd' ;
//--- the stuff below does the same thing as: nav02a.style.background='#96b8bd' ;
var objectID = 'nav02a'; var domStyle = findDOM(objectID); domStyle.style.background='#96b8bd';


var objectID = 'nav01';
var domStyle = findDOM(objectID);
domStyle.style.background='#ffffff' ;
//nav01.style.background='#ffffff' ;

var objectID = 'nav01a';
var domStyle = findDOM(objectID);
domStyle.style.background='#006699' ;
//nav01a.style.background='#006699' ;

for (var loopMenu = 3;loopMenu <= 6;loopMenu++){
var mynumber = loopMenu;
var objectID = 'nav0' + mynumber;
var domStyle = findDOM(objectID);
domStyle.style.background='#ffffff' ;
var objectID = objectID + 'a';
var domStyle = findDOM(objectID);
domStyle.style.background='#006699' ;
}
//nav03.style.background='#ffffff' ;
//nav03a.style.background='#006699' ;
//nav04.style.background='#ffffff' ;
//nav04a.style.background='#006699' ;
//nav05.style.background='#ffffff' ;
//nav05a.style.background='#006699' ;
//nav06.style.background='#ffffff' ;
//nav06a.style.background='#006699' ;
//nav07.style.background='#ffffff' ;
//nav07a.style.background='#006699' ; 
var objectID = 'color_materials';
var domStyle = findDOM(objectID,1);
domStyle.visibility = 'hidden';

var objectID = 'column02layer';
var domStyle = findDOM(objectID,1);
domStyle.visibility = 'visible';

var objectID = 'column03layer';
var domStyle = findDOM(objectID,1);
domStyle.visibility = 'visible';

var objectID = 'nav07';
var domStyle = findDOM(objectID);
domStyle.style.background='#ffffff' ;
}

function navmenu03(){

var objectID = 'flashflag';
var domStyle = findDOM(objectID,1);
domStyle.visibility = "hidden";//hidden or visible


//using the DOM script to insure cross-browser compatibility, this for loop hides all of the menus
for (var loopMenu = 1;loopMenu <= 6;loopMenu++){
var mynumber = loopMenu;
var objectID = 'column02menu0' + mynumber;
var domStyle = findDOM(objectID,1);
domStyle.visibility = "hidden";
}


var objectID = 'column02menu03';
var domStyle = findDOM(objectID,1);
domStyle.visibility = "visible";


//--- the stuff below does the same thing as: nav03.style.background='#96b8bd' ;
var objectID = 'nav03';
var domStyle = findDOM(objectID);
domStyle.style.background='#96b8bd' ;
//--- the stuff below does the same thing as: nav03a.style.background='#96b8bd' ;
var objectID = 'nav03a';
var domStyle = findDOM(objectID);
domStyle.style.background='#96b8bd' ;

//nav03.style.background='#96b8bd' ;
//nav03a.style.background='#96b8bd' ;

for (var loopMenu = 1;loopMenu <= 2;loopMenu++){
var mynumber = loopMenu;
var objectID = 'nav0' + mynumber;
var domStyle = findDOM(objectID);
domStyle.style.background='#ffffff' ;
var objectID = objectID + 'a';
var domStyle = findDOM(objectID);
domStyle.style.background='#006699' ;
}
//nav01.style.background='#ffffff' ;
//nav01a.style.background='#006699' ;
//nav02.style.background='#ffffff' ;
//nav02a.style.background='#006699' ;
for (var loopMenu = 4;loopMenu <= 6;loopMenu++){
var mynumber = loopMenu;
var objectID = 'nav0' + mynumber;
var domStyle = findDOM(objectID);
domStyle.style.background='#ffffff' ;
var objectID = objectID + 'a';
var domStyle = findDOM(objectID);
domStyle.style.background='#006699' ;
}
//nav04.style.background='#ffffff' ;
//nav04a.style.background='#006699' ;
//nav05.style.background='#ffffff' ;
//nav05a.style.background='#006699' ;
//nav06.style.background='#ffffff' ;
//nav06a.style.background='#006699' ;
//nav07.style.background='#ffffff' ;
//nav07a.style.background='#006699' ; 
var objectID = 'color_materials';
var domStyle = findDOM(objectID,1);
domStyle.visibility = 'hidden';

var objectID = 'column02layer';
var domStyle = findDOM(objectID,1);
domStyle.visibility = 'visible';

var objectID = 'column03layer';
var domStyle = findDOM(objectID,1);
domStyle.visibility = 'visible';

var objectID = 'nav07';
var domStyle = findDOM(objectID);
domStyle.style.background='#ffffff' ;
}

function navmenu04(){

var objectID = 'flashflag';
var domStyle = findDOM(objectID,1);
domStyle.visibility = "hidden";//hidden or visible


//using the DOM script to insure cross-browser compatibility, this for loop hides all of the menus
for (var loopMenu = 1;loopMenu <= 6;loopMenu++){
var mynumber = loopMenu;
var objectID = 'column02menu0' + mynumber;
var domStyle = findDOM(objectID,1);
domStyle.visibility = "hidden";
}

//--- the stuff below does the same thing as: nav04.style.background='#96b8bd' ;
var objectID = 'nav04';
var domStyle = findDOM(objectID);
domStyle.style.background='#96b8bd' ;
//--- the stuff below does the same thing as: nav04a.style.background='#96b8bd' ;
var objectID = 'nav04a';
var domStyle = findDOM(objectID);
domStyle.style.background='#96b8bd' ;
//nav04.style.background='#96b8bd' ;
//nav04a.style.background='#96b8bd' ;
for (var loopMenu = 1;loopMenu <= 3;loopMenu++){
var mynumber = loopMenu;
var objectID = 'nav0' + mynumber;
var domStyle = findDOM(objectID);
domStyle.style.background='#ffffff' ;
var objectID = objectID + 'a';
var domStyle = findDOM(objectID);
domStyle.style.background='#006699' ;
}
//nav01.style.background='#ffffff' ;
//nav01a.style.background='#006699' ;
//nav02.style.background='#ffffff' ;
//nav02a.style.background='#006699' ;
//nav03.style.background='#ffffff' ;
//nav03a.style.background='#006699' ;


for (var loopMenu = 5;loopMenu <= 6;loopMenu++){
var mynumber = loopMenu;
var objectID = 'nav0' + mynumber;
var domStyle = findDOM(objectID);
domStyle.style.background='#ffffff' ;
var objectID = objectID + 'a';
var domStyle = findDOM(objectID);
domStyle.style.background='#006699' ;
}
//nav05.style.background='#ffffff' ;
//nav05a.style.background='#006699' ;
//nav06.style.background='#ffffff' ;
//nav06a.style.background='#006699' ;
//nav07.style.background='#ffffff' ;
//nav07a.style.background='#006699' ; 
var objectID = 'color_materials';
var domStyle = findDOM(objectID,1);
domStyle.visibility = 'hidden';

var objectID = 'column02menu04';
var domStyle = findDOM(objectID,1);
domStyle.visibility = 'visible';

var objectID = 'column03layer';
var domStyle = findDOM(objectID,1);
domStyle.visibility = 'visible';

var objectID = 'nav07';
var domStyle = findDOM(objectID);
domStyle.style.background='#ffffff' ;
}

function navmenu05(){

var objectID = 'flashflag';
var domStyle = findDOM(objectID,1);
domStyle.visibility = "hidden";//hidden or visible


//using the DOM script to insure cross-browser compatibility, this for loop hides all of the menus
for (var loopMenu = 1;loopMenu <= 6;loopMenu++){
var mynumber = loopMenu;
var objectID = 'column02menu0' + mynumber;
var domStyle = findDOM(objectID,1);
domStyle.visibility = "hidden";
}


var objectID = 'column02menu06';
var domStyle = findDOM(objectID,1);
domStyle.visibility = 'visible';
//--- the stuff below does the same thing as: nav05.style.background='#96b8bd' ;
var objectID = 'nav05';
var domStyle = findDOM(objectID);
domStyle.style.background='#96b8bd' ;
//--- the stuff below does the same thing as: nav05a.style.background='#96b8bd' ;
var objectID = 'nav05a';
var domStyle = findDOM(objectID);
domStyle.style.background='#96b8bd' ;

for (var loopMenu = 1;loopMenu <= 4;loopMenu++){
var mynumber = loopMenu;
var objectID = 'nav0' + mynumber;
var domStyle = findDOM(objectID);
domStyle.style.background='#ffffff' ;
var objectID = objectID + 'a';
var domStyle = findDOM(objectID);
domStyle.style.background='#006699' ;
}
//nav01.style.background='#ffffff' ;
//nav01a.style.background='#006699' ;
//nav02.style.background='#ffffff' ;
//nav02a.style.background='#006699' ;
//nav03.style.background='#ffffff' ;
//nav03a.style.background='#006699' ;
//nav04.style.background='#ffffff' ;
//nav04a.style.background='#006699' ;
var mynumber = 6;
var objectID = 'nav0' + mynumber;
var domStyle = findDOM(objectID);
domStyle.style.background='#ffffff' ;
var objectID = objectID + 'a';
var domStyle = findDOM(objectID);
domStyle.style.background='#006699' ;
//nav06.style.background='#ffffff' ;
//nav06a.style.background='#006699' ;
//nav07.style.background='#ffffff' ;
//nav07a.style.background='#006699' ; 
var objectID = 'color_materials';
var domStyle = findDOM(objectID,1);
domStyle.visibility = 'hidden';

var objectID = 'column03layer';
var domStyle = findDOM(objectID,1);
domStyle.visibility = 'visible';

var objectID = 'nav07';
var domStyle = findDOM(objectID);
domStyle.style.background='#ffffff' ;
}

function navmenu06(){

var objectID = 'flashflag';
var domStyle = findDOM(objectID,1);
domStyle.visibility = "hidden";//hidden or visible


//using the DOM script to insure cross-browser compatibility, this for loop hides all of the menus
for (var loopMenu = 1;loopMenu <= 6;loopMenu++){
var mynumber = loopMenu;
var objectID = 'column02menu0' + mynumber;
var domStyle = findDOM(objectID,1);
domStyle.visibility = "hidden";
}

//--- the stuff below does the same thing as: nav06.style.background='#96b8bd' ;
var objectID = 'nav06';
var domStyle = findDOM(objectID);
domStyle.style.background='#96b8bd' ;
//--- the stuff below does the same thing as: nav06a.style.background='#96b8bd' ;
var objectID = 'nav06a';
var domStyle = findDOM(objectID);
domStyle.style.background='#96b8bd' ;

for (var loopMenu = 1;loopMenu <= 5;loopMenu++){
var mynumber = loopMenu;
var objectID = 'nav0' + mynumber;
var domStyle = findDOM(objectID);
domStyle.style.background='#ffffff' ;
var objectID = objectID + 'a';
var domStyle = findDOM(objectID);
domStyle.style.background='#006699' ;
}
//nav01.style.background='#ffffff' ;
//nav01a.style.background='#006699' ;
//nav02.style.background='#ffffff' ;
//nav02a.style.background='#006699' ;
//nav03.style.background='#ffffff' ;
//nav03a.style.background='#006699' ;
//nav04.style.background='#ffffff' ;
//nav04a.style.background='#006699' ;
//nav05.style.background='#ffffff' ;
//nav05a.style.background='#006699' ;

//nav07.style.background='#ffffff' ;
//nav07a.style.background='#006699' ; 
var objectID = 'color_materials';
var domStyle = findDOM(objectID,1);
domStyle.visibility = 'hidden';

var objectID = 'column02menu05';
var domStyle = findDOM(objectID,1);
domStyle.visibility = 'visible';

var objectID = 'column03layer';
var domStyle = findDOM(objectID,1);
domStyle.visibility = 'visible';

var objectID = 'nav07';
var domStyle = findDOM(objectID);
domStyle.style.background='#ffffff' ;
}

function navmenu07(){

var objectID = 'flashflag';
var domStyle = findDOM(objectID,1);
domStyle.visibility = "hidden";//hidden or visible


//using the DOM script to insure cross-browser compatibility, this for loop hides all of the menus
for (var loopMenu = 1;loopMenu <= 6;loopMenu++){
var mynumber = loopMenu;
var objectID = 'column02menu0' + mynumber;
var domStyle = findDOM(objectID,1);
domStyle.visibility = "hidden";
}


var objectID = 'column02menu07'
var domStyle = findDOM(objectID,1);
domStyle.visibility = "visible";
//--- the stuff below does the same thing as: nav07.style.background='#96b8bd' ;
var objectID = 'nav07';
var domStyle = findDOM(objectID);
domStyle.style.background='#96b8bd' ;
//--- the stuff below does the same thing as: nav07a.style.background='#96b8bd' ;
var objectID = 'nav07a';
var domStyle = findDOM(objectID);
domStyle.style.background='#96b8bd' ;
//nav07.style.background='#96b8bd' ;
//nav07a.style.background='#96b8bd' ;
for (var loopMenu = 1;loopMenu <= 6;loopMenu++){
var mynumber = loopMenu;
var objectID = 'nav0' + mynumber;
var domStyle = findDOM(objectID);
domStyle.style.background='#ffffff' ;
var objectID = objectID + 'a';
var domStyle = findDOM(objectID);
domStyle.style.background='#006699' ;
}
//nav01.style.background='#ffffff' ;
//nav01a.style.background='#006699' ;
//nav02.style.background='#ffffff' ;
//nav02a.style.background='#006699' ;
//nav03.style.background='#ffffff' ;
//nav03a.style.background='#006699' ;
//nav04.style.background='#ffffff' ;
//nav04a.style.background='#006699' ;
//nav05.style.background='#ffffff' ;
//nav05a.style.background='#006699' ;
//nav06.style.background='#ffffff' ;
//nav06a.style.background='#006699' ; 
var objectID = 'color_materials';
var domStyle = findDOM(objectID,1);
domStyle.visibility = 'hidden';

var objectID = 'column02layer';
var domStyle = findDOM(objectID,1);
domStyle.visibility = 'visible';

var objectID = 'column03layer';
var domStyle = findDOM(objectID,1);
domStyle.visibility = 'visible';

var objectID = 'nav07';
var domStyle = findDOM(objectID);
domStyle.style.background='#ffffff' ;
}

function navmenu08(a){

var objectID = 'flashflag';
var domStyle = findDOM(objectID,1);
domStyle.visibility = "visible";//hidden or visible



if(a==1){

var objectID = 'nav07a';
var domStyle = findDOM(objectID);
domStyle.style.background='#96b8bd';

for (var loopMenu = 1;loopMenu <= 6;loopMenu++){
var mynumber = loopMenu;
var objectID = 'nav0' + mynumber;
var domStyle = findDOM(objectID);
domStyle.style.background='#ffffff' ;
var objectID = objectID + 'a';
var domStyle = findDOM(objectID);
domStyle.style.background='#006699' ;
}
for (var loopMenu = 1;loopMenu <= 6;loopMenu++){
var mynumber = loopMenu;
var objectID = 'column02menu0' + mynumber;
var domStyle = findDOM(objectID,1);
domStyle.visibility = "hidden";
}
}
if(a==2){
var objectID = 'nav07a';
var domStyle = findDOM(objectID);
domStyle.style.background='#006699';
}

}



function navmenu09(){

var objectID = 'flashflag';
var domStyle = findDOM(objectID,1);
domStyle.visibility = "visible";//hidden or visible



var objectID = 'color_materials';
var domStyle = findDOM(objectID,1);

if (domStyle.visibility == 'hidden') {

var objectID = 'color_materials';
var domStyle = findDOM(objectID,1);
domStyle.visibility = 'hidden';

var objectID = 'column02layer';
var domStyle = findDOM(objectID,1);
domStyle.visibility = 'visible';

var objectID = 'column03layer';
var domStyle = findDOM(objectID,1);
domStyle.visibility = 'visible';

for (var loopMenu = 1;loopMenu <= 6;loopMenu++){
var mynumber = loopMenu;
var objectID = 'nav0' + mynumber;
var domStyle = findDOM(objectID);
domStyle.style.background='#ffffff' ;
var objectID = objectID + 'a';
var domStyle = findDOM(objectID);
domStyle.style.background='#006699' ;
}

for (var loopMenu = 1;loopMenu <= 6;loopMenu++){
var mynumber = loopMenu;
var objectID = 'column02menu0' + mynumber;
var domStyle = findDOM(objectID,1);
domStyle.visibility = "hidden";
}
} else {
//do nothing
}

}