// Deals with displaying and initially creating the .subnav element for the LI function showPopOut(id) { // If the .subnav doesn't already exist if (!$("."+id).length) { var pageid = id.substring(4); var poffset = $("#"+id).parent("ul").offset(); var offset = $("#"+id).offset(); // Creates our new
and adds the #text - Loading... $("
Loading...
") // Add the class "subnav" .addClass(id).addClass("subnav") // Give it the same mouseover and mouseout abilities as the LI it will represent .mouseover(function(){ $("#mainnavigation #"+id).mouseover(); }) .mouseout(function(){ $("#mainnavigation #"+id).mouseout(); }) // Add to the .appendTo("body"); var idWidth = $("#"+id).width() + parseInt($("#"+id).css("paddingLeft").replace(/px/,"")) + parseInt($("#"+id).css("paddingRight").replace(/px/,"")); var clWidth = $("."+id).width() + parseInt($("."+id).css("paddingLeft").replace(/px/,"")) + parseInt($("."+id).css("paddingRight").replace(/px/,"")); var winWidth = $(window).width(); var idLeft = offset.left; if ( (clWidth+idLeft) > winWidth) { idLeft = (offset.left + idWidth) - clWidth; } // Get the .subnav we just created $("."+id).css({ // Positioning this .subnav under its li# position:"absolute", // We get want this to be just below the UL that houses our LI top:(poffset.top + $("#"+id).parent("ul").height()), // We want it to left align with the LI left:idLeft}); // Get the child pages via AJAX if(pageid !== null && !isNaN(pageid)) { // Perform a GET $.get("/ClassLibrary/Page/SiteNavigation/ajax_childpages.cfml?page="+pageid, // Callback function calls another function function(data, textStatus){ writePopOut(data, textStatus, id); }, // Data should be returned as JSON object "json"); } } } // Populates the .subnav with the results of the AJAX call function writePopOut(data, textStatus, id) { if ((textStatus == "success") && data.length) { // Create a JSON object from the data var children = eval("(" + data + ")"); // Get the appropriate .subnav $subnav = $("."+id); // Create a new