#wrapper {width:97%;overflow:hidden;margin:5px 20px 5px 10px;background:#fff;}
#slider {float:left; position:relative;margin-left:15px;-moz-border-radius:6px 6px; overflow:auto; width:590px; height:200px;}
#slider ul {position:absolute; list-style:none; top:0; left:0}
#slider li {float:left; width:590px; height:200px; padding-right:10px}
 
.pagination {float:left; list-style:none; height:25px; margin:15px 0 0 32px}
.pagination li {float:left; cursor:pointer; padding:2px 7px;height:25px;  color:#222}
.pagination li:hover { color:#000;}
.pagination li.current {background:#555 }
#contents {width:566px; height:170px; padding:15px 28px 15px 18px;line-height:18px;font-size:15px;}
#contents p{padding:0 6px;color:#888;}
#contents p a.more-read{color:#9cf;}
#contents p a.more-read:hover{color:#0ce;}
#contents h2 {font:22px Georgia,Verdana; margin-bottom:11px; color:#fff}

<div id="wrapper">
 
		<div id="slider">
			<ul>
				<li id="contents">Title 1</li>
				<li>Title 2</li>
				<li>Title 3</li>
				<li>Title 4</li>	
			</ul>
		</div>
 
	<ul id="pagination" class="pagination">
		<li onclick="slideshow.pos(0)">1</li>
		<li onclick="slideshow.pos(1)">2</li>
		<li onclick="slideshow.pos(2)">3</li>
		<li onclick="slideshow.pos(3)">4</li>
	</ul>
</div>
<script type="text/javascript">
var slideshow=new TINY.slider.slide('slideshow',{
	id:'slider', //slideshow div的 ID 
	auto:3,// 自动切换的时间
	resume:true, // 被打断后自动恢复，默认为false
	vertical:false,// 方向，默认为false
	navid:'pagination',// Optional ID ，就是1，2，3，4的选项卡
	activeclass:'current',// 当前的LI
	position:0 // 起始位置，默认为0
});
</script>

<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/packed.js"></script>