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 :"320",boxLeft2 :"0",
				boxTop3 :"535",boxLeft3 :"0",
				boxTop4 :"750",boxLeft4 :"0",
				boxTop5 :"965",boxLeft5 :"0",
				boxTop6 :"1180",boxLeft6 :"0",
				boxTop7 :"1395",boxLeft7 :"0",
				boxTop8 :"1610",boxLeft8 :"0",
				boxTop9 :"1825",boxLeft9 :"0",
				boxTop10 :"2040",boxLeft10 :"0",
				boxTop11 :"2255",boxLeft11 :"0",
				boxTop12 :"2470",boxLeft12 :"0",
				boxTop13 :"2685",boxLeft13 :"0",
				boxTop14 :"2900",boxLeft14 :"0",
				boxTop15 :"3115",boxLeft15 :"0",
				boxTop16 :"3330",boxLeft16 :"0",
				boxTop17 :"3545",boxLeft17 :"0"
			}
			/* 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",
				boxTop14 :"2150",boxLeft14 :"0",
				boxTop15 :"2150",boxLeft15 :"285",
				boxTop16 :"2365",boxLeft16 :"0",
				boxTop17 :"2365",boxLeft17 :"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",
				boxTop14 :"1290",boxLeft14 :"570",
				boxTop15 :"1505",boxLeft15 :"0",
				boxTop16 :"1505",boxLeft16 :"285",
				boxTop17 :"1505",boxLeft17 :"570"
			}
			/* 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",
				boxTop14 :"1075",boxLeft14 :"0",
				boxTop15 :"1075",boxLeft15 :"285",
				boxTop16 :"1075",boxLeft16 :"570",
				boxTop17 :"1075",boxLeft17 :"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",
				boxTop14 :"860",boxLeft14 :"0",
				boxTop15 :"860",boxLeft15 :"285",
				boxTop16 :"860",boxLeft16 :"570",
				boxTop17 :"860",boxLeft17 :"855"
			}
			/* 6단 min1700 */
			var boxPosition06 = {
				boxTop1 :"0",boxLeft1 :"0",
				boxTop2 :"0",boxLeft2 :"570",
				boxTop3 :"0",boxLeft3 :"855",
				boxTop4 :"0",boxLeft4 :"1140",
				boxTop5 :"0",boxLeft5 :"1425",
				boxTop6 :"215",boxLeft6 :"570",
				boxTop7 :"215",boxLeft7 :"855",
				boxTop8 :"215",boxLeft8 :"1140",
				boxTop9 :"430",boxLeft9 :"570",
				boxTop10 :"430",boxLeft10 :"855",
				boxTop11 :"430",boxLeft11 :"1140",
				boxTop12 :"430",boxLeft12 :"1425",
				boxTop13 :"645",boxLeft13 :"0",
				boxTop14 :"645",boxLeft14 :"285",
				boxTop15 :"645",boxLeft15 :"855",
				boxTop16 :"645",boxLeft16 :"1140",
				boxTop17 :"645",boxLeft17 :"1425"
			}
			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('3750px');
					calculate(1);
				}else if (StageWidth > 600 && StageWidth < 800){
					$("#contents").height('2550px');
					calculate(2);
				}else if (StageWidth > 850 && StageWidth < 1200){
					$("#contents").height('1690px');
					calculate(3);
				}else if (StageWidth > 1230 && StageWidth < 1400){
					$("#contents").height('1260px');
					calculate(4);
				}else if (StageWidth > 1420 && StageWidth < 1700){
					$("#contents").height('1070px');
					calculate(5);
				}else if (StageWidth > 1700){
					$("#contents").height('840px');
					calculate(6);
				}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);
	
});