/* ÀÎÆ®·Î µ¿¿µ»ó */

$('.slider').flexslider({
	namespace:'',
	animationSpeed:1000,
	slideshowSpeed:4000,
	selector:' > ul li',
	controlsContainer:'#introControl', //Ãß°¡
	pausePlay:true, //¼öÁ¤
	controlNav:false,
	directionNav:false,
	start:function(s) {
		s.slides.eq(0).find('img').animate({
			width:905,
			top:0,
			left:0
		}, 4000);
	},
	end:function() {
		//window.location.href = '{{$template}}/folding.php';
	},
	before:function(s) {
		switch(s.animatingTo) {
			case 0:
				s.slides.eq(s.animatingTo).find('img').attr('style', 'top:-50px; left:-50px; width:955px;');
				s.slides.eq(s.animatingTo).find('img').animate({
					width:905,
					top:0,
					left:0
				}, 4000);
			break;
			case 1:
				s.slides.eq(s.animatingTo).find('div').attr('style', '');
				s.slides.eq(s.animatingTo).find('div').animate({
					left:-100
				}, 4000);
			break;
			case 2:
				s.slides.eq(s.animatingTo).find('img').attr('style', '');
				s.slides.eq(s.animatingTo).find('img').animate({
					width:1005,
					top:-50,
					left:-50
				}, 4000);
			break;
			case 3:
				s.slides.eq(s.animatingTo).find('img').attr('style', 'top:-50px; left:-50px; width:955px;');
				s.slides.eq(s.animatingTo).find('img').animate({
					width:905,
					top:0,
					left:0
				}, 4000);
			break;
			case 5:
				s.slides.eq(s.animatingTo).find('div').attr('style', '');
				s.slides.eq(s.animatingTo).find('img').animate({
					width:985,
					top:-50,
					left:-80
				}, 4000);
			break;
			default:
			break;
		}
	}
});