$( function() { if ((navigator.userAgent).toLowerCase().indexOf("mac") != -1) { $("ul.ffm_drop li ul li.child_element_first ul.group_element li.ffm_drop_element").css("width", "132px"); $("ul.ffm_drop li ul li.child_element_first ul.group_element li.ffm_drop_element_none").css("width", "132px"); $("ul.ffm_drop li ul li.child_element_first ul.group_element").css("width", "132px"); $("ul.ffm_drop li ul li.child_element ul.group_element li.ffm_drop_element").css("width", "155px"); $("ul.ffm_drop li ul li.child_element ul.group_element li.ffm_drop_element_none").css("width", "155px"); $("ul.ffm_drop li ul li.child_element ul.group_element").css("width", "155px"); } $("li.child_element").hover(function(){ if($(this).attr("class").indexOf("acc") != -1){ $(this).css("background","url('/assets/images/nav/Acc_Cat_Nogradient_on.jpg') no-repeat left top"); }else{ $(this).css("background","url('/assets/images/nav/AllProd_Cat_Nogradient_on.jpg') no-repeat left top"); } },function() { if($(this).attr("class").indexOf("acc") != -1){ $(this).css("background","url('/assets/images/nav/Acc_Cat_Nogradient_off.jpg') no-repeat left top"); }else{ $(this).css("background","url('/assets/images/nav/AllProd_Cat_Nogradient_off.jpg') no-repeat left top"); } }); $("li.child_element_first").hover(function() { if($(this).attr("class").indexOf("acc") != -1){ $(this).css("background","url('/assets/images/nav/Acc_Cat_on.jpg') no-repeat left top"); }else{ $(this).css("background","url('/assets/images/nav/AllProd_Cat_on.jpg') no-repeat left top"); } },function() { if($(this).attr("class").indexOf("acc") != -1){ $(this).css("background","url('/assets/images/nav/Acc_Cat_gradient.jpg') no-repeat left top"); }else{ $(this).css("background","url('/assets/images/nav/AllProd_Cat_gradient.jpg') no-repeat left top"); } }); $("li.ffm_drop_element").hover(function() { $(this).css("background-color","#E3F2FE"); },function() { $(this).css("background-color","#FFFFFF"); }); $("li.no_children").hover(function() { $(this).css("background-color","#E3F2FE"); },function() { $(this).css("background-color","#FFFFFF"); }); if (displayMenus) { $("#wp_logo").hover( function(){ $("#wp_allproduct").mouseover(); },function(){ $("#wp_allproduct").mouseout(); }); freeFloatingArr = document.getElementById("tnav").getElementsByTagName("div"); freeFloatingChildArr = document.getElementById("tnav").getElementsByTagName("li"); anImgIsOn = ""; for (i = 0; i < freeFloatingArr.length; i++) { if (freeFloatingArr[i].className.indexOf("ffm_drop_wrapper") != -1) { if (freeFloatingArr[i].getElementsByTagName("img")[0].src.indexOf("_on") != -1) { anImgIsOn = freeFloatingArr[i].getElementsByTagName("img")[0].id; } if (freeFloatingArr[i].getElementsByTagName("div")[0]) { freeFloatingArr[i].getElementsByTagName("div")[0].style.width = freeFloatingArr[i].getElementsByTagName("li")[0].offsetWidth + "px"; freeFloatingArr[i].getElementsByTagName("div")[0].style.height = freeFloatingArr[i].getElementsByTagName("li")[0].offsetHeight + "px"; freeFloatingArr[i].getElementsByTagName("div")[1].style.width = freeFloatingArr[i].getElementsByTagName("li")[0].offsetWidth + 1 + "px"; freeFloatingArr[i].getElementsByTagName("div")[1].style.height = freeFloatingArr[i].getElementsByTagName("li")[0].offsetHeight + 1 + "px"; } $(freeFloatingArr[i]).hover( function() { if (this.getElementsByTagName("li")[0]) { this.style.zIndex = "11"; this.getElementsByTagName("li")[0].style.visibility = "visible"; this.getElementsByTagName("div")[0].style.visibility = "visible"; this.getElementsByTagName("div")[1].style.visibility = "visible"; globalNavSwapImg(this.getElementsByTagName("img")[0].id,"on"); } else { globalNavSwapImg(this.getElementsByTagName("img")[0].id,"on"); } } , function() { if (this.getElementsByTagName("li")[0]) { globalNavSwapImg(this.getElementsByTagName("img")[0].id,"off"); parentCon = this; this.getElementsByTagName("li")[0].style.visibility = "hidden"; this.getElementsByTagName("div")[0].style.visibility = "hidden"; this.getElementsByTagName("div")[1].style.visibility = "hidden"; if (parentCon.className.indexOf("active_nav") == -1) { parentCon.style.zIndex = "9"; } } else { globalNavSwapImg(this.getElementsByTagName("img")[0].id,"off"); } } ); } } for (i = 0; i < freeFloatingChildArr.length; i++) { if (freeFloatingChildArr[i].className.indexOf("child_element") != -1) { freeFloatingChildArr[i].getElementsByTagName("div")[0].style.width = freeFloatingChildArr[i].getElementsByTagName("ul")[0].offsetWidth + "px"; freeFloatingChildArr[i].getElementsByTagName("div")[0].style.height = freeFloatingChildArr[i].getElementsByTagName("ul")[0].offsetHeight + "px"; freeFloatingChildArr[i].getElementsByTagName("div")[1].style.width = freeFloatingChildArr[i].getElementsByTagName("ul")[0].offsetWidth + 1 + "px"; freeFloatingChildArr[i].getElementsByTagName("div")[1].style.height = freeFloatingChildArr[i].getElementsByTagName("ul")[0].offsetHeight + 1 + "px"; if (freeFloatingChildArr[i].className.indexOf("acc") != -1) { freeFloatingChildArr[i].getElementsByTagName("div")[0].style.left = "107px"; freeFloatingChildArr[i].getElementsByTagName("div")[1].style.left = "107px"; } else { freeFloatingChildArr[i].getElementsByTagName("div")[0].style.left = "109px"; freeFloatingChildArr[i].getElementsByTagName("div")[1].style.left = "109px"; } $(freeFloatingChildArr[i]).hover( function() { this.getElementsByTagName("ul")[0].style.visibility = "visible"; this.getElementsByTagName("div")[0].style.visibility = "visible"; this.getElementsByTagName("div")[1].style.visibility = "visible"; $("#interest").css("visibility","hidden"); } , function() { this.getElementsByTagName("ul")[0].style.visibility = "hidden"; this.getElementsByTagName("div")[0].style.visibility = "hidden"; this.getElementsByTagName("div")[1].style.visibility = "hidden"; $("#interest").css("visibility","visible"); } ); } } } } ); function globalNavSwapImg(objId,state) { objId = document.getElementById(objId); if (objId.id != "b_logo"){ (state == "on") ? (state = "_on.gif") : (state = "_off.gif"); if (anImgIsOn != objId.id) { objId.src = objId.src.substr(0,objId.src.lastIndexOf('/')) + '/' + objId.id + state; } } } function swapImg(objId,objImgName) { objId = document.getElementById(objId); objId.src = objId.src.substr(0,objId.src.lastIndexOf('/')) + '/' + objImgName; }