/*
読み込み
---------------------------------------------*/
/* 基本設定 */
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;
			
			$('#side .item > li,#shop_info 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);
				}
			
			}); 
			
		});