var tabs = [ //first tab [ //tab image when unselected '/Data/gt_home.gif', //tab image when rolled-over '/Data/gt_home_roll.gif', //tab data 'Home', //URL to which to navigate '/Home/HomeDefault.aspx'], //second tab [ '/Data/gt_catalog.gif', '/Data/gt_catalog_roll.gif', 'Catalog', '/Commerce/CommerceDefault.aspx'], //third tab [ '/Data/gt_DAI.gif', '/Data/gt_DAI_roll.gif', 'Davis Art Images', '/DAI/DAIDefault.aspx'], //fourth tab [ '/Data/gt_SA.gif', '/Data/gt_SA_roll.gif', 'SchoolArts', '/SchoolArts/SADefault.aspx'], //fifth tab [ '/Data/gt_web.gif', '/Data/gt_web_roll.gif', 'Web Resources', '/TeacherResources/T_resourcesDefault.aspx'], //sixth tab [ '/Data/gt_contact.gif', '/Data/gt_contact_roll.gif', 'Contact Us', '/CustomerService/CustomerServiceDefault.aspx'] ]; //if you have empty space between your tabs, adjust this to a lower number var width = 10; // 1/10/05 KGB: Still need to fix this properly... //TODO Fix this local host mapping var gHTTPdomainName = "/Portal"; function preloadImages() { for (var y = 0; y < 2; y++) { for (var x = 0; x < tabs.length; x++) { image = new Image(); image.src = gDomainName + tabs[x][y]; } } } function drawTabs() { document.write(""); for (var x = 0; x < tabs.length; x++) { document.write(""); } document.write(""); } function rolloverTab(tab, over) { if (over) { document.images["tab"+tab].src = gDomainName + tabs[tab][1]; } else { // onMouseOut document.images["tab"+tab].src = gDomainName + tabs[tab][0]; } } function switchTab(tab) { for (var x = 0; x < tabs.length; x++) { if (x != tab) document.images["tab"+x].src = gDomainName + tabs[x][0]; } document.images["tab"+tab].src = gDomainName + tabs[tab][1]; // jump to the chosen tab's "home" page location.href = gHTTPdomainName + tabs[tab][3]; } preloadImages();