$(function(){
	var arr						= $('.sumb_box');			// スワップ対象のBoxのクラス	
	var thumbClass				= '.swapThumb';				// サムネイルを表示する画像のクラス
	var swapThumbsContainer		= $('.swapCont') 			// サムネイルを表示するボックス
	var swapWidth				= "70";						// サムネイルの横幅
	var swapHeight				= "92";						// サムネイルの縦幅
	var dammyImgSrc				= "dammy/dammy.jpg";			// ダミー画像のパス
	var dammyNum				= 0;						// ダミー画像を設置の場合、1行に配置可能な画像数
	
	var arrHTML = [];
	var bef = 0;
	var thumbSurp = dammyNum - arr.length % dammyNum;
	var bef_height = $(arr[0]).height();
	$.each(arr,function(key,value){
		var targetSrc = $(value).find(thumbClass).attr('src');
		
		arrHTML.push($(value).html());
		
		//$(value).addClass('a'+key);
		
		$(value).css('display','none');
		var checker = swapThumbsContainer.append('<img src="'+targetSrc+'" width="'+swapWidth+'" height="'+swapHeight+'">');
		
		<!-- set style -->
		$(checker).find("img").css('cursor','pointer');
	});
		
	$(swapThumbsContainer).find('img').click(function(){
		var cur_index = $(this).parent().children('img').index(this);
		var cur_height = $(arr[cur_index]).height();
		var target = $(arr[cur_index]);
		
		$(".swapHTML").animate(
			{height: bef_height,opacity:0},
		    {duration: "fast", easing: "swing",
		     complete: function(){
				$(".swapHTML").html(arrHTML[cur_index]);
				$(".swapHTML").animate(
					{height: cur_height,opacity:1},
		   			{duration: "slow", easing: "swing"
    			});
			}
    	});
		
		
		bef = cur_index;
		bef_height = cur_height+"px";
		
		
	});
	$(".swapHTML").html(arrHTML[bef]);
	//$(arr[0]).css('display','block');
	
	<!-- dammy insert -->
	for(var i = 0 ; i < thumbSurp ; i++){
			$(swapThumbsContainer).append('<img src="'+dammyImgSrc+'" width="'+swapWidth+'" height="'+swapHeight+'">');
	}
	
});