(function($){
	$.fn.parcon = function(option,callback){
		if($.isFunction(option)){
			callback = option;
			option = null;
		}		
		
		$.fn.parcon.setting = {
			column: 4,
			margin: 10,
			padding: 15,
			background: "transparent"
		};
			
 
		option = $.extend($.fn.parcon.setting,option);
		return this.each(function(){
			var i = 0;
			$(this).find("li").each(function(){
				var obJecty = $(this);
				var winW = $(window).width();
				var thisIdx = $(this).index();
				var thisPrevL = parseInt($(this).prev().css("left"));
				var thisPrevT = parseInt($(this).prev().css("top"));
				var prevW = $(this).prev().outerWidth(true);
				var thisMrg = option.margin;
				var thisPdd = option.padding;
				var lineLen = option.column;
				var backColor = option.background;
				
				$(this).css({
					"padding" : thisPdd,
					"box-sizing": "border-box",
					"background-color": backColor,
					"position": "absolute",
					"top": 0,
					"left": 0
				});
				
				if (thisIdx < lineLen){
					i++;
					if(thisIdx != 0){
						$(this).css({"width": prevW, "left": (thisPrevL + prevW) + thisMrg, "top": thisMrg});
					} else {
						$(this).css({"width": (winW - (thisMrg*(lineLen+1)))/lineLen, "left": thisMrg, "top": thisMrg});
					}
				} else if(thisIdx >= lineLen ){
					var topLi = $(this).parent().find("li").eq(thisIdx - lineLen);
					var topLiH = topLi.outerHeight(true);
					var topOff = topLi.offset();
					var topOffT = topOff.top;
 
					if(i%lineLen != 0){
						i++;						
						$(this).css({"width": prevW, "left": (thisPrevL + prevW) + thisMrg, "top": (topOffT + topLiH) + thisMrg});
					} else {
						i++;
						$(this).css({"width": prevW, "left": thisMrg, "top": (topOffT + topLiH) + thisMrg});	
					}
				}
			});
		});
	}
})(jQuery);