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;

			/* 1단 max560 */
			var boxPosition01 = {
				boxTop1 :"0",boxLeft1 :"0",
				boxTop2 :"355",boxLeft2 :"15",
				boxTop3 :"570",boxLeft3 :"15",
				boxTop4 :"785",boxLeft4 :"15",
				boxTop5 :"1000",boxLeft5 :"15",
				boxTop6 :"1215",boxLeft6 :"15",
				boxTop7 :"1430",boxLeft7 :"15",
				boxTop8 :"1645",boxLeft8 :"15",
				boxTop9 :"1860",boxLeft9 :"15",
				boxTop10 :"2075",boxLeft10 :"15",
				boxTop11 :"2290",boxLeft11 :"15",
				boxTop12 :"2505",boxLeft12 :"15",
				boxTop13 :"2720",boxLeft13 :"15"
			}
			/* 2단 min560 ~ max800 */
			var boxPosition02 = {
				boxTop1 :"0",boxLeft1 :"0",
				boxTop2 :"645",boxLeft2 :"0",
				boxTop3 :"645",boxLeft3 :"285",
				boxTop4 :"860",boxLeft4 :"0",
				boxTop5 :"860",boxLeft5 :"285",
				boxTop6 :"1075",boxLeft6 :"0",
				boxTop7 :"1290",boxLeft7 :"0",
				boxTop8 :"1290",boxLeft8 :"285",
				boxTop9 :"1505",boxLeft9 :"0",
				boxTop10 :"1505",boxLeft10 :"285",
				boxTop11 :"1720",boxLeft11 :"285",
				boxTop12 :"1935",boxLeft12 :"0",
				boxTop13 :"1935",boxLeft13 :"285"
			}
			/* 3단 min1200 ~ max1700 */
			var boxPosition03 = {
				boxTop1 :"0",boxLeft1 :"0",
				boxTop2 :"0",boxLeft2 :"570",
				boxTop3 :"215",boxLeft3 :"570",
				boxTop4 :"430",boxLeft4 :"570",
				boxTop5 :"645",boxLeft5 :"0",
				boxTop6 :"645",boxLeft6 :"285",
				boxTop7 :"645",boxLeft7 :"570",
				boxTop8 :"860",boxLeft8 :"285",
				boxTop9 :"860",boxLeft9 :"570",
				boxTop10 :"1075",boxLeft10 :"0",
				boxTop11 :"1075",boxLeft11 :"285",
				boxTop12 :"1290",boxLeft12 :"0",
				boxTop13 :"1290",boxLeft13 :"285"
			}
			/* 4단 min1700 */
			var boxPosition04 = {
				boxTop1 :"0",boxLeft1 :"0",
				boxTop2 :"0",boxLeft2 :"570",
				boxTop3 :"0",boxLeft3 :"855",
				boxTop4 :"215",boxLeft4 :"570",
				boxTop5 :"215",boxLeft5 :"855",
				boxTop6 :"430",boxLeft6 :"570",
				boxTop7 :"645",boxLeft7 :"0",
				boxTop8 :"645",boxLeft8 :"285",
				boxTop9 :"645",boxLeft9 :"570",
				boxTop10 :"645",boxLeft10 :"855",
				boxTop11 :"860",boxLeft11 :"0",
				boxTop12 :"860",boxLeft12 :"285",
				boxTop13 :"860",boxLeft13 :"855"
			}
			/* 5단 min1700 */
			var boxPosition05 = {
				boxTop1 :"0",boxLeft1 :"0",
				boxTop2 :"0",boxLeft2 :"570",
				boxTop3 :"0",boxLeft3 :"855",
				boxTop4 :"0",boxLeft4 :"1140",
				boxTop5 :"215",boxLeft5 :"570",
				boxTop6 :"215",boxLeft6 :"855",
				boxTop7 :"215",boxLeft7 :"1140",
				boxTop8 :"430",boxLeft8 :"855",
				boxTop9 :"430",boxLeft9 :"1140",
				boxTop10 :"645",boxLeft10 :"0",
				boxTop11 :"645",boxLeft11 :"285",
				boxTop12 :"645",boxLeft12 :"570",
				boxTop13 :"645",boxLeft13 :"855"
			}
 
			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 < 560){
					$("#contents").height('2920px');
					calculate(1);
				}else if (StageWidth > 600 && StageWidth < 800){
					$("#contents").height('2150px');
					calculate(2);
				}else if (StageWidth > 850 && StageWidth < 1200){
					$("#contents").height('1490px');
					calculate(3);
				}else if (StageWidth > 1230 && StageWidth < 1400){
					$("#contents").height('1070px');
					calculate(4);
				}else if (StageWidth > 1420){
					$("#contents").height('840px');
					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);
	
});