var ebox_row = 1;//幾排
	var ebox_w = 110;//寬度
	var ebox_x, ebox_y = 0;
	ebox_max_y = new Array();
	
	// 讀取
	$(function() { 
		ebox_y = $('#ebox_all').offset().top;
		ebox_x = $('#ebox_all').offset().left;
		arrangement(); 
	});
	
	// 重整畫面
	$(window).resize( function() { arrangement(); 
		


	} );
	
	function arrangement() {
		// 幾倍控制
		var ebox_fold = Math.max(ebox_row, parseInt($('#ebox_all').innerWidth() / (ebox_w+10)));
		$('.ebox_area').css('width',ebox_w  + 'px');//x1，配圖90
		$('.two_ebox').css('width', ebox_w*2 + 10 );//x2，配圖210
		$('.three_ebox').css('width', ebox_w*3 + 20);//x3，配圖330
		$('.four_ebox').css('width', ebox_w*4 + 30);//x4，配圖450
		$('.five_ebox').css('width', ebox_w*5 + 40);//x5，配圖570
		$('.six_ebox').css('width', ebox_w*6 + 50);//x6，配圖690
		for (x=0; x < ebox_fold; x++) {
			ebox_max_y[x] = 0;
		}
		// 運算所有區塊尺寸
		$('.ebox_area').each(function(i) {

			var epos, slip, w , runall= 0;
	
			w = (Math.floor($(this).outerWidth() / ebox_w));
			slip = 0;

			if (w>1) {
				for (x=0; x < ebox_fold-(w-1); x++) {
					slip = ebox_max_y[x] < ebox_max_y[slip] ? x : slip;
				}
				epos = slip;
				for (var x=0; x<w; x++) {
					runall = Math.max(runall, ebox_max_y[epos+x]);
				}
				for (var x=0; x<w; x++) 
					ebox_max_y[epos+x] = parseInt($(this).outerHeight()) + 10 + runall;
					
				$(this).css('left', epos*(ebox_w+10) + ebox_x).css('top',runall + ebox_y);
			}
			else {
			
				for (x=0; x < ebox_fold; x++) {
					slip = ebox_max_y[x] < ebox_max_y[slip] ? x : slip;
				}
				$(this).css('left', slip*(ebox_w+10) + ebox_x).css('top',ebox_max_y[slip] + ebox_y);
				ebox_max_y[slip] += $(this).outerHeight() + 10;
			}
		});
	}

    	//讓畫面自動排整齊
    	function eboxload(){
    		window.setTimeout(function() {
    		arrangement(); }, 1);	
    		
    		};