// JavaScript Document

function slidergllery(W_limit, H_limit){
	var speed = 3000;
	var timer;
	var img = -1;
	var total 	= $("#list ul li").length;	//設定縮圖的長度
	var ulWidth = total * 104;//設定ul的寬度
	$("#list ul").css("width", ulWidth);	
	//計算頁數
	var page = 0;
	var maxpage = Math.floor(ulWidth / $("#list").width());	
	$("#imgB").css("opacity", 0);
	$("#imgB").fadeTo(1000, 1.0);
	
	var ImgObj = $("#list ul li img");
	ImgObj.click(function(){
		img = parseInt($(this).attr("id"));
		$("#imgB").css("opacity", 0);
		var src		= $(this).attr("src");
		var style 	= img_display($(this), W_limit, H_limit);	//處理圖片長寬
		var title	= $(this).attr("title");
		
		$("#imgB").attr({'src':src, 'style':style});		
		if(title)
			$("tr.BDY_edit2").html(title);
		
		$("#imgB").stop();
		$("#imgB").fadeTo(1000, 1.0);
		
		ImgObj.parents("li").removeClass("on");	//移除li上的on Class
		$(this).parents("li").addClass("on");	//將目前點到的加入on Class
	});
	//下一頁
	$("#next img").click(function(){
		if(page != maxpage)
			page++;
		//滾動縮圖
		$("#list ul").animate({left:-300*page},1000);
		$("#pagenum").html(page+"/"+maxpage);
	});
	//上一頁
	$("#prv img").click(function(){
		if(page > 0)
			page--;
		//滾動縮圖
		$("#list ul").animate({left:-300*page},1000);
		$("#pagenum").html(page+"/"+maxpage);
	});
	//取消連結虛線框
	$("a").focus(function(){
		$(this).blur();
	});
	
	ImgObj.hover(function(){clearTimeout(timer);}, function(){timer = setTimeout(autorunimg, speed);});
	
	function autorunimg(){
		img = (img+1<ImgObj.length) ? img+1 : 0;
		ImgObj.eq(img).click();
		
		timer = setTimeout(autorunimg, speed);
	}
	autorunimg();
}

function img_display(obj, W_limit, H_limit){	//圖片顯示
	var W	= $(obj).width();
	var H	= $(obj).height();
	if(W > H)
	{
		pp 	= H / W;
		W	= W_limit;
		H	= W * pp;
		x	= 0;
		y	= ((H_limit - H) / 2).toFixed();
	}
	else if(W < H)
	{
		pp 	= W / H;
		H	= H_limit;
		W	= H * pp;
		x	= ((W_limit - W) / 2).toFixed();
		y	= 0;
	}
	x = (!x) ? x : x+'px';
	y = (!y) ? y : y+'px';
	
	var style = 'width:' + W + 'px; height:' + H + 'px; margin:' + y + ' ' + x;
	return style;
}