$(document).ready(function(){
$(".paging").show()
$(".paging a:first").addClass("active")
var imageWidth=$(".window").width()
var imageSum=$(".image_reel img").size()
var imageReelWidth=imageWidth*imageSum
$(".image_reel").css({'width' : imageReelWidth})
rotate=function(){
var triggerID=$active.attr("rel")-1
var image_reelPosition=triggerID*imageWidth
$(".paging a").removeClass('active')
$active.addClass('active')
$(".image_reel").fadeOut(1000)
$(".image_reel").animate({left:-image_reelPosition},150)
$(".image_reel").fadeIn(1000)}
rotateSwitch=function(){
play=setInterval(function(){
$active=$('.paging a.active').next()
if($active.length===0){
$active=$('.paging a:first')}
rotate()
},9000)}
rotateSwitch()
$(".image_reel a").hover(function(){
clearInterval(play)
},function(){
rotateSwitch()
})
$(".paging a").click(function(){
$active=$(this)
clearInterval(play)
rotate()
rotateSwitch()
return false
})
})