How can set this to slideshow ?

Code: Select all

<?php echo $header; ?>
<link href="catalog/view/theme/OPC030061/stylesheet/gabacordion.css" rel="stylesheet" type="text/css" />

<div class="bodyCont" style="z-index: 9620;">
	<div class="cBox" style="z-index: 9610;">
		<div id="trustful" style="z-index: 9580;">
			<h2 class="acc_trigger active">
				<a href="#">זולים במיוחד</a></h2>
			<div class="acc_container" style="display: block; z-index: 9570;">
				<div class="cBox" style="z-index: 9560;">
					<div style="z-index: 9550;">fds  .</div>
				</div>
			</div>
			<h2 class="acc_trigger">
				<a href="#">אלפי מוצרים</a></h2>
			<div class="acc_container" style="display: none; z-index: 9540;">
				<div class="cBox" style="z-index: 9530;">
					<div style="z-index: 9520;">
						dfs.</div>
				</div>
			</div>
			<h2 class="acc_trigger">
				<a href="#">תשלומים</a></h2>
			<div class="acc_container" style="display: none; z-index: 9510;">
				<div class="cBox" style="z-index: 9500;">
					<div style="z-index: 9490;">
						fds</div>
				</div>
			</div>
			<h2 class="acc_trigger">
				<a href="#">dddddddddd</a></h2>
			<div class="acc_container" style="display: none; z-index: 9480;">
				<div class="cBox" style="z-index: 9470;">
					<div style="z-index: 9460;">dddddd.</div>
				</div>
			</div>
		</div>
		[b]<img alt="banner" height="295" src="image/data/mainbanner.jpg[/b]" width="715" /></div>
	<script>
	//banner
	if ($('#banner ul li').length>0){
		setTimeout(function(){$('#banner').removeClass('load').infiniteCarousel()}, 500);		
	}
	$('.acc_container').hide(); //Hide/close all containers
	$('.acc_trigger:first').addClass('active').next().show(); //Add "active" class to first trigger, then show/open the immediate next container
	$('.acc_trigger').click(function(){
		if( $(this).next().is(':hidden') ) { //If immediate next container is closed...
			$('.acc_trigger').removeClass('active').next().slideUp(); //Remove all .acc_trigger classes and slide up the immediate next container
			$(this).toggleClass('active').next().slideDown(); //Add .acc_trigger class to clicked trigger and slide down the immediate next container
		}
		return false; //Prevent the browser jump to the link anchor
	});
</script></div>
<?php echo $column_left; ?><?php echo $column_right; ?>
<div id="content"><?php echo $content_top; ?>
<h1 style="display: none;"><?php echo $heading_title; ?></h1>
<?php echo $content_bottom; ?></div>
<?php echo $footer; ?>