Hey,
I am using an RSS scroller to show recent news feeds



I am also using Ajax to change the content from page to page, but instead of using ajax to load the external page for the 'news page' (the image above is the home page) I've had to use a show/hide DIV tool as it refused to load the javascript from the external page. All is working fine apart from text overlay.

This is the news page:


Code:
<script language=javascript type='text/javascript'> 
function hidediv(pass) { 
var divs = document.getElementsByTagName('div'); 
for(i=0;i<divs.length;i++){ 
if(divs[i].id.match(pass)){//if they are 'see' divs 
if (document.getElementById) // DOM3 = IE5, NS6 
divs[i].style.display="none";// show/hide 
else 
if (document.layers) // Netscape 4 
document.layers[divs[i]].display = 'none'; 
else // IE 4 
document.all.hideshow.divs[i].display = 'none'; 
} 
} 
}

function showdiv(pass) { 
var divs = document.getElementsByTagName('div'); 
for(i=0;i<divs.length;i++){ 
if(divs[i].id.match(pass)){ 
if (document.getElementById)
divs[i].style.display="block";
else
if (document.layers) // Netscape 4 
document.layers[divs[i]].display = 'block'; 
else // IE 4 
document.all.hideshow.divs[i].display = 'block'; 

} 
} 
} 



</script>






<html xmlns="http://www.w3.org/1999/xhtml">
</head>
<body onload="show_clock()">
<div id="wrapper">
	<div id="header">
		<a href="#" rel="nofollow" target="_parent">Planet Volume</a>
	</div>
	<div id="menu">
		<ul>
			<li><a href="#" onclick="javascript:showdiv('newsbox'); javascript:hidediv('newspage'); ajax_loadContent('news3','external/home.html');return false">Home</a></li>
			<li><a href="#" onclick="javascript:hidediv('newsbox'); javascript:showdiv('newspage'); ajax_loadContent('news3','external/news.html');return false">News</a></li>
			<li><a href="#" onclick="javascript:hidediv('newsbox'); javascript:hidediv('newspage'); ajax_loadContent('news3','external/request.html');return false">Request</a></li>
			<li><a href="#" onclick="javascript:hidediv('newsbox'); javascript:hidediv('newspage'); ajax_loadContent('news3','external/contact.html');return false">Contact</a></li>
			<li><a href="#" onclick="javascript:hidediv('newsbox'); javascript:hidediv('newspage'); ajax_loadContent('news3','external/tunein.html');return false">Tune in</a></li>		
			<li><a class="last"><script language="javascript" src="javascript/liveclock.js"></script></a></li>
		</ul>
	</div>
	<div id="main">
		<div id="content">
			<div class="content_box">
				<div id="mainContainer">
					<div class="news" id="news3">
						Loading news. please wait...
					</div>
				</div>
				<script type="text/javascript">
					ajax_loadContent('news3','external/home.html');
				</script>
			</div>
			<div id="newspage" style="display: none; visibility: visible;">
				<table width="600" style="">
				<tr>
					<td>
						<h5>Celebrity Gossip</h5>
						<script type="text/javascript">				
						
		var cssfeed=new gfeedpausescroller("celeb-rss", "celeb-rss", 3000, "_new")
		cssfeed.addFeed("Celebrity", "http://news.feedzilla.com/uk/headlines/celebrities/top-stories.rss") //Specify "label" plus URL to RSS feed
		cssfeed.displayoptions("date") //show the specified additional fields
		cssfeed.setentrycontainer("div") //Wrap each entry with a DIV tag
		cssfeed.filterfeed(10, "date") //Show 10 entries, sort by date
		cssfeed.entries_per_page(4)
		cssfeed.init()
		</script>
					</td>
					<td>
						<h5>Music News</h5>
						<script type="text/javascript">
		var cssfeed=new gfeedpausescroller("music-rss", "music-rss", 3000, "_new")
		cssfeed.addFeed("Music", "http://news.feedzilla.com/uk/headlines/music/top-stories.rss") //Specify "label" plus URL to RSS feed
		cssfeed.displayoptions("date") //show the specified additional fields
		cssfeed.setentrycontainer("div") //Wrap each entry with a DIV tag
		cssfeed.filterfeed(10, "date") //Show 10 entries, sort by date
		cssfeed.entries_per_page(4)
		cssfeed.init()
		</script>
					</td>
				</tr>
				<tr>
					<td>
						<h5>Movies Reviews</h5>
						<script type="text/javascript">
		var cssfeed=new gfeedpausescroller("movies-rss", "movies-rss", 3000, "_new")
		cssfeed.addFeed("Movies", "http://news.feedzilla.com/uk/headlines/entertainment/movies-reviews.rss") //Specify "label" plus URL to RSS feed
		cssfeed.displayoptions("date") //show the specified additional fields
		cssfeed.setentrycontainer("div") //Wrap each entry with a DIV tag
		cssfeed.filterfeed(10, "date") //Show 10 entries, sort by date
		cssfeed.entries_per_page(4)
		cssfeed.init()
		</script>
					</td>
					<td>
						<h5>Technology</h5>
						<script type="text/javascript">
		var cssfeed=new gfeedpausescroller("tech-rss", "tech-rss", 3000, "_new")
		cssfeed.addFeed("Technology", "http://news.feedzilla.com/en_us/headlines/technology/top-stories.rss") //Specify "label" plus URL to RSS feed
		cssfeed.displayoptions("date") //show the specified additional fields
		cssfeed.setentrycontainer("div") //Wrap each entry with a DIV tag
		cssfeed.filterfeed(10, "date") //Show 10 entries, sort by date
		cssfeed.entries_per_page(4)
		cssfeed.init()
		</script>
					</td>
				</tr>
				</table>
			</div>
			<div id="newsbox" class="newsclass" style="visibility: visible; position: absolute;">
				<h2>Latest News</h2>
				<h5>Celebrity Gossip</h5>
				<script type="text/javascript">
		var cssfeed=new gfeedpausescroller("home-celeb-rss", "home-celeb-rss", 4000, "_new")
		cssfeed.addFeed("Celebrity", "http://news.feedzilla.com/uk/headlines/celebrities/top-stories.rss") //Specify "label" plus URL to RSS feed
		cssfeed.displayoptions("date") //show the specified additional fields
		cssfeed.setentrycontainer("div") //Wrap each entry with a DIV tag
		cssfeed.filterfeed(10, "date") //Show 10 entries, sort by date
		cssfeed.entries_per_page(3)
		cssfeed.init()
		</script>
				<div class="clear h40">
				</div>
				<h5>Music News</h5>
				<script type="text/javascript">
		var cssfeed=new gfeedpausescroller("home-music-rss", "home-music-rss", 4000, "_new")
		cssfeed.addFeed("Music", "http://news.feedzilla.com/uk/headlines/music/top-stories.rss") //Specify "label" plus URL to RSS feed
		cssfeed.displayoptions("date") //show the specified additional fields
		cssfeed.setentrycontainer("div") //Wrap each entry with a DIV tag
		cssfeed.filterfeed(10, "date") //Show 10 entries, sort by date
		cssfeed.entries_per_page(3)
		cssfeed.init()
		</script>
				<a href="#" class="float_r" onclick="javascript:hidediv('newsbox'); javascript:showdiv('newspage'); ajax_loadContent('news3','external/news.html');return false">More news...</a>
			</div>
		</div>
		<!-- end of content -->
This problem only happens for a few seconds, then it scrolls and the news looks fine. It gets very annoying. If you could help me with this dilema I will be very great full!

Thanks alot.