<script type="text/javascript">

stepcarousel.setup({
	galleryid: 'mygallery',
	beltclass: 'belt',
	panelclass: 'panel',
	autostep: {enable:true, moveby:1, pause:5000},
	panelbehavior: {speed:500, wraparound:true, wrapbehavior:'slide', persist:true},
	defaultbuttons: {enable: false, moveby: 1, leftnav: ['http://i34.tinypic.com/317e0s5.gif', -5, 80], rightnav: ['http://i38.tinypic.com/33o7di8.gif', -20, 80]},
	statusvars: ['statusA', 'statusB', 'statusC'],
	contenttype: ['inline'] 
})

</script>

<div id="mygallery" class="stepcarousel">
<div class="belt">


<?php 
	$slideNum = get_option('itbl_slideshow_num');
	$my_query = new WP_Query("showposts=$slideNum&meta_key=slideshow_info");
	while ($my_query->have_posts()) : $my_query->the_post();
	
?>
 		<div class="panel">
			<div class="panel-slide">
            <div>
				<h2 class="title-slide"><a class="cras-link" href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>"><?php echo $post->post_title; ?></a></h2>
			</div>
			<div class="clear"></div>

				 <p><?php the_excerpt() ?></p>
                 <p class="panel-link"><a href="<?php the_permalink() ?>" >ادامه مطلب</a></p>

		</div>   	
        </div>
 	
	<?php endwhile; ?>


<div class="clear"></div>  
	
</div>
</div>

