SPI Design

// JQUERY to manage menu dropdown/accordion etc behaviour. // perform rollover for logo ... this could and should be generalized or else put inline /*function onAfter() { var newsource = $(this).attr('src'); newsource = newsource.replace(_med) $('#larger').attr("href", $(this).attr('src')); }*/ function img_popup(img) { var Popup = window.open("", "_blank", "toolbar=0,resize=1,status=0,menubar=0,scrollbars=1,width=800,height=800"); Popup.document.open(); Popup.document.write("SPI Design"); Popup.document.write('

'); Popup.document.write("

"); Popup.document.write("

"); Popup.document.write(""); Popup.document.close(); } $(document).ready( function() { // hide canyon ranch entry temporarily //$("ul#menu >li:eq(1)> ul >li:eq(2)").hide(); // perform logo rollover (would be better if this were a class for all rollovers $("#logo img").hover( function() { var source = $(this).attr("src"); source = source.replace("logo.gif", "logo2.gif"); $(this).attr("src", source); }, function() { var source = $(this).attr("src"); source = source.replace("logo2.gif", "logo.gif"); $(this).attr("src", source); }); // different sized popups $('.modalopen').click(function(){ img_popup(this.href); return false; }); $('a.popup').click(function(){ window.open(this.href, '_blank', 'scrollbars=yes,resizable=yes,width=600,height=400'); return false; }); $('a.popupSmall').click(function(){ window.open(this.href, '_blank', 'scrollbars=yes,resizable=yes,width=400,height=280'); return false; }); $('a.popupVideo').click(function(){ window.open(this.href, '_blank', 'scrollbars=yes,resizable=yes,width=650,height=500'); return false; }); // modal box open and close // #modalbox is containing div, content goes into #modalcontent // closing link is .modalclose , open is .modalopen /*$('.modalopen').click(function(){ var imglink = $(this).attr('href'); $('#modalbox #modalcontent').html('

'); $('#modalbox').fadeIn(); return false; }); $('.modalclose').click(function(){ $('#modalbox').fadeOut(); });*/ })