/* **************************************************** Common Functions **************************************************** */ /* **************************************************** Sub Nav Biz **************************************************** */ var activeSub = ""; var activeNav = null; var stuckNav = ""; var stuckSub = ""; var offTimer = null; function navOver(nav) { hideSub(activeSub); subOver(nav+"_sub"); } function navOut() { subOut(); } function subOver(overSub) { clearTimeout(offTimer); showSub(overSub); } function subOut() { if(activeSub != "") { offTimer = setTimeout("hideSub(activeSub)", 400); } } function showSub(sub) { hideStuck(); document.getElementById(sub).className = "showTable"; activeSub = sub; } function hideSub(sub) { if(sub != "") { document.getElementById(sub).className = "hidden"; activeSub = ""; showStuck(); } } function stick(nav) { if(nav != "") { // subOver(nav+'_sub'); stuckSub = nav+'_sub'; showStuck(); } } function showStuck() { document.getElementById(stuckSub).className = "showTable"; } function hideStuck() { document.getElementById(stuckSub).className = "hidden"; } // add the subnavs var created = false; function createSubNavs() { created = true; var container = document.getElementById("dropdowns"); var containerContent = "" // make the subnavs containerContent += createSubNav('About_sub', 150, 13, 5, 'about_sub_1', 'images/SubNav/Sub-Staff.gif', 'images/SubNav/Sub-Staff-over.gif', 'staff.php', 'about_sub_2', 'images/SubNav/Sub-News.gif', 'images/SubNav/Sub-News-over.gif', 'index.php', 'about_sub_3', 'images/SubNav/Sub-WhyBend.gif', 'images/SubNav/Sub-WhyBend-over.gif', 'whybend.php', 'about_sub_4', 'images/SubNav/Sub-FacilityPhotos.gif', 'images/SubNav/Sub-FacilityPhotos-over.gif', 'facilityphotos.php', 'about_sub_5', 'images/SubNav/Sub-ProductionPhotos.gif', 'images/SubNav/Sub-ProductionPhotos-over.gif', 'productionphotos.php', 'about_sub_6', 'images/SubNav/Sub-Contact.gif', 'images/SubNav/Sub-Contact-over.gif', 'contact.php'); containerContent += createSubNav('Video_sub', 150, 13, 35, 'Video_sub_1', 'images/SubNav/Sub-Video.gif', 'images/SubNav/Sub-Video-over.gif', 'video.php', 'Video_sub_2', 'images/SubNav/Sub-Reel.gif', 'images/SubNav/Sub-Reel-over.gif', 'reel.php' // 'work_sub_3', 'images/SubNav/Sub-PromoVideos.gif', 'images/SubNav/Sub-PromoVideos-over.gif', 'promovids.php', // 'work_sub_4', 'images/SubNav/Sub-Editorial.gif', 'images/SubNav/Sub-Editorial-over.gif', 'editorial.php', // 'work_sub_5', 'images/SubNav/Sub-Anatomy.gif', 'images/SubNav/Sub-Anatomy-over.gif', 'anatomy.php', // 'work_sub_6', 'images/SubNav/Sub-Clients.gif', 'images/SubNav/Sub-Clients-over.gif', 'clients.php' ); containerContent += createSubNav('Studio_sub', 150, 13, 66, 'studio_sub_1', 'images/SubNav/Sub-StudioPhotos.gif', 'images/SubNav/Sub-StudioPhotos-over.gif', 'studiophotos.php', 'studio_sub_2', 'images/SubNav/Sub-Specs.gif', 'images/SubNav/Sub-Specs-over.gif', 'specs.php' // 'studio_sub_3', 'images/SubNav/Sub-LightingGrid.gif', 'images/SubNav/Sub-LightingGrid-over.gif', 'lightinggrid.php' // 'studio_sub_4', 'images/SubNav/Sub-Gear.gif', 'images/SubNav/Sub-Gear-over.gif', 'gear.php', // 'studio_sub_5', 'images/SubNav/Sub-Rental.gif', 'images/SubNav/Sub-Rental-over.gif', 'studiorental.php' ); // containerContent += createSubNav('Pro_sub', 150, 13, 95, // 'pro_sub_1', 'images/SubNav/Sub-Script.gif', 'images/SubNav/Sub-Script-over.gif', 'script.php', // 'pro_sub_2', 'images/SubNav/Sub-Storyboard.gif', 'images/SubNav/Sub-Storyboard-over.gif', 'storyboard.php', // 'pro_sub_3', 'images/SubNav/Sub-ProductionPhotos.gif', 'images/SubNav/Sub-ProductionPhotos-over.gif', 'productionphotos.php' // 'pro_sub_4', 'images/SubNav/Sub-EquipmentList.gif', 'images/SubNav/Sub-EquipmentList-over.gif', 'equipmentlist.php', // 'pro_sub_5', 'images/SubNav/Sub-Rental.gif', 'images/SubNav/Sub-Rental-over.gif', 'equiprental.php' // ); // // containerContent += createSubNav('Post_sub', 150, 13, 95, // 'post_sub_1', 'images/SubNav/Sub-Edit1.gif', 'images/SubNav/Sub-Edit1-over.gif', 'edit1.php', // 'post_sub_2', 'images/SubNav/Sub-Edit2.gif', 'images/SubNav/Sub-Edit2-over.gif', 'edit2.php', // 'post_sub_3', 'images/SubNav/Sub-Edit3.gif', 'images/SubNav/Sub-Edit3-over.gif', 'edit3.php', // 'post_sub_4', 'images/SubNav/Sub-MediaPlacement.gif', 'images/SubNav/Sub-MediaPlacement-over.gif', 'mediaplacement.php'); // containerContent += createSubNav('Sound_sub', 150, 13, 95, 'sound_sub_1', 'images/SubNav/Sub-ControlRoom.gif', 'images/SubNav/Sub-ControlRoom-over.gif', 'controlroom.php', // 'sound_sub_2', 'images/SubNav/Sub-SoundDesign.gif', 'images/SubNav/Sub-SoundDesign-over.gif', 'sounddesign.php', 'sound_sub_3', 'images/SubNav/Sub-Artists.gif', 'images/SubNav/Sub-Artists-over.gif', 'artists.php', 'sound_sub_4', 'images/SubNav/Sub-Composing.gif', 'images/SubNav/Sub-Composing-over.gif', 'composing.php', // 'sound_sub_2', 'images/SubNav/Sub-EquipmentList.gif', 'images/SubNav/Sub-EquipmentList-over.gif', 'audioequipment.php', 'sound_sub_5', 'images/SubNav/Sub-TechSpecs.gif', 'images/SubNav/Sub-TechSpecs-over.gif', 'audiotechspecs.php' ); containerContent += createSubNav('RageFilms_sub', 150, 13, 126, 'ragefilms_sub_1', 'images/SubNav/Sub-Teasers.gif', 'images/SubNav/Sub-Teasers-over.gif', 'teasers.php', 'ragefilms_sub_2', 'images/SubNav/Sub-RageFilms.gif', 'images/SubNav/Sub-RageFilms-over.gif', 'http://www.ragefilms.com'); //fill in the subnavs into the div container.innerHTML = containerContent; test = (containerContent); } // createSubNav(id, width, left, top, subid, subImage, subImageOver, href ..., ); function createSubNav() { var args = createSubNav.arguments; var id = args[0]; var w = args[1]; var l = args[2]; var t = args[3]; var subnav = ""; subnav += "\ \ \ \ \
\ \ \ \ "; for(var i=4; i\ \ \"\"\ \ "; } subnav += "\
\"\"
\
\ \ "; return subnav; }