//把所有圖片存到陣列

var photoPlay = function(pics_ul,look_all_im){
	var PicsArr = new Array();
	var NowIndex = 0;
	var NowTotal = 0;
	var NowImages = '';
	var InterValID = '';
	//自動撥放
	
	$("#" +pics_ul+ " li").each(function(){
		
		PicsArr[$(this).index()] = $(this).find('img').attr('src').replace("/website/","/website/B_");					   
	});
	
	$("."+look_all_im).css("cursor","pointer").click(function(){
		
		NowIndex = $(this).parents('li').index();
		NowTotal = $("#" +pics_ul+ " li").size(); 
		NowImages = PicsArr[NowIndex];
		
		$(document).scrollTop(0);
		
		//背景遮罩
		$("body").append('<div id="look_all_im_mask"></div>');
		$("#look_all_im_mask").css({
								   "width":$(document).width(),
								   "height":$(document).height(),
								   "top": 0,
								   "left": 0,
								   "position": "absolute",
								   "background-color": "#CCCCCC",
								   "opacity":"0.3"
								   });
		
		
		$("body").append('<div id="look_all_im_div_out"></div');
		$("#look_all_im_div_out").css({
									 "width":'300px',
									 "height":'300px',
									 "background-color": "#FFFFFF",
									 "left": $(window).width() / 2 - 300 / 2 ,
									 "top": $(window).height() / 2 - 300 / 2,
									 "position": "absolute"
									 }).animate({
												"width":"+="+220,
												"height":"+="+160,
												"left":"-="+220/2,
												"top":"-="+160/2
												},function(){
													$("#look_all_im_div_out").html('<div id="look_all_im_close_div"><img id="look_all_im_close" src="/titbit/images/lightbox-btn-close.gif" style="cursor:pointer;" align="absmiddle"/></div>'+
																				   '<div id="look_all_im_div_image">'+
																				   '<img id="look_all_im_now_image" src="' +NowImages+ '">'+
																				   '</div>'+
																				   '<div id="look_all_im_div_info">'+
																				   '<img id="look_all_im_back" src="/titbit/images/lightbox-back.gif" style="cursor:pointer;" alt="上一張" align="absmiddle"/> '+
																				   '<img id="look_all_im_next" src="/titbit/images/lightbox-next.gif" style="cursor:pointer;" alt="下一張" align="absmiddle"/> '+
																				   '<img id="look_all_im_play" src="/titbit/images/lightbox-start.gif" style="cursor:pointer;" alt="自動撥放" align="absmiddle"/> '+
																				   'Image <span id="look_all_im_index">' +(NowIndex+1)+ '</span> / <span id="look_all_im_total">' +NowTotal+ '</span>'+
																				   '</div>'
																				   );
													
												});
		
		//上一張
		$("#look_all_im_back").live("click",function(){		
			NowIndex--;
			if(NowIndex < 0)NowIndex = NowTotal-1;	
			$("#look_all_im_now_image").attr('src',PicsArr[NowIndex]).hide().one("load",function(){
				$(this).fadeIn();
			});;;
	
			$("#look_all_im_index").html(NowIndex+1);
		});
		
		//下一張
		$("#look_all_im_next").live("click",function(){				
			NowIndex++;
			if(NowIndex > NowTotal-1)NowIndex = 0;	
			$("#look_all_im_now_image").attr('src',PicsArr[NowIndex]).hide().one("load",function(){
				$(this).fadeIn();
			});;
		
			$("#look_all_im_index").html(NowIndex+1);
		});
		
		$("#look_all_im_play").live("click",function(){
			var NowPlay = $(this).attr('src');
			if(NowPlay.match('lightbox-start.gif')){
				$(this).attr('src','/titbit/images/lightbox-stop.gif');
				$(this).attr('alt','停止自動撥放');
				
				InterValID = setInterval("photoPlay.replyPlay()",3000);
			}
			else{
				$(this).attr('src','/titbit/images/lightbox-start.gif');
				$(this).attr('alt','自動撥放');
				clearInterval(InterValID);
			}
		});
		
		//關閉
		$("#look_all_im_close").live("click",function(){
			$("#look_all_im_back").die("click");
			$("#look_all_im_next").die("click");
			$("#look_all_im_play").die("click");
			$("#look_all_im_div_out").remove();
			$("#look_all_im_mask").fadeOut(function(){$(this).remove();});
			clearInterval(InterValID);
		});
	});
}
photoPlay.replyPlay = function(){
	$("#look_all_im_next").trigger('click');
}