<div id="huandeng_page">
		<div id="flowtabs_page" class="tabs_page">
				<a href="#" id="tabs1" class="current"></a>
				<a href="#" id="tabs2"></a>
				<a href="#" id="tabs3"></a>
		</div>
		<div id="flowpanes_page" class="scrollable_page">
			<div class="items">
				<?php for($i=1;$i<=3;$i++):?>
				<div class="huandeng_list">
					<h2 class="page2_title"><?php echo get_post_meta(get_the_ID(),'_web589-page-title-1-'.$i,true); ?></h2>
					<ol class="page2_list">
					<?php query_posts(array('cat'=>get_post_meta(get_the_ID(),'_web589-page-cat-1-'.$i,true),'posts_per_page'=>3));?>	
						<?php while(have_posts()): the_post();?>
						<li>
							<h2 class="biaoti"><a href="<?php the_permalink();?>" title="<?php echo esc_attr(get_the_title()); ?>"><?php the_title();?></a></h2>
							<div class="zhaiyao"><a href="<?php the_permalink();?>" title="<?php echo esc_attr(web589_get_the_excerpt(80)); ?>" target="_blank"><?php echo web589_get_the_excerpt(80); ?>
</a></div>
						</li>
					<?php endwhile;wp_reset_query();?>	
					</ol>
				</div>
				<?php endfor;?>
			</div>
		</div>
	</div>
<SCRIPT>
jQuery(function() {
	jQuery("#flowpanes_page").scrollable({ circular: true, mousewheel: true, vertical: true }).navigator({
		navi: "#flowtabs_page",
		naviItem: 'a',
		activeClass: 'current',
		history: true
	});
});
</SCRIPT>