var s_slideMax = 0;
var s_itemHeight = 21;
var s_tabHeight = 16;
var s_itemMargin = 4 + 4;
var s_nowNo = 1;
var s_openPoint ='0';
var s_closePoint = '';
var s_target = '#eyecatch .slide';
var s_controller = '.controller';
var s_pages = '.pages';
var s_menuOpen = false;
var s_moveFlg = true;
var s_moveSpeed = 'fast';
var s_rooloutID;
var s_intervalID;
var s_loopTime = 7000;

$(document).ready(function(){
	s_slideMax = $('#eyecatch ol.pages li').size();
	s_closePoint = '-' + (s_slideMax * s_itemHeight + s_itemMargin - 4) + 'px';
	
	//init
	s_target = $(''+s_target);
	s_controller = $(''+s_controller,s_target);
	s_pages = $(''+s_pages,s_target);
	
	$('li.page1',s_pages).css('background-position','0 bottom');
	$(s_controller).height(s_slideMax * s_itemHeight + s_tabHeight + s_itemMargin-1);
	$(s_controller).delay('500').animate({
		'bottom':s_closePoint
	},s_moveSpeed,function(){
		$('.tab a',s_controller).removeClass('open');
		s_moveFlg = false;
		loopSlide();
	});
	
	/* controller */
	//tab
	$('.tab a',s_controller).click(function(){
		if(!s_moveFlg){
			clearTimeout(s_intervalID);
			s_moveFlg = true;
			var point = s_openPoint;
			var flg = true;
			$('.tab a',s_controller).addClass('open');
			
			if(s_menuOpen){
				point = s_closePoint;
				flg = false;
				$('.tab a',s_controller).removeClass('open');
			}
			
			$(s_controller).animate({
				'bottom':point
			},s_moveSpeed,function(){
				s_menuOpen = flg;
				s_moveFlg = false;
			});
		}
	});
	
	//rollout
	$(s_target).hover(function(){
		clearTimeout(s_intervalID);
		clearTimeout(s_rooloutID);
	},function(){
		s_rooloutID = setTimeout(function(){
			s_moveFlg = true;
			$('.tab a',s_controller).removeClass('open');
			$(s_controller).animate({
				'bottom':s_closePoint
			},s_moveSpeed,function(){
				s_menuOpen = false;
				s_moveFlg = false;
				loopSlide();
			});
		},3000);
	});
	
	//pagelink
	$('.pagelinks a',s_controller).click(function(){
		if(!s_moveFlg){
			pageChange($(this).parent().attr('class').split('page')[1]);
		}
		return false;
	});
});

function loopSlide(){
	s_intervalID = setTimeout(function(){
		pageChange(s_nowNo+1,function(){
			loopSlide();
		});
	},s_loopTime);
}

function pageChange(pageNo,after){
	if(pageNo > s_slideMax){
		pageNo = 1;
	}
	if(s_nowNo != pageNo){
		s_moveFlg = true;
		
		$('li.page'+s_nowNo,s_controller).css('background-position','0 0');
		$('li.page'+pageNo,s_controller).css('background-position','0 bottom');
		
		$('li.page'+s_nowNo,s_pages).fadeOut(s_moveSpeed);
		$('li.page'+pageNo,s_pages).fadeIn(s_moveSpeed,function(){
			s_nowNo = pageNo;
			s_moveFlg = false;
			if(after){
				after();
			}
		});
	}
}