<?xml version="1.0" encoding="UTF-8"?>
<html>
<head>

	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<link rel="stylesheet" href="_web.css" type="text/css" media="screen" />
	<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
	<script type="text/javascript" src="mootools-1.2-core.js"></script>
	<script type="text/javascript" src="_class.noobSlide.packed.js"></script>
	<script type="text/javascript">
	window.addEvent('domready',function(){

		var info6 = $('box1').getNext().set('opacity',0.5);
		var nS6 = new noobSlide({
			mode: 'vertical',
			box: $('box1'),
			items: [1,2,3,4,5,6,7,8],
			size: 320,
			handles: $$('#handles6_1 div').extend($$('#handles6_2 div')),
			handle_event: 'mouseenter',
			autoPlay: true ,
			
			fxOptions: {
				duration: 1000,
				transition: Fx.Transitions.Back.easeOut,
				wait: false
			},
			onWalk: function(currentItem,currentHandle){
				
				
				this.handles.set('opacity',0.3);
				currentHandle.set('opacity',1);
			}
		});
	
		nS6.next();
		
		
	});
	</script>
</head>
<body style="background-image:url(38.gif)">
<div id="cont">


<div class="sample1">
	<div class="thumbs" id="handles6_1">
		<div><img src="img1.jpg" alt="Photo Thumb" width="100" height="75"/></div>
		<div><img src="img2.jpg" alt="Photo Thumb" /></div>
		<div><img src="img3.jpg" alt="Photo Thumb" /></div>
		<div><img src="img4.jpg" alt="Photo Thumb" /></div>
	</div>
	<div class="mask1">
		<div id="box1">
			<span><img src="img1.jpg" alt="Photo" width="700" height="320"/></span>
			<span><img src="img2.jpg" alt="Photo" width="700" height="320"/></span>
			<span><img src="img3.jpg" alt="Photo" width="700" height="320"/></span>
			<span><img src="img4.jpg" alt="Photo" width="700" height="320"/></span>
			<span><img src="img5.jpg" alt="Photo" width="700" height="320"/></span>
			<span><img src="img6.jpg" alt="Photo" width="700" height="320"/></span>
			<span><img src="img7.jpg" alt="Photo" width="700" height="320" /></span>
			<span><img src="img8.jpg" alt="Photo" width="700" height="320" /></span>
		</div>
		<div class="info"></div>
	</div>
	<div class="thumbs" id="handles6_2">
		<div><img src="img5.jpg" alt="Photo Thumb" /></div>
		<div><img src="img6.jpg" alt="Photo Thumb" /></div>
		<div><img src="img7.jpg" alt="Photo Thumb" /></div>
		<div><img src="img8.jpg" alt="Photo Thumb" /></div>
	</div>
	
</div>


</div>
</body>
</html>