<meta http-equiv='Content-Type' content='text/html; charset=UTF-8' />

<script type="text/javascript">
<!--
Function.prototype.bind = function() {	var _$=this,args =[],object=null;	for(var i=0,len=arguments.length;i<len;i++) args[i]=arguments[i];object = args.shift();return  function(){return _$.apply(object, args);}}
Function.prototype.bindForEvent=function(obj) {var _$=this;return function(e){var body=document.body||document.documentElement;var hEvent=(e||window.event);hEvent['element']=hEvent.target||hEvent.srcElement;hEvent['cX']=hEvent.pageX||(hEvent.clientX+(body.scrollLeft-body.clientLeft));hEvent['cY']=hEvent.pageY||hEvent.clientY+body.scrollTop-body.clientTop;return _$.call(obj, hEvent);}}

//-->
</script>
<script language="javascript" type="text/javascript" src="xwz.verticalstrip.js" charset="UTF-8"></script>
<div style="width:200px">
자동
<div id="id_div_frame1" style="background-color:#EEEEEA;"></div>
수동 -.-ㅋ
<div id="id_div_frame2" style="background-color:#F2F2F2;"></div>
</div>
<script type="text/javascript">
<!--
function init(){
var xvs1=new xwzVerticalStrip('id_div_frame1');
var xvs2=new xwzVerticalStrip('id_div_frame2');

xvs1.add('images/300.jpg','verticalstrip.html', 'images/vs_titlie1.png', 'images/vs_titlie1ov.png');
xvs1.add('images/301.jpg','verticalstrip.html', 'images/vs_titlie2.png', 'images/vs_titlie2ov.png');
xvs1.add('images/302.jpg','verticalstrip.html', 'images/vs_titlie3.png', 'images/vs_titlie3ov.png');
xvs1.add('images/303.jpg','verticalstrip.html', 'images/vs_titlie4.png', 'images/vs_titlie4ov.png');

xvs2.add('images/304.jpg','verticalstrip.html', 'images/vs_titlie5.png', 'images/vs_titlie5ov.png');
xvs2.add('images/305.jpg','verticalstrip.html', 'images/vs_titlie6.png', 'images/vs_titlie6ov.png');
xvs2.add('images/306.jpg','verticalstrip.html', 'images/vs_titlie7.png', 'images/vs_titlie7ov.png');
xvs1.setPeriod(20);
xvs2.setPeriod(10);
xvs1.apply(1);
xvs2.apply()
}
window.onload=init;
//-->
</script>