var images = document.getElementsByName("images_j");
	$(document).ready(function(){
		init_main();
		init_list();
		$("#previous").bind("click",previous_click);
		$("#next").bind("click",next_click);
		$(".image1").each(function(i){
			if(i == 0){
				this.id = "current";
			}
		});
	});
	//初始化大图片
	function init_main(){
		var url = images[0].value;
		var result = url;
/*		
		if(url.indexOf("/thumbs/") > -1){				
			result = url.replace("/thumbs/","/albums/");
		}
		if(url.indexOf("/resizes/") > -1){
			result = url.replace("/resizes/","/albums/");
		}
		if(!url.indexOf("/thumbs/") > -1 && !url.indexOf("/resizes/") > -1 &&!url.indexOf("/albums/") > -1 ){
			result = url;
		}
*/
		
		if(url.indexOf("/thumbs/") > -1){				
			result = url.replace("/thumbs/","/albums/");
		} else if(url.indexOf("/resizes/") > -1){
			result = url.replace("/resizes/","/albums/");
		}

		

		var img = new Image();
		$(img).load(function(){
			$(this).css("display","none");
			$("#main_image").removeClass("loading_j").append(this);

			$(this).show();
		}).error(function(){
			$("#main_image").removeClass("loading_j").append(this);
			$(this).show("fast");
		}).attr({"src":result,"id":"main_image_j"});
//		$("#main_image_j").attr("src",result);
	}

	//初始化小图片列表
	function init_list(){
//		$(".image1 img").each(function(i){
//			this.src = images[i].value;
//			this.id = i;
//			$("#"+i).bind("click",function(){image_click(this);});
//		});
		$(".image1").each(function(index,el){
			var img = new Image();
			$(img).load(function(){
				$(this).css("display","none");
				$(el).removeClass("loading_j").append(this);
//				$(this).fadeIn();
				$(this).show();
			}).attr({"id":index,"src":images[index].value}).bind("click",function(){image_click(this);});
		});
	}
	function next_click(){
		
		var msg = $("#previous").next().remove();
/*ie6	$("#previous").next().addClass("margintop5_ie6");*/
		var id;
		$(".image1 img").each(function(i){
			
			id = parseInt(this.id);
		});
		if(id >= images.length - 1){
			id = 0;
		}else{
			id = id + 1;
		}
		var url = images[id].value;
		var result;
		if(url.indexOf("/thumbs/") > -1){				
			result = url.replace("/thumbs/","/albums/");
		}else{
			if(url.indexOf("/resizes/") > -1){
				result = url.replace("/resizes/","/albums/");
			}else
			{
				result = url;
			}
		}
			
		$("#main_image_j").attr("src",result);
		$("#current").attr("id","");
		var object = $("<div class='image'><div class='image1' id='current'><img src='"+ images[id].value +"' id='"+id+"'/></div></div>");
		$("#next").before(object);
		$("#"+id).bind("click",function(){image_click(this)});
		
	}
	function previous_click(){
		var msg = $("#next").prev().remove();
/*	$("#previous").next().removeClass("margintop5_ie6");	*/	
		var id;
		$(".image1 img").each(function(i){
			
			if(i == 0){
				id = parseInt(this.id);
			}
		});
		if(id <= 0){
			id = images.length - 1;
		}else{
			id = id - 1;
		}
		var url = images[id].value;
		
		var result;
		if(url.indexOf("/thumbs/") > -1){				
			result = url.replace("/thumbs/","/albums/");
		}else{
			if(url.indexOf("/resizes/") > -1){
				result = url.replace("/resizes/","/albums/");
			}else
			{
				result = url;
			}
		}
		
		$("#main_image_j").attr("src",result);
		$("#current").attr("id","");
	var object = $("<div class='image'><div class='image1' id='current'><img src='"+ images[id].value +"' id='"+id+"'/></div></div>");

/*	var object = $("<div class='image margintop5_ie6'><div class='image1' id='current'><img src='"+ images[id].value +"' id='"+id+"'/></div></div>");*/
		$("#previous").after(object);
		$("#"+id).bind("click",function(){image_click(this)});
	}	
	function image_click(obj){
		var url = obj.src;
		
		var result;
		if(url.indexOf("/thumbs/") > -1){				
			result = url.replace("/thumbs/","/albums/");
		}else{
			if(url.indexOf("/resizes/") > -1){
				result = url.replace("/resizes/","/albums/");
			}else
			{
				result = url;
			}
		}
		
		$("#main_image_j").attr("src",result);
		$("#current").attr("id","");
		obj.parentNode.id = "current";
		
	}