function nextThumbnail(obj) {
	var $thumbnail_wrap = $(obj).parents('.foto_data').find('.thumbnail_wrap');
	var $thumbnail_data = $thumbnail_wrap.find('.thumbnail_data');
	var thumbnail_index = $thumbnail_wrap.attr('data-thumbnail-index');
	if(typeof(thumbnail_index) == "undefined") thumbnail_index = 1;
	else thumbnail_index = parseInt(thumbnail_index);
	
	var now_thumbnail = $thumbnail_wrap.find(".thumbnail img").attr('src');
	//now_thumbnail = now_thumbnail.substring(now_thumbnail.lastIndexOf('/') + 1);
	
	var another_thumbnails = new Array();						
	$thumbnail_wrap.find(".sub_thumbnails div").each(function(n_index,n_data) {
		var css = $(n_data).css('background-image');
		var background_image = css.replace('url("','').replace('")','').replace('url(','').replace(')','').replace(".300x4.jpg",'');
		another_thumbnails.push({image:background_image, data:n_data});
	});
	
	if(another_thumbnails.length < thumbnail_index) {
		thumbnail_index = 0;
		var find_data = another_thumbnails[0].data;
	} else {
		var find_data = another_thumbnails[thumbnail_index-1].data;
	}	
		
	$thumbnail_wrap.attr('data-thumbnail-index', thumbnail_index + 1);

	//$thumbnail_wrap.find(".thumbnail img").attr('src', new_thumbnail);
	
	$(find_data).css('background-image','url("' + now_thumbnail + '.300x4.jpg")');
	
	var scroll_height = 0;
	var height = $thumbnail_data.find('a.thumbnail_' +(thumbnail_index + 1) + ' img').height();
	
	$thumbnail_data.find("a img").each(function(n_index,n_data) {
		if(n_index < thumbnail_index) {
			scroll_height += $(n_data).height();
		}
	});
	
	$thumbnail_data.animate({marginTop:'-'+scroll_height+'px'});//.css('margin-top', '-' + scroll_height + 'px');
	$thumbnail_wrap.find('div.thumbnail').animate({height:height+'px'});//height(height);
	
	//console.log($thumbnail_wrap.find(".thumbnail img").height());
	
	// DONE: 수직으로 스크롤되고, 높이가 애니매이트되도록.. 동적으로 미리 수직위치에 서브 썸네일을 만들어 놓도록 한다..
	// TODO: 정적 시간에 자동 변경되도록 (계속 틀어놓는 화면용..)
	// TODO: 모두 펼치기
	
	return false;
}

function initThumbnails(obj)
{
	var $thumbnail = $(obj).parents('.thumbnail_wrap').find('.thumbnail');
	var $link = $thumbnail.find('a');

	$link.addClass('thumbnail_1').wrap('<div class="thumbnail_data"></div>');
	
	var $thumbnail_data = $thumbnail.find('.thumbnail_data');
	var href = $link.attr('href');
	
	$(obj).find("div").each(function(index,data) {
		var background_image = $(data).css('background-image').replace('url("','').replace('")','').replace('url(','').replace(')','').replace(".300x4.jpg",'');

		$thumbnail_data.append('<a href="' + href + '" target="_blank" class="thumbnail_' + (index+2) + '"><img alt="" src="' + background_image + '" /></a>')
	});
}

$(function() {
	$('div.thumbnail_wrap div.thumbnail').each(function(index, data) {
		 var $thumbnail = $(this);
		 var $img = $thumbnail.find('img');
		
		 if($img.height() <= 17) {
			 $img.load(function() {
			 	$thumbnail.css('height', $(this).height() + 'px');
			 });
		 } else {
			 $thumbnail.css('height', $img.height() + 'px');
		 }
	});
	$('div.sub_thumbnails').each(function(index, data) {
		initThumbnails(data);
	});
});