1) Script Title: FF1+ IE5+ Opr8+ Ajax Tabs Content script

2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...axtabscontent/

3) Describe problem: I have Ajax tabs on one page with 5 tabs. each opening a dynamic ASP page. in two pages I have bunch of thumbnails those use thickbox to load larger photos.

The followingis the code:

Code:
	<script type="text/javascript" src="common/js/jquery.js"></script>
	<script type="text/javascript" src="common/js/interface.js"></script>
	<script type="text/javascript" src="common/js/thickbox.js"></script>
	<link rel="stylesheet" href="css/thickbox.css" type="text/css" media="screen" />

<link rel="stylesheet" type="text/css" href="ajaxtabs/ajaxtabs.css" />
<script type="text/javascript" src="ajaxtabs/ajaxtabs.js"></script>





<ul id="maintab" class="shadetabs">
<li class="selected"><a href="#default" rel="ajaxcontentarea">Intro</a></li>
<li><a href="so_photos.asp?offer=<%=request("offer")%>" rel="ajaxcontentarea" rev="common/js/jquery.js, common/js/interface.js, common/js/thickbox.js, css/thickbox.css">Images</a></li>
<li><a href="so_maps.asp?offer=<%=request("offer")%>" rel="ajaxcontentarea" rev="common/js/jquery.js, common/js/interface.js, common/js/thickbox.js, css/thickbox.css">Maps</a></li>
<li><a href="so_hotel.asp?offer=<%=request("offer")%>" rel="ajaxcontentarea">Accomodation</a></li>
<li><a href="external4.htm" rel="ajaxcontentarea">Sea Otter</a></li>
</ul>

<div id="ajaxcontentarea" class="contentstyle">

<p><h1><%=rsOFFER("O_NAME")%></h1>               	
<p><%=rsOFFER("O_DETAIL")%></p><br></p>
<p><b><a href="javascript: expandtab('maintab', 2)">Select 3rd tab of "maintab"</a></b></p>
</div>

<script type="text/javascript">
//Start Ajax tabs script for UL with id="maintab" Separate multiple ids each with a comma.
startajaxtabs("maintab")
</script>

the following is the code for the so_photos.asp

Code:
<head>
	<script type="text/javascript" src="common/js/jquery.js"></script>
	<script type="text/javascript" src="common/js/interface.js"></script>
	<script type="text/javascript" src="common/js/thickbox.js"></script>
	<link rel="stylesheet" href="css/thickbox.css" type="text/css" media="screen" />
		

</head>



<h3>
Photos of the Hotel
<%TheTitle = "Mercure Accor Hotel"%>


<font size=1><span lang="tr">&nbsp; </span>Click individual photos to enlarge</font></h3>
<%for i = 1 to 30%>
	<a href="images/SO/<%=request("offer")%>/<%=i%>.jpg" class="thickbox" rel="Group1" title="<%=Thetitle%>" target="_blank"><img border="0" src="images/SO/<%=request("offer")%>/thumb/<%=i%>.jpg" /></a>
<%next%>

My problem is thickbox on the tab sometimes work and many times doesnt work. I just couldnt figure out why it wont work.