/* The following serves to stretch the content div to the bottom of the margin images, or vice versa*/ function contentHeight(){ setMaxHeight($(".rightMargin,#content,.leftMargin,#col2"),$("#content")); }; function setMaxHeight(group, target) { tallest = 0; group.each(function() { thisHeight = $(this).height(); if(thisHeight > tallest) { tallest = thisHeight; } }); target.height(tallest); } /*This is the jquery comment stuff */ $(document).ready(function() { $('.searchable li').quicksearch({ position: 'before', attached: 'ul.searchable', labelText: '', loaderText: '', delay: 100 }) $('table.searchable tr').quicksearch({ position: 'before', attached: 'table.searchable:first', }); $(".toggleEyeCandy").click(function () { $(".leftMargin,.rightMargin").toggle("fade"); $(".toggleEyeCandy").toggle(); }); $(".toggleMenu").click(function () { $("ul.dropdown li:not(.toggleMenu)").toggle(); $(".toggleMenu").toggle(); }); $(".nav").css('opacity','7') $(".footer").hide(); $(".fadeIn").hide(); setTimeout("$('.leftMargin.fadeIn').fadeIn(3000);",1000); setTimeout("$('.rightMargin.fadeIn').fadeIn(3000);",2000); /*$("#footerLinks").hover( function() {$(".footer").fadeIn("slow")}, function() {$(".footer").fadeOut("slow")} );*/ function linkHover(hoverLink,image){ $(hoverLink).hover( function() { $(image).fadeIn("slow"); /* $(hoverLink).css("background","gray");*/ }, function() { $(image).fadeOut("slow"); /* $(hoverLink).css("background","black");*/ } ); }; linkHover("#cavesLink","#richardBanner"); linkHover("#caversLink","#timeMachine"); linkHover("#surveyBinderLink","#surveyHover"); linkHover("#troggle","#timeMachine"); /*dropdown (well, up actually) menu code from http://css-tricks.com/simple-jquery-dropdowns/*/ $("ul.dropdown li").hover( function(){ $(this).addClass("hover"); $('ul:first',this).css('visibility','visible') }, function(){ $(this).removeClass("hover"); $('ul:first',this).css('visibility', 'hidden'); }); $("ul.dropdown li ul li:has(ul)").find("a:first").append(" » "); /* end dropdown menu code */ });