// JavaScript Document

$(document).ready(function(){
	$.getJSON("./?mod=cases&ac=show&op=json",function(json){	
		$(function(){
			var ul_pics_moving = false;
			$('ul.pics li.page:first a').click(function(){
				//alert('向上翻页事件');
				if(ul_pics_moving)return false;
				ul_pics_moving = true;
					n = $('ul.pics li:not(.page):first a').attr("id");
				n--;
				var num=0;
				$.each(json,function(key,value){
					++num;
				});
				if(n<0){
					n=num-1;
				}
				$.each(json,function(key,value){
					if(key==n){
						html = '<li><a id="'+key+'" href="?mod=cases&ac=show&caseid='+value.caseid+'&number='+key+'"><img src="./Global/attachment/'+value.listpic+'.listpic.thumb.jpg" width="163" height="75" alt="'+value.title+'" /></a></li>';
					}
				});	
				$(html).css('width',0).insertBefore('ul.pics li:not(.page):first').animate({'width':169},500);
				$('ul.pics li:not(.page):last').animate({'width':0},500,function(){$(this).remove();ul_pics_moving=false;});
				return false;
			});
			
			
			$('ul.pics li.page:last a').click(function(){
				//alert('向下翻页事件');
				if(ul_pics_moving)return false;
				ul_pics_moving = true;
				n = $('ul.pics li:not(.page):last a').attr("id");
				n++;
				var num=0;
				$.each(json,function(key,value){
					++num;
				});	
				if(n>(num-1)){
					n=0;
				}
				$.each(json,function(key,value){
					if(key==n){
						html = '<li><a id="'+key+'" href="?mod=cases&ac=show&caseid='+value.caseid+'&number='+key+'"><img src="./Global/attachment/'+value.listpic+'.listpic.thumb.jpg" width="163" height="75" alt="'+value.title+'" /></a></li>';
					}
				});	
				$(html).css('width',0).insertAfter('ul.pics li:not(.page):last').animate({'width':169},500);
				$('ul.pics li:not(.page):first').animate({'width':0},500,function(){$(this).remove();ul_pics_moving=false;});
				return false;
			});
		});	
	});
});