﻿/*-----------------------------------ajax-----------------------------------*/
//查找图片列表
function  Ajax_Request_GetGoodsPhotoByGoodsPhotoCategoryID()
{
   //$("divGoodsPhoto").innerHTML='<div style="width:240px;background:#f30;color:#fff;font:12px arial;padding:3px">正在加载图片，请稍侯……</div>'
   $("divGoodsPhoto").innerHTML='<div style="height:270px"><p style="padding-top:168px;text-align:center"><img src="../images/ajax/i_animated_loading_32_2.gif"></p></div>';
  // return;
  
   //alert("xx");
   var vGoodsPhotoCategoryID=$("selGoodsPhotoCategory").value;
   if(vGoodsPhotoCategoryID)//如果有值
   {
      AjaxService.GetGoodsPhotoByGoodsPhotoCategoryID(vGoodsPhotoCategoryID,Ajax_Request_GetGoodsPhotoByGoodsPhotoCategoryID_ReadData_callback);
   }
}
var vSmallPhotoArray ;//小图数组
var vBigPhotoArray ;//小图数组
var vOriginalPhotoArray ;//小图数组

/*------------------------------------------------------------------------------
   处理ajax返回: 处理图片列表，并显示
--------------------------------------------------------------------------------*/
function Ajax_Request_GetGoodsPhotoByGoodsPhotoCategoryID_ReadData_callback(response){
  
    	var ds = response.value; 
		if(ds != null && typeof(ds) == "object" && ds.Tables != null)
		{ 		
		     //重新构建数组
             vSmallPhotoArray  = new Array();//小图数组
             vBigPhotoArray  = new Array();//小图数组
             vOriginalPhotoArray  = new Array();//小图数组		      
		     for(var i=0; i<ds.Tables[0].Rows.length; i++)
			 {   
                var dr=ds.Tables[0].Rows[i];//当前行
		         
		         vSmallPhotoArray[vSmallPhotoArray.length]=dr.SmallPhoto.replace("$RsContextRoot$",_RsContextRoot);//小图
		         //vBigPhotoArray[vBigPhotoArray.length]=dr.BigPhoto.replace("$RsContextRoot$",_RsContextRoot);//大图
		         vBigPhotoArray[vBigPhotoArray.length]=dr.BigBigPhoto.replace("$RsContextRoot$",_RsContextRoot);//大大图
		         vOriginalPhotoArray[vOriginalPhotoArray.length]=dr.OriginalPhoto.replace("$RsContextRoot$",_RsContextRoot);//原图		         
		      }   
		      ProcessPhotosDisplay();  //处理图片的显示
		}
		else
		{
			if(debug){
			  //alert("Error. [3001] " + response.request.responseText);
			  /*屏蔽错误*/
			    $("divGoodsPhoto").innerHTML='<div style="width:240px;background:#f30;color:green;font:12px arial;padding:3px">加载图片出错……</div>'
		    }
        } 
}

//处理图片的显示
function ProcessPhotosDisplay()
{ 
      var vDisplayPhotoHtml="";
      //如果小图数组为大于0
      if(vSmallPhotoArray.length>0)
      {
          vDisplayPhotoHtml+="";//显示第一张大图
          vDisplayPhotoHtml+="<div class=\"bigpic\" id=\"divBigPhoto\"><p><a href='"+vOriginalPhotoArray[0]+"' target='_blank'><img src=\""+vBigPhotoArray[0]+"\"></a></p></div>";
          vDisplayPhotoHtml+=" <div class=\"litpic\">";
          vDisplayPhotoHtml+=" <p>"; 
          for(i=0;i<vSmallPhotoArray.length;i++)
          {
		      vDisplayPhotoHtml+="<a href=\"javascript:void(0);\" onmouseover=\"ShowBigPhoto('"+vBigPhotoArray[i]+"','"+vOriginalPhotoArray[i]+"')\" onclick=\"ShowBigPhoto('"+vBigPhotoArray[i]+"','"+vOriginalPhotoArray[i]+"')\" ><img src=\""+vSmallPhotoArray[i]+"\"></a>";
          }  
          vDisplayPhotoHtml+=" </p>";
          vDisplayPhotoHtml+="</div>";
      } 
   
       $("divGoodsPhoto").innerHTML=  vDisplayPhotoHtml; 	
}
  
//点击显示大图 
function ShowBigPhoto(vBigPhoto,vOriginalPhoto)
{
   var vDivBigPhoto=document.getElementById("divBigPhoto");
   var bBigPhotoHtml=" <p><a href='"+vOriginalPhoto+"' target='_blank'><img src=\""+vBigPhoto+"\"></a></p>";
   vDivBigPhoto.innerHTML=  bBigPhotoHtml; 	
}  
  
 