$(document).ready(function(){

var pgTot=Math.ceil($('ul.thumbs li').size() /3);
var pgNum=1;
var pgHeight=387;

$("#btn_thumbDN").click(function(){
	pgNum++;
	if(pgNum>pgTot){
		pgNum=pgTot;
	}
	var tarTop=(pgNum-1)*(-pgHeight);
	
  $("#homeThumb_list").animate({"top": tarTop}, "500");
});

$("#btn_thumbUP").click(function(){
	 pgNum--;
	if(pgNum<1){
		pgNum=1;
	}
	var tarTop=(pgNum-1)*(-pgHeight);
  $("#homeThumb_list").animate({"top": tarTop}, "500");
});
 
$("ul.thumbs li a").click(function(e) {
	this.thumbsrc= $(this).find('img').attr('src');
	var extIndex= this.thumbsrc.lastIndexOf(".");
	var mainBannerImgSrc=this.thumbsrc.substr(0,(extIndex-6))+this.thumbsrc.substr(extIndex,4);
	var mainBannerImgHref=this.href;
	$("#mainBannerImg").attr('src', function(){return mainBannerImgSrc; });
	$("#mainBannerLink").attr('href', function(){return mainBannerImgHref; });
	
	e.preventDefault();
});

	firstImgthumbsrc= $("#thumbImg1").find('img').attr('src');
	var extIndex= firstImgthumbsrc.lastIndexOf(".");
	var mainBannerImgSrc=firstImgthumbsrc.substr(0,(extIndex-6))+firstImgthumbsrc.substr(extIndex,4);
	var mainBannerImgHref=$("#thumbImg1").attr('href');
	
	$("#mainBannerImg").attr('src', function(){return mainBannerImgSrc; });
	$("#mainBannerLink").attr('href', function(){return mainBannerImgHref; });

});