/* 롤링컨텐츠 */
function rollingInit(mass){
	var target = $('#rollingBox li') //  롤링 컨텐츠 selector
	var num = target.length
	var PI = Math.PI;
	var r = -555;     //  원 반지름
	var width = target[0].offsetWidth;
	var height = target[0].offsetHeight;
	var length = target.length
	var x = 314 ;   //  원중심 x좌표
	var y = 10		//  원중심 y좌표
	var arry = [];  //  위치 저장 
	var This  = this;
	var m = 1000*num;


	// click 이벤트
	$('#btnL').click(function(){
		clearInterval(This.timer)
		m--;
		This.acTion();
		This.start();
		return false;
	})
	$('#btnR').click(function(){
		clearInterval(This.timer)
		m++;
		This.acTion();
		This.start();
		return false;
	})

	// init   function 시작
	this.init = function(){
		for (i=0 ; i<num ; i++ )
		{
			var set  = (num/2 - (i-1))/(num/2);
			if(i==0) set = (num/2 - (2-1))/(num/2)
			var left = -set;
			var zIndex = Math.abs(set); 
			
			if(i >= 3 ){
				zIndex = 0
			}else if(set != 1){
				set = 1 //크기조절
				zIndex = .7 //투명도
			}
			var opacity = zIndex;

			var wid  = Math.abs(Math.ceil(width*set));
			var hei  = Math.abs(Math.ceil(height*set));
			X = Math.ceil( (r)* Math.sin(((i+length-1)*2)*(PI/num)) + (x - (wid/2)));
			Y = Math.ceil( (r/30)* Math.cos(((i+length-1)*2)*(PI/num)) + y );

			if(i==0){
				X = 50
				Y = 20
			}else if(i==2){
				X = 387
				Y = 20
			}
			arry[i] = {width:wid,height:hei,top:Y,left:X,zIndex:zIndex*10,opacity:opacity}
		}

		for (i=0;i<num ; i++ )
		{
			$(target[i]).css({zIndex:arry[i].zIndex}).animate(arry[i])
		}
	}

	// 모션 실행
	this.acTion = function(){
		for (i=0;i<num ; i++ )
		{
			var j = i+m;
			if(j >= num){
				j =  j%num
			}
			$(target[i]).stop().animate(arry[j]);
		}

		target.mouseover(function(){
			clearInterval(This.timer)
			this.onmouseout = function(){
			This.start();
			}
		})
	}
	
	// 타이머 : 자동롤링 시작
	this.start = function(){
		clearInterval(This.timer)
		This.timer = setInterval(function(){
			m--;				//m++  오른쪽으로, m--  왼쪽으로
			This.acTion();
		},3000);
	}
	this.init();
	this.start();
}

var rolling;