/*
読み込み
---------------------------------------------*/
/* 基本設定 */
document.write('<script src="common/js/style.js"></script>'); 



/*
Equal_Height_Blocks_in_Rows

http://coliss.com/articles/build-websites/operation/javascript/equal-height-blocks-in-rows-by-css-tricks.html

---------------------------------------- */
// DOM Ready
$(function() {

	var currentTallest = 0,
					currentRowStart = 0,
					rowDivs = new Array(),
					$el,
					topPosition = 0;
	
	$('#works_ctt li').each(function() {
		
		$el = $(this);
		topPostion = $el.position().top;
		
		if (currentRowStart != topPostion) {
		
			// we just came to a new row.  Set all the heights on the completed row
			for (currentDiv = 0 ; currentDiv < rowDivs.length ; currentDiv++) {
				rowDivs[currentDiv].height(currentTallest);
			}	
		
			// set the variables for the new row
			rowDivs.length = 0; // empty the array
			currentRowStart = topPostion;
			currentTallest = $el.height();
			rowDivs.push($el);
		
		} else {
		
			// another div on the current row.  Add it to the list and check if it's taller
			rowDivs.push($el);
			currentTallest = (currentTallest < $el.height()) ? ($el.height()) : (currentTallest);
			
		}
		
		// do the last row
		for (currentDiv = 0 ; currentDiv < rowDivs.length ; currentDiv++) {
			rowDivs[currentDiv].height(currentTallest);
		}
	
	}); 
	
});