$(function(){
	$('.i-wrap3 .inliner-list li').eq(0).addclass("on");
	$('.inliner-banner li').eq(0).addclass("into");
	$('.inliner-banner-con li').eq(0).addclass("into");
	var sw = 0
	// $('.i-wrap3 .inliner-list li').hover(function(){
	// 	var _this = $(this);
	// 	var index = $(this).index();
	// 	sw = index;
	// 	if (index == 0) {
	// 		if (!$('.i-wrap3 .inliner-list .bg').eq(0).hasclass("on") && !$('.i-wrap3 .inliner-list .bg').eq(1).hasclass("on")) {
	// 			$('.i-wrap3 .inliner-list .bg').eq(0).addclass("on").stop().animate({'width':'100%'},1500)
	// 			settimeout(function(){
	// 				$('.i-wrap3 .inliner-list .bg').eq(1).addclass("on").stop().animate({'height':'100%'},1500)
	// 			},1490)
	// 			settimeout(function(){
	// 				$('.i-wrap3 .inliner-list .bg').eq(2).addclass("on").stop().animate({'height':'100%'},1500,function(){
	// 					_this.addclass("on").siblings("li").removeclass("on");
	// 					$('.inliner-banner li').eq(index).fadein(300).siblings("li").hide();
	// 					$('.i-wrap3 .inliner-list .bg').eq(0).css('width',0).removeclass("on");
	// 					$('.i-wrap3 .inliner-list .bg').eq(1).css('height',0).removeclass("on");
	// 					$('.i-wrap3 .inliner-list .bg').eq(2).css('height',0).removeclass("on");
	// 				})
	// 			},2990)
	// 		}else if(!$('.i-wrap3 .inliner-list .bg').eq(1).hasclass("on") && $('.i-wrap3 .inliner-list .bg').eq(0).hasclass("on")){
	// 			$('.i-wrap3 .inliner-list .bg').eq(1).addclass("on").stop().animate({'height':'100%'},1500)
	// 			settimeout(function(){
	// 				$('.i-wrap3 .inliner-list .bg').eq(2).addclass("on").stop().animate({'height':'100%'},1500,function(){
	// 					_this.addclass("on").siblings("li").removeclass("on");
	// 					$('.inliner-banner li').eq(index).fadein(300).siblings("li").hide();
	// 					$('.i-wrap3 .inliner-list .bg').eq(0).css('width',0).removeclass("on");
	// 					$('.i-wrap3 .inliner-list .bg').eq(1).css('height',0).removeclass("on");
	// 					$('.i-wrap3 .inliner-list .bg').eq(2).css('height',0).removeclass("on");
	// 				})
	// 			},1490)
	// 		}else{
	// 			$('.i-wrap3 .inliner-list .bg').eq(2).stop().animate({'height':'100%'},1500,function(){
	// 				_this.addclass("on").siblings("li").removeclass("on");
	// 				$('.inliner-banner li').eq(index).fadein(300).siblings("li").hide();
	// 				$('.i-wrap3 .inliner-list .bg').eq(0).css('width',0).removeclass("on");
	// 				$('.i-wrap3 .inliner-list .bg').eq(1).css('height',0).removeclass("on");
	// 				$('.i-wrap3 .inliner-list .bg').eq(2).css('height',0).removeclass("on");
	// 			})
	// 		}
	// 	}else if(index == 1){
	// 		$('.i-wrap3 .inliner-list .bg').eq(0).addclass("on").stop().animate({'width':'100%'},1500,function(){
	// 			_this.addclass("on").siblings("li").removeclass("on");
	// 			$('.inliner-banner li').eq(index).fadein(300).siblings("li").hide();
	// 		})
	// 	}else{
	// 		if ($('.i-wrap3 .inliner-list .bg').eq(0).hasclass("on")) {
	// 			$('.i-wrap3 .inliner-list .bg').eq(1).addclass("on").stop().animate({'height':'100%'},1500,function(){
	// 				_this.addclass("on").siblings("li").removeclass("on");
	// 				$('.inliner-banner li').eq(index).fadein(300).siblings("li").hide();
	// 			})
	// 		}else{
	// 			$('.i-wrap3 .inliner-list .bg').eq(0).addclass("on").stop().animate({'width':'100%'},1500)
	// 			settimeout(function(){
	// 				$('.i-wrap3 .inliner-list .bg').eq(1).addclass("on").stop().animate({'height':'100%'},800,function(){
	// 					_this.addclass("on").siblings("li").removeclass("on");
	// 					$('.inliner-banner li').eq(index).fadein(300).siblings("li").hide();
	// 				})
	// 			},1490)
				
	// 		}
	// 	}
	// 	if(mytime){
	// 	   clearinterval(mytime);
	// 	}
	// },function(){
	// 	clearinterval(mytime);
	// 	mytime = setinterval(function(){
	// 		if(sw == 2){
	// 			sw = 0;
	// 		}else{
	// 			sw++;
	// 		}
	// 		product();
	// 	}, 3000);
	// })
	var mytime = setinterval(function(){
		if(sw == 2){
			sw = 0;
		}else{
			sw++;
		}
		product();
	}, 7000);
	function listsw(){
		$('.i-wrap3 .inliner-list li').eq(sw).addclass("on").siblings("li").removeclass("on");
		// $('.inliner-banner li').eq(sw).show().siblings("li").hide();
		$('.inliner-banner li.into').transition({'transform':'scale(1)'},800,function(){
			$('.inliner-banner li.into').stop().animate({left:'-100%'},800,'easeinoutexpo',function(){
				$('.inliner-banner li.into').removeclass("into").css('left','100%')
			})
			$('.inliner-banner li').eq(sw).stop().animate({left:0},800,'easeinoutexpo',function(){
				$('.inliner-banner li').eq(sw).addclass("index into")
				$('.inliner-banner li').eq(sw).transition({'transform':'scale(1)'},800)
			})
		})
		$('.inliner-banner-con li.into').transition({'transform':'scale(1)'},800,function(){
			$('.inliner-banner-con li.into').stop().animate({left:'-100%'},800,'easeinoutexpo',function(){
				$('.inliner-banner-con li.into').removeclass("into").css('left','100%')
			})
			$('.inliner-banner-con li').eq(sw).stop().animate({left:0},800,'easeinoutexpo',function(){
				$('.inliner-banner-con li').eq(sw).addclass("index into")
				$('.inliner-banner-con li').eq(sw).transition({'transform':'scale(1)'},800)
			})
		})
	}
	function product(){
		if (sw == 0) {
			$('.i-wrap3 .inliner-list .bg').eq(2).stop().animate({'height':'100%'},1500,function(){
				listsw()
				$('.i-wrap3 .inliner-list .bg').eq(0).css('width',0).removeclass("on");
				$('.i-wrap3 .inliner-list .bg').eq(1).css('height',0).removeclass("on");
				$('.i-wrap3 .inliner-list .bg').eq(2).css('height',0).removeclass("on");
			})
		}else if(sw == 1){
			$('.i-wrap3 .inliner-list .bg').eq(0).addclass('on').stop().animate({'width':'100%'},1500,function(){
				listsw()
			})
		}else{
			$('.i-wrap3 .inliner-list .bg').eq(1).addclass("on").stop().animate({'height':'100%'},1500,function(){
				listsw()
			})
		}
	}
})