function lightboxLoad(){
		
		
		$("#picArea").jScrollPane();
		
		//判断lightbox是否开启
		var on_off = $.cookie('state');
		if(on_off == null)
		{
			on_off = 1;	
		}
		//var fNum = "(" + $("#picArea > a").length + ")";
		
		
		//判断控制lightbox动作的全局变量
		var temp = 0;
		if(on_off == 2)
		{
			temp = 1;	
		}
		var temp2 = 0;
		//获得页数信息
		var picNum;//图片数量
		picNum = $("#picArea > a").length;
		
		$("#favoriteNum").html("(" + picNum + ")");
		var picPage;//最大页数
		var picCurrentPage;//当前页数
		
		//在初始化的时候，在picBar中显示前6张图片，其余图片的display设为none
		//picNum = $("#picBar > a").length;
		
		
		
		$("#icon").mouseover(function(){
							$("#intro").show();		  
									  });
		$("#icon").mouseout(function(){
							$("#intro").hide();		  
									  });
		$("#intro").mouseover(function(){
							$("#intro").show();		  
									  });
		$("#intro").mouseout(function(){
							$("#intro").hide();		  
									  });
		
		
		for(var i=0;i<picNum;i++)
		{
				//将拖进picBar中的图片设置为隐藏
				$("#picBar > a:eq(" + i + ")").css("display","none");
		}
					
		for(var j=0;j<6;j++)
		{
				$("#picBar > a:eq(" + j + ")").css("display","block");	
		}
		  
		  
		  
		  
		function runEffect(){
					if(temp == 0){	
						//var hh = window.event.x;
						$("#picBG").attr('src','picture/slider_close.gif');
						$("#icon").attr('src','picture/folder.jpg');
						$("#lightbox_work").animate({right:-89},1000);
						temp = 1;
						on_off = 2;
						$.cookie('state',2);
						
					}
					else if(temp == 1){
						$("#picBG").attr('src','picture/slider_open.gif');
						$("#icon").attr('src','picture/folder.jpg');
						$("#lightbox_work").animate({right:0},1000);
						temp = 0;
						on_off = 1;
						$.cookie('state',1);
					}
			};
		
		$("#button").click(function(){
						runEffect();
						return false;			
									});
		
		$("#Info").click(function(){
								 var boxXT = document.getElementById("favoriteBox").offsetLeft;
											var boxYT = document.getElementById("favoriteBox").offsetTop;
											
											var boxX = document.getElementById("favoriteBox").clientWidth;
											var boxY = document.getElementById("favoriteBox").clientHeight;
											
											var _x = getX();
											var _y = getY();
											
											window.alert(" "+boxXT+" "+boxYT+" "+boxX+" "+boxY+" "+_x+" "+_y);
								  
								  
								  });
		
		
		function runEffect3(){
			
						$("#favoriteBox").animate({right:-587},1000,run3);
					
			};
			
		function run3(){
						$("#lightbox_work").fadeIn(1000);
						on_off = 1;
			};
		
		$("#favoriteButton").click(function(){
						runEffect3();
						$.cookie('state',1);
						return false;			
									});
		
		$("#change").click(function(){
						on_off = 0;
						runEffect2();
						//设置lightbox状态的cookie值
						$.cookie('state',0);
						return false;
								  
								  });
	
		function runEffect2(){
			
						$("#lightbox_work").fadeOut(1000,run2);
			
			};
		
		function run2(){
						$("#favoriteBox").animate({right:0},1000);//页面中favoritebox定位不同的时候的不同的处理方式
						
			};
		
		//设置图片的拖动事件
		$(".draggable").draggable({
								  
								  helper:function(event){
									  		var img = $(this).find("img").attr('src');
											//alert(img);
											var index = img.lastIndexOf(".");
											var temp = img.substring(0,index);
											var index2 = temp.lastIndexOf(".");
											var newImg = temp.substring(0,index2);
											newImg = newImg + ".thumbnail.jpg";
											//alert(newImg);
											return $('<img src="' + newImg + '">');
									  
									  },
								  //revert:'invalid',
								  cursor:'hand',
								  cursorAt:{ top: 40, left: 40 },
								  opacity:0.35,
								  zIndex:1000,
								  scroll:false,
								  start:function(ev,ui){
									  		$("#icon").attr('src','picture/folder_drag.jpg');
											$("#iconDrop").hide();
											
									  },
								  stop:function(ev,ui){
									  		//picNumT = $("#picArea > a").length;
//											if(picNumT > picNum)
//											{
//												$("#icon").attr('src','picture/folder_drop.jpg');
//												picNum += 1;
//											}
//											else
//											{
//												$("#icon").attr('src','picture/folder.jpg');
//											}
											$("#icon").attr('src','picture/folder.jpg');
											
											if(on_off==1)
								  			{
													var lightboxXT = document.getElementById("container").offsetLeft;
													var lightboxYT = document.getElementById("container").offsetTop;
														
													var lightboxX = document.getElementById("container").clientWidth;
													var lightboxY = document.getElementById("container").clientHeight;
														
													var lightscrollT = document.documentElement.scrollTop;
													var lightscrollL = document.documentElement.scrollLeft;
														
													var lighttemp1 = ev.pageX;
													var lighttemp2 = ev.pageY;
														
													var _x = lighttemp1-lightscrollL;
													var _y = lighttemp2-lightscrollT;
													
													if(_x>lightboxXT+150&&_x<lightboxXT+lightboxX&&_y>lightboxYT&&_y<lightboxYT+lightboxY)
														{
															copyImage($(this));
														}
							
											}
									  }
								  }); 
		//设置图片滚动条接受图片的事件
		//$("#icon").droppable({
//						
//						accept:".draggable",
//						drop:function(ev,ui){
//								copyImage(ui.draggable);
//								//$("#icon").attr('src','picture/folder_drop.jpg');
//							}
//							   
//							   });
		//定义copyImage方法
		function copyImage($item){
					$("#wait").show();
					//alert($item);
					var to = $item.attr('href');
					var imgSrc = $item.find("img").attr('src');
					
					var index = imgSrc.lastIndexOf(".");
						
					var newSrc = imgSrc.substring(0,index);
					var index = newSrc.lastIndexOf(".");
					var newSrc = newSrc.substring(0,index);
					var newSrc = newSrc + ".thumbnail.jpg";
					
					var work_id = $item.find("img").attr('name');
					
					var num = $("#picArea img[name=" + work_id + "]").length;
					//alert(num);
					//当num等于0时，表示是第一次添加该作品
					if(num == 0){
					var $newItem = $('<a class="linked" onClick="linkUp(\'' + to + '\')">' + '<img src="picture/graybox.gif" style="width:85px; height:85px; position:absolute; left:0px; left:0px;"><img class="unLink" name="' + work_id + '" src="' + newSrc + '" style="width:85px; height:85px; position:absolute; left:0px; left:0px; cursor:pointer;"></a>');
					
					//添加图片到数据库中的方法
					$.get("addFavorite.php", { work_id:work_id },
						  function(data){
							  	if(data == "-1"){
									$("#wait").hide();
                        			$("#sign").fadeIn(1000,function(){
													$(this).fadeOut(3000);		   
												});
                        			return 0;
                    			}
								else if(data != "0"){
                        			var $bar = $("#picArea");
									//alert(picNum);
									
									if(picNum == 0)
									{
										picNum += 1;
										$("#favoriteNum").html("(" + picNum + ")");
										$newItem.appendTo($bar);
									}
									else if(picNum > 0)
									{
										picNum += 1;
										$("#favoriteNum").html("(" + picNum + ")");
										$newItem.insertBefore($("#picArea > a:eq(0)"));
									}
									//picNum += 1;
//									$("#favoriteNum").html("(" + picNum + ")");
//									$newItem.appendTo($bar);
									
									$(".unLink").draggable({
								  					helper:'clone',
								  					//revert:'invalid',
								  					cursor:'hand',
								  					opacity:0.35,
													scroll:false,
								  					start:function(ev,ui){
									  				//$("#Test").fadeIn();
													$(this).css('display','none');
									  				},
								  					stop:function(ev,ui){
									  				//$("#Test").fadeOut();
														var boxXT = document.getElementById("favoriteBox").offsetLeft;
														var boxYT = document.getElementById("favoriteBox").offsetTop;
														
														var boxX = document.getElementById("favoriteBox").clientWidth;
														var boxY = document.getElementById("favoriteBox").clientHeight;
														
														var scrollT = document.documentElement.scrollTop;
														var scrollL = document.documentElement.scrollLeft;
														
														var temp1 = ev.pageX;
														var temp2 = ev.pageY;
														
														var _x = temp1-scrollL;
														var _y = temp2-scrollT;
														
														//alert(" "+_x+" "+_y+" "+boxX+" "+boxY+" ");
														
														if(_x<boxXT||_x>boxXT+boxX||_y<boxYT||_y>boxYT+boxY)
														{
															var $thisItem = $(this).parent();
															deleteImage($thisItem);
															//alert("get");
															picNum -= 1;
															$("#favoriteNum").html("(" + picNum + ")");
														}
														else
														{
															$(this).css('display','block');	
														}
												  }
								  });
									$("#wait").hide();
									$("#iconDrop").fadeIn(1000,function(){
													$(this).fadeOut(3000);		   
												});
									$("#number").html($("#picArea > a").length);
									$("#number").fadeIn(1000,function(){
													$(this).fadeOut(3000);		   
												});
									
									$("#picArea").jScrollPane();
                        			return 0;
								}
								else if(data == "0")
								{
									$("#wait").hide();
									$("#owner").fadeIn(1000,function(){
													$(this).fadeOut(3000);		   
												});
                        			return 0;
								}
							  
							});
					//$("#picBar").append(newItem);
					//$newItem.appendTo($bar).css("display","none");
					
					//$("#picArea").jScrollPane();
					}
					else{
						$("#wait").hide();
						$("#already").fadeIn(1000,function(){
													$(this).fadeOut(3000);		   
												});
					}
					
					//设定拖入到picBar中的图片的拖动事件
					$(".unLink").draggable({
								  helper:'clone',
								  //revert:'invalid',
								  cursor:'hand',
								  opacity:0.35,
								  scroll:false,
								  start:function(ev,ui){
									  		//$("#Test").fadeIn();
											$(this).css('display','none');
									  },
								  stop:function(ev,ui){
									  		//$("#Test").fadeOut();
											var boxXT = document.getElementById("favoriteBox").offsetLeft;
											var boxYT = document.getElementById("favoriteBox").offsetTop;
											
											var boxX = document.getElementById("favoriteBox").clientWidth;
											var boxY = document.getElementById("favoriteBox").clientHeight;
											
											var scrollT = document.documentElement.scrollTop;
											var scrollL = document.documentElement.scrollLeft;
											
											var temp1 = ev.pageX;
											var temp2 = ev.pageY;
											
											var _x = temp1-scrollL;
											var _y = temp2-scrollT;
											
											//alert(" "+_x+" "+_y+" "+boxX+" "+boxY+" ");
											
											if(_x<boxXT||_x>boxXT+boxX||_y<boxYT||_y>boxYT+boxY)
											{
												var $thisItem = $(this).parent();
												deleteImage($thisItem);
												//alert("get");
												picNum -= 1;
												$("#favoriteNum").html("(" + picNum + ")");
											}
											else
											{
												$(this).css('display','block');	
											}
									  }
								  });
					
			};
			
			//设定已经处在picBar中的图片的拖动事件
			$(".unLink").draggable({
								  helper:'clone',
								  //revert:'invalid',
								  cursor:'hand',
								  opacity:0.35,
								  scroll:false,
								  start:function(ev,ui){
									  		//$("#Test").fadeIn();
											$(this).css('display','none');
									  },
								  stop:function(ev,ui){
									  		//$("#Test").fadeOut();
											var boxXT = document.getElementById("favoriteBox").offsetLeft;
											var boxYT = document.getElementById("favoriteBox").offsetTop;
											
											var boxX = document.getElementById("favoriteBox").clientWidth;
											var boxY = document.getElementById("favoriteBox").clientHeight;
											
											var scrollT = document.documentElement.scrollTop;
											var scrollL = document.documentElement.scrollLeft;
											
											var temp1 = ev.pageX;
											var temp2 = ev.pageY;
											
											var _x = temp1-scrollL;
											var _y = temp2-scrollT;
											//alert(" "+_x+" "+_y+" "+boxX+" "+boxY+" ");
											if(_x<boxXT||_x>boxXT+boxX||_y<boxYT||_y>boxYT+boxY)
											{
												var $thisItem = $(this).parent();
												deleteImage($thisItem);
												picNum -= 1;
												$("#favoriteNum").html("(" + picNum + ")");
											}
											else
											{
												$(this).css('display','block');	
											}
									  }
								  });
			
			//定义的一个回收站，用来回收picBar中的图片
			//$("#Test").droppable({
//									accept:".unLink",	
//									drop:function(ev,ui){
//											deleteImage(ui.draggable);
//										}
//												 });
			
			function deleteImage($item){
					$item.fadeOut(1000,function(){
							//从数据库中删除图片
							var work_id = $item.find('img:eq(1)').attr('name');
							$.get("delFavorite.php", { work_id:work_id },function(data){});
							
							$item.remove();	 
					
						});
				};
				
			//$("#icon").dropShadow();
			//$("img").dropShadow();
		
};

function linkUp(linkUrl){
				window.location = linkUrl;
	}