Ajax tabs for my site

I am making a site where I want to add ajax tabs inside the main content area which when clicked should show aim, definition and other external pages inside it without page being refreshed I used some scripts on dynamic drive and other sites, they were not allowing me to embed images inside tabs for some reason.

Please help me find a code by which I can embed tabs inside the content area along with images and video inside the tabbed panes

here is the snap of the tabs which I am using right now.



code for tabs

 <div class="tabbed-pane">
	<ol class="tabs">
	<li><a href="#" class="active" id="pane1">Aim</a></li>
	<li><a href="#" id="pane2">Definition</a></li>
  	<li><a href="#" id="pane3">Setting Up Tray</a></li>
	<li><a href="#" id="pane4">Procedure</a></li>
	</ol>
	<div id="MyPane_container" class="tabbed-container">
	<div id="MyPane_overlay" class="overlay" style="display: none">
	<h3>Loading…</h3>
	</div>
	<div id="MyPane" class="pane"></div>
	</div>
	<p><script type="text/javascript">
	new TabbedPane('MyPane', 
		{
			'pane1': 'pages/steamaim.html',
			'pane2': 'pages/steamdefi.html',
			'pane3': 'pages/steamtray.html',
			'pane4': 'pages/steampro.html'
		},
		{
			onClick: function(e) {
				$('MyPane_overlay').show();
			},
			
			onSuccess: function(e) {
				$('MyPane_overlay').hide();
			}
		});
	</script>
	</div>

HTML:

Please help me My job is at stake

 

I suggest you using Spry Framework from Adobe

 

thanks for sharing....

 

WOW, great resource!

 

my purpose is very small thanks for framework webblab it doesnt do me any good I just want a small coding for tabs in ajax its damn frustrating here

 

Thanks for the link weblab, I've added a tabbed navigation on my forums (signature).

Thanks again!