var content = new Array(); var current = ""; $(document).ready(function(){ content['default'] = $("#tab_content").html(); // set mouse events $("#tabs li").click(function(){ // what tab am i on? switch(this.id){ case "tab_browse": var tab="browse"; break; case "tab_search": var tab="search"; break; default: var tab="default"; break; } if(current != tab){ // handle rollover graphics $(this).addClass("on"); $("#tabs li").not(this).removeClass("on"); // erase current content and show default content ("loading" message) $("#tab_content").html(content['default']); // handle content if(content[tab] == undefined){ // first time loading this content $.post('/modules/form_'+tab+'.htm', function(result){ loadedContentProcess(tab,result); }); }else{ // content has been loaded already loadedContentProcess(tab,content[tab]); } current = tab; } }); // simulate rollover on default tab $("#tabs li#tab_search").click(); }); function loadedContentProcess(tab,result){ content[tab] = result; $("#tab_content").hide().html(content[tab]).fadeIn("slow"); switch(tab){ case "browse": $("#browseform select").change(function(){ if(this.selectedIndex != 0){ window.location=this.options[this.selectedIndex].value; } }); } }