I'm having an issue with some javascripts I've cribbed for use with a website I helped develop. The issue is that I've got some scripts that pull hours from a database and load them using javascript/ajax. It works fine with IE and FF 3.0.3, but I'm noticing on earlier versions of FF that the hours never load. I think it has something to do with a new javascript I added to the page that changes css based on tabs that are selected in what is called the "tridget" in the code. When I remove that js, the hours work again. But I really want that second bit of code working so I my tabs will be highlighted when selected. Any hints on how to fix this? The url is here, and I'm pasting in the code as well. Thanks!

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><!-- InstanceBegin template="/Templates/template2008.dwt.php" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

<!-- InstanceBeginEditable name="doctitle" --><title>Haverford College: Library : Music Library</title><!-- InstanceEndEditable -->

<link href="/styles/common.css" rel="stylesheet" type="text/css" />

<script type="text/javascript" src="/scripts/common.js"></script>
<!--[if lt IE 7]>
<link rel="stylesheet" href="/styles/ie6.css" type="text/css" />
<link rel="stylesheet" href="http://www.haverford.edu/library/libraryie6.css" type="text/css" />
<script type="text/javascript" src="/scripts/ie6.js"></script>
<![endif]-->

<link href="../library.css" rel="stylesheet" type="text/css" />
<!-- InstanceBeginEditable name="head" -->
    <script language="javascript" src="../tridget/iefix.js"></script> <!-- to find browser type and create is_ functions -->
<script language="javascript">
/*Based on design from Antonio Lupetti at http://woork.blogspot.com/2008/01/tabbed-search-bar-using-css-and.html */


function setselectedCSS(idElement){

/* Total Tabs above the input field */

tot_tab = 4;

/* just to remind you lol 

tab = document.getElementById('tab'+idElement);

search_option = document.getElementById('searchopt');*/

for(var i=1; i<=tot_tab; i++){

if(i==idElement){ //if the tab is selected.

if (is_ie5up) // if the browser is ie5 or up.

{

document.getElementById('tab'+i).setAttribute("className","selected tab"); // "selected tab" are the two CSS classes that the selected tab will belong to.

} else { // if the browser isn't IE.

document.getElementById('tab'+i).setAttribute("class","selected tab");

}

//document.getElementById('searchopt').value=i;

} else { //if the tab isn't selected.

if (is_ie5up) //if the browser is ie

{

document.getElementById('tab'+i).setAttribute("className","tab"); //non-selected tabs are only in the CSS class "tab"

} else { // if the browser isn't ie

document.getElementById('tab'+i).setAttribute("class","tab");

}

}

}

}

</script>
<style type="text/css">
div#box1{display:block;float:left;clear:right;width:200px;padding:5px 5px;margin:10px 5px;background:#465861;text-align:center;}
div#box1 a{color:#E7F3FA;}
div#box1 h3{color:#E7F3FA;}
div#box2{display:block;float:left;width:200px;padding:5px 5px;margin:5px 5px;background:#FAFAC2;text-align:center;margin-top:10px;}
div#box2 a{color:#112637;}
div#box3{display:block;float:left;width:200px;padding:5px 5px;margin:5px 5px;background:#7A7959;text-align:center;margin-top:10px;}
div#box3 a{color:#E7F3FA;}
div#box3 h3{color:#E7F3FA;}
/*div#box3 a{color:white;} old blue bg #AFA2AD */
div#fullwidthbottom{margin-left:5%;}
body{text-align: center;}
</style>
<!-- <script type="text/javascript" src="../includes/niftycube.js"></script>
<script type="text/javascript">
NiftyLoad=function(){
Nifty("div#box1,div#box2,div#box3");
}
</script> -->
<!-- InstanceEndEditable -->
<!--FOR TRIDGET-->

<link rel="stylesheet" type="text/css" href="../tridget/tridgetstyle.css" />


<!--FOR NIFTY CORNERS -->
<script type="text/javascript" src="../includes/niftycube.js"></script>

<script type="text/javascript">
NiftyLoad=function(){
Nifty("div.tab","large transparent top");
Nifty("div#box1,div#box2,div#box3");
}
</script>

<!--FOR TOGGLING TEXT-->
<script type="text/javascript">
function toggle(obj) {
var obj=document.getElementById(obj);
if (obj.style.display == "block") obj.style.display = "none";
else obj.style.display = "block";
}
</script>
</head>
<body>

<?php include ('/webdata/docroot/includes/template/accessibility.php'); ?>

<!--FOR HOURS-->
<script type="text/javascript" src="../calendartest/ajax2.js"></script>

<script type="text/javascript"> //Javascript to get today's hours.


function sendData() {
        var url = "http://www.haverford.edu/library/includes/calinfo.php";
        httpRequest("POST", url, true);
}


function dumpIt(elm, text){
                                var bs = document.getElementById(elm);
                                if(bs){bs.innerHTML = text;}
                                }


function handleResponse() {


        if (request.readyState == 4) {
                if(request.status == 200) {
                        var resp = request.responseText;
                        var respObj = eval('(' + request.responseText + ')');


                        dumpIt("magillhours", respObj.magillhours);
                        dumpIt("unionhours", respObj.unionhours);
                        dumpIt("speccollhours", respObj.speccollhours);
                        dumpIt("sciencehours", respObj.sciencehours);


                } else {
                        alert("Your browser does not have javascript enabled.  Please go to http://www.haverford.edu/library/hours.php to see the library's hours.");
                }
        }
}
var foo = sendData();


</script>


<div id="containerspc"><!--[if lt IE 7]><script type="text/javascript">ie6Resize();</script><![endif]-->
	<div id="top">
		<div id="searchbar_background"></div>
		<div id="searchbar">
			<div id="userauth"></div>
			<?php include ('/webdata/docroot/includes/template/searchform.php'); ?>
		</div> 
		<div id="title"><a href="/"><img src="http://alt.haverford.edu/images/logo/textonly.png" alt="Haverford College" class="png"/></a></div>
			 <div id="navbar_background"> </div>
		<div id="navbar">
<?php include_once('../newsite/includes/class.breadcrumb.inc.php');
$breadcrumb = new breadcrumb;
$breadcrumb->homepage='';
$breadcrumb->unlinkCurrentDir=FALSE;
if ($breadcrumb->fileName=='index.php') $breadcrumb->showfile = FALSE;
else $breadcrumb->hideFileExt = TRUE;
$breadcrumb->linkFile=FALSE;
$breadcrumb->changeName=array('library'=>'Library Home');
$breadcrumb->dirformat='titlecase'; // Show the directory in this style
$breadcrumb->_toSpace=TRUE; // converts underscores to spaces
echo "<div id=\"breadcrumb\">".$breadcrumb->show_breadcrumb()."</div>";
?>

		<div id="quickaccess"><a href="/quickaccess/">Quick Access</a></div>
	   </div>
	   </div> <!-- end of top div --> 

	<div id="main">
		
    
  <div id="sidebar"> 
    <div id="navigation"> 
      <?php include ('../includes/menu.php'); ?>
    </div>
    <!-- end of navigation div -->
  </div>
    <!-- end of sidebar div -->
	
  <div id="content"> 
    <div id="pagecontent"><!-- InstanceBeginEditable name="pagecontent" -->
    
    <div id="narrowlefttop"> 
               <h3 align="left">Music Librarian</h3>
        <p style="margin:1px"><a href="mailto:moswell@haverford.edu">Michelle Oswell</a>, Humanities Librarian for Music and Literature<br />
          <span class="explanation"><b>Phone</b>: 610-896-1169<br /></span></p>
         <table><tr><td class="explanation" style="padding:0px"><b>Office Hours</b>:</td><td class="explanation" style="padding:0px"><ul style="list-style-type:none"><li>Mondays: 2-4</li>
         <li>Wednesdays: 2-3:30</li>
           <li>Thursdays: 11-12:30</li></ul></td></tr></table>
			<?php //get the date
			$d= date("d");     // Finds today's date
			$l= date("l");     // Finds today's day
			$f= date("F");		//Finds today's month
			echo "<h3 align=\"left\">Hours for ".$l.", ".$f." ".$d."<br />(<a href=\"../hours.php#union\" class=\"explanation\">full schedule</a>)</h3>";
			?>

        <table width="100%" class="hourstext" id="hours">
        <tr> 
            <td width="40%"><b>Music Library</b><br />
              Union 001<br />
              610-896-1005</td>
            <td width="60%"><div id="unionhours"></div></td>
          </tr>
          </table>
          <br />
         </div>
          <div id="widerighttop">
     <div id="iframecontainer">
    <div id="tab">
<div id="tab1" class="selected tab" onclick="javascript:setselectedCSS(1);"><p><a href="../tridget/tab1music.html" target="tridget">Tripod</a></p></div>
<div id="tab2" class="tab" onclick="javascript:setselectedCSS(2);"><p><a href="../tridget/tab2.php" target="tridget">Subjects</a></p></div>
<div id="tab3" class="tab" onclick="javascript:setselectedCSS(3);"><p><a href="../tridget/tab3.html" target="tridget">Journals</a></p></div>
<div id="tab4" class="tab" onclick="javascript:setselectedCSS(4);"><p><a href="../tridget/tab4.html" target="tridget">Articles</a></p></div>
</div>
<!--  Adjust the height and the width of the iframe below to suit your needs.  For height, remember to subtract the height of your tabs, as these are outside the iframe, but still part of your available space.  -->
<iframe name="tridget" src="../tridget/tab1music.html" frameborder="0" align="middle" height="150" width="380" scrolling="auto"></iframe>
</div><br />
  <!-- end of iframecontainer div -->
 <div id="homerightinnerdiv1"> 
          <p align="left"><a href="http://tripod.brynmawr.edu/patroninfo/">Log 
            in to your library account</a><br />
            <span class="explanation">renew books, save searches, etc.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></p>
            <p align="left"><a href="http://www.haverford.edu/music/">Music Department</a></p>
            </div><!-- end of homerightinnerdiv1 -->
             <div id="homerightinnerdiv2"> 
         <p><a href="http://tripod.brynmawr.edu/screens/interloan.html">Interlibrary 
            Loan</a><br />
            <span class="explanation">getting items from other libraries</span></p>
            <p align="left"><a href="http://www.swarthmore.edu/underhill.xml">Underhill Music Library (Swarthmore)</a></p>
            </div><!-- end of homerightinnerdiv2 -->
</div><!-- end of widerighttop div -->
<div id="fullwidthbottom" style="width:700px;margin-right:auto;margin-left:auto">
<div id="box1">
<?php
      // include lastRSS
      include "../includes/lastRSS3.php";

// Create lastRSS object
$rss = new lastRSS3;

// Set cache dir and cache time limit (1200 seconds)
// (don't forget to chmod cahce dir to 777 to allow writing)
$rss->cache_dir = '777';
$rss->cache_time = 1200;

// Try to load and parse RSS file
if ($rs = $rss->get('http://www.playbillarts.com/syndication/news.rss')) {
   // Show last published articles (title, link, date, description)
        echo "<h3 align=\"center\">News from Playbillarts.com</h3><br />";
		foreach($rs['items'] as $item) {
	    	   $numwords = 30; preg_match("/([\S]+\s*){0,$numwords}/", $item['description'], $regs); 
		   $shortdesc = trim($regs[0]);
	       	echo "<p><a href=\"$item[link]\">".$item['title']."</a></p>";
	       }

}
else {
    echo "Error: It's not possible to reach RSS file...\n";
}
?>
</div>
<div id="box2">
<h3>Online Music</h3><br />
<p><a href="http://tripod.brynmawr.edu/search~/?searchtype=X&searcharg=%22variations+digital+music+library%22&SORT=D&searchscope=10&search.x=47&search.y=15&search=search">Variations Digital Music Library</a></p>
<p><a href="http://haverford.naxosmusiclibrary.com/">Naxos Music Library</a></p>
<p><a href="http://haverford.naxosmusiclibrary.com/Jazz">Naxos Jazz</a></p>
<p><a href="http://haverford.classical.com/">Smithsonian Global Sound</a></p>
<p><a href="http://www.dramonline.org/">Database of Recorded American Music</a></p>
</div>
<div id="box3">
<h3>Other Useful Resources</h3><br />
<p><a href="http://www.oxfordmusiconline.com/subscriber/">Grove Online</a></p>
<p><a href="http://tripod.brynmawr.edu/record=b3200822">RILM Abstracts</a></p>
<p><a href="http://tripod.brynmawr.edu/record=b2412770">IIMP</a></p>
<p><a href="http://trilogy.brynmawr.edu/guides/journals/Music/">Important Music Journals</a></p>
<p><a href="http://trilogy.brynmawr.edu/cgi-bin/newbooks/newbook.pl?subject=Music&media=All&location=All&days=32&sort=Title&output=html&submit=submit">New Music Materials</a></p>
<p><a href="http://musicdownloads.alexanderstreet.com/promo/">Classical Music Library Free Download of the Week</a></p>
<p><a href="http://www.music.indiana.edu/music_resources/">Worldwide Internet Music Resources (Indiana University)</a></p>
<p><a href="http://www.artsjournal.com/">ArtsJournal: Daily Arts News</a></p>
<p><a href="request.php">Music Library Purchase Request</a></p>
</div>
</div><!-- end of fullwidthbottom div -->
		  <!-- InstanceEndEditable -->    </div>
      <!-- end of pagecontent div -->
    </div>
    <!-- end of content div -->
  </div>
  <!-- end of main div -->
	<?php include ('/webdata/docroot/includes/template/footer.php'); ?>

</div> <!--end of containerspc div -->
</body>
<!-- InstanceEnd --></html>