jQuery(document).ready(function(){
 

	//박스 이동(벽돌 쌓기)
	$.fn.myPlugin = function(options) {
		var config = {
			itemSelector : "> article",
            
			animateSpeed : "100",
			effect : "linear"
		}
		if (options) $.extend(config, options); 
		this.each(function() {
			var Self = $(this),
				Arry = Self.find(config.itemSelector),
				Total = Arry.length,
				StageWidth;
 






			/* 4단 min1700 */
			var boxPosition04 = {
				boxTop1 :"0",boxLeft1 :"855",
				boxTop2 :"430",boxLeft2 :"0",
				boxTop3 :"430",boxLeft3 :"285",
				boxTop4 :"430",boxLeft4 :"570",
				boxTop5 :"430",boxLeft5 :"855",
				boxTop6 :"645",boxLeft6 :"0",
				boxTop7 :"645",boxLeft7 :"285",
				boxTop8 :"645",boxLeft8 :"570",
				boxTop9 :"860",boxLeft9 :"0",
				boxTop10 :"860",boxLeft10 :"570",
				boxTop11 :"645",boxLeft11 :"855"
			}
			/* 5단 min1700 */
			var boxPosition05 = {
				boxTop1 :"0",boxLeft1 :"855",
				boxTop2 :"0",boxLeft2 :"1140",
				boxTop3 :"215",boxLeft3 :"1140",
				boxTop4 :"430",boxLeft4 :"0",
				boxTop5 :"430",boxLeft5 :"285",
				boxTop6 :"430",boxLeft6 :"570",
				boxTop7 :"430",boxLeft7 :"855",
				boxTop8 :"645",boxLeft8 :"570",
				boxTop9 :"645",boxLeft9 :"0",
				boxTop10 :"645",boxLeft10 :"570",
				boxTop11 :"645",boxLeft11 :"1140"
			}



			function ini(){ // 설정
				for (var i=0; i<Total; i++ ){
					Arry.eq(i).css({"position" : "absolute", "z-index" : 20 - Number(i)});
				}
				set();
			}
 


			function set(){ // width 값 설정 * 리사이즈시 이부분 부터 시작
				StageWidth = $(this).width(); 

				if (StageWidth > 1000 && StageWidth < 1400){
					$("#contents").height('1060px');
					calculate(4);
				}else if (StageWidth > 1410){
					$("#contents").height('850px');
					calculate(5);
				}else{
				};
			}

			function calculate(sw){ // 계산
				for (var i=0; i<Total; i++ ){
					var boxTop = "boxPosition0"+sw+".boxTop"+(i+1);
					var boxLeft = "boxPosition0"+sw+".boxLeft"+(i+1);
					var y = Number(eval(boxTop));
					var x = Number(eval(boxLeft));
					var speed = Number(eval(config.animateSpeed)) + (i*200);
				
					shot(Arry.eq(i), x, y, speed);
				}
			}
			function shot(obj,x,y,speed){ // 이동
				obj.stop().animate({left:x,top:y}, speed, config.effect)
			}
			$(window).resize(function(e){set()});
			ini();
		});
		return this;
	}
	var options = {
		animateSpeed : "400",
		effect : "linear",
		effect : "easeInOutQuart"
	}
	$('#contents').myPlugin(options);
	
});