var phookProductThemeName = '';
var phookProductTagName = '';
var pfeId = ''; //扩展id
var cSize = '';//衣服尺寸
 /*----------------------------------------------------------------
// Copyright (C) 2008 PHOOK
// 版权所有。 
//
// 文件名：AutoProductPhoto.js
// 文件功能描述： 自动给产品中导入照片
//
// 
// 创建标识：Cry
// 修改标识：
// 修改描述：
//----------------------------------------------------------------*/
//自定义AutoEditor中的变量
var $auto={
    ie:!!document.all,            //ie:true
    editFolderNum:null,           //当前正在编辑的照片夹的编号
    editFolderIndex:null,         //当前正在编辑的照片夹在数组中的索引
    photoPool:null,               //照片池中存储的照片
    autoPhoto:new Array(),        //确定要导入的照片
    selAutoPhotoArr:new Array(),  //确定要导出的照片
    selPhotoArr:new Array(),      //当前选中的照片
    
    selCover:null,                //当前选中的封页背景
    selBackGround:null,           //当前选中的内页背景
    
    drag:{//拖拽
        firstDrag:true
    },
    selPhotoIndex:null,           //照片池中目前选中照片的索引(完成连续点击导入功能)
    selAutoPhotoIndex:null,       //导入池中目前选中照片的索引(完成连续点击导出功能)
    
    cover:new Array(),             //封页背景
    
    themeNum:null,                 //当前主题产品id
    
    
    
    pageNum:null,                  //产品页数
    
    price:null,                    //产品价格
	
	oldPrice:null,					//产品原价
    
    productInfo:null              //当前产品的信息
}

//========================================================
//    创建绝对定位对象的方法
//Writer:         Cry
//create Date:    2008.6.20
//parameters:    对象名称，id,top.left.width,height;
//returns:
//========================================================
createObj=function(tagName,tagID,tagTop,tagLeft,tagWidth,tagHeight){
    var object=document.createElement(tagName);
    if(!!tagID)
        object.id=tagID;
    (!!tagTop || tagTop==0)?object.style.top=tagTop:object.style.top;
    (!!tagLeft || tagLeft==0)?object.style.left=tagLeft:object.style.left;
    (!!tagWidth || tagWidth==0)?object.style.width=tagWidth:object.style.width;
    (!!tagHeight || tagHeight==0)?object.style.height=tagHeight:object.style.height;
    object.style.position='absolute';
    return object;
}
createRelativeObj=function(tagName,tagID,tagTop,tagLeft,tagWidth,tagHeight){
    var object=document.createElement(tagName);
    if(!!tagID)
        object.id=tagID;
    (!!tagTop || tagTop==0)?object.style.marginTop=tagTop:object.style.top;
    (!!tagLeft || tagLeft==0)?object.style.marginLeft=tagLeft:object.style.left;
    (!!tagWidth || tagWidth==0)?object.style.width=tagWidth:object.style.width;
    (!!tagHeight || tagHeight==0)?object.style.height=tagHeight:object.style.height;
    object.style.position='relative';
    //object.style.styleFloat='left';
    return object;
}
//========================================================
//    获取指定id的对象
//Writer:         Cry
//create Date:    2008.6.20
//parameters:    objId
//returns:
//========================================================
getObj=function(objId){
    var obj=document.getElementById(objId);
    return obj=obj || null;
}
//========================================================
//    创建自动导入
//Writer:         Cry
//create Date:    2008.6.20
//parameters:    主题id,页数,当前作品的价钱
//returns:
//========================================================
AutoProductPhotoInit=function(kId,pageNum,price,coverBool){
    $auto.themeNum=kId || 29;
    
    $auto.pageNum=pageNum  ;
    
    $auto.price=price || '169.00';
    
    //创建主题
    var autoEditorObj=document.createElement('div');
    autoEditorObj.id='autoEditor';
    with(autoEditorObj.style){
        left=(document.body.scrollWidth-900)/2;
        top=(document.documentElement.clientHeight - 600)/2 + GetScrollTop();
        width=900;
        height=600;
        backgroundColor='#ffffff';
        position='absolute';
        border='1px solid #c2c2c2';
    }
    if (autoEditorObj){
        autoEditorObj.style.posTop = Math.abs(autoEditorObj.style.posTop);
    }
    document.body.appendChild(autoEditorObj);
    //照片顶部
    var autoHtml='<div style="position:absolute;top:0px;left:0px;width:900px;height:29px;background-color:#5B5A58;border-bottom:1px solord #000000">';
    autoHtml+='<div style="position:absolute;width:100px;float:left;top:7;left:10px;color:#ffffff;font-size:14px;">选择照片</div>';
    autoHtml+='<img style="position:absolute;top:5px;left:860px;cursor:pointer;" onclick="autoProductPhotoClose();" src="/Images/AutoPhoto/autointro_close.jpg" /></div>';
    //照片夹填充区
    autoHtml+='<div style="position:absolute;top:29px;left:0px;width:240px;height:135px;border:1px solid #c2c2c2">';
    autoHtml+='<div style="position:absolute;top:0px;left:0px;width:240px;height:25px;background-color:#3A3937">';
    autoHtml+='<img style="position:absolute;top:10px;left:5px;" src="/Images/AutoPhoto/autointro_b01.jpg" />';
    autoHtml+='<div style="position:absolute;top:6px;font-size:14px;left:15px;color:#ffffff;width:150px;font-size:12px; font-weight:bold;">&nbsp;选择照片夹</div>';
    
    //////////////////////////////////////////////////////////上传照片的按钮
    autoHtml+='<img onclick="javascript:showUploadFile();" style="position:absolute;top:5px;left:120px;cursor:pointer;display:none;" src="/Images/AutoPhoto/autointro_upload_button.jpg" />';
    //////////////////////////////////
    
    autoHtml+='</div>';
    autoHtml+='<div id="photoFolder" style="position:absolute;top:25px;left:35px;width:205px;height:110px;overflow-y:scroll;"></div>';
    autoHtml+='</div>';
//    //照片填充区
    autoHtml+='<div id="divPhoto" style="position:absolute;top:166px;left:0px;width:240px;height:432px;">'
    autoHtml+='<div id="photo" style="position:relative;margin-top:0px;margin-left:0px;width:240px;height:432px;border:1px solid #c2c2c2;overflow-y:scroll;"></div></div>';
    //导入区背景
    autoHtml+='<div style="position:absolute;top:29px;left:240px;width:660px;height:571px;background-color:#D9D2CA">';
    autoHtml+='<div id="productInfo" style="position:absolute;top:16px;left:50px;width:589px;height:35px;background-color:#edeae5;border:solid #9b9893 1px;">';
    //autoHtml+='<div style="position:absolute;font-size:0px;top:0px;left:130px;height:64px;width:2px;border-left:1px solid #3E3D3B"></div>';
    autoHtml+='</div>';
    autoHtml+='<div style="position:absolute;top:75px;left:50px;width:120px;height:25px;font-size:12px;">已选照片:　<span id="selPhotoNum" style="font-weight:bold;color:#FF5A14;font-size:14px;">0</span>　张</div>';
    autoHtml+='<div style="position:absolute;top:76px;left:150px;width:120px;height:25px;font-size:12px;">本产品需要:　<span id="needPhotoCount" style="font-weight:bold;color:#010000;font-size:12px;">0</span>　张</div>';
    autoHtml+='<img onclick="submitAutoPhoto();" style="position:absolute;top:75px;left:560px;cursor:pointer;" src="/Images/AutoPhoto/autointro_complete.jpg" alt="进入编辑器" />';
    autoHtml+='<img onclick="selectAutoLeadPhoto();" style="position:absolute;top:200px;left:10px;cursor:pointer" src="/Images/AutoPhoto/autointro_add.jpg" />';
    autoHtml+='<img onclick="currentlyFolderAutoLead();" style="position:absolute;top:235px;left:10px;cursor:pointer" src="/Images/AutoPhoto/autointro_addall.jpg" />';
    autoHtml+='<img onclick="selectPhotoEduce();" style="position:absolute;top:270px;left:10px;cursor:pointer" src="/Images/AutoPhoto/autointro_delete.jpg" />';
    autoHtml+='<img onclick="photoEduceAll();" style="position:absolute;top:305px;left:10px;cursor:pointer" src="/Images/AutoPhoto/autointro_deleteall.jpg" />';
    if(coverBool){
        autoHtml+='<img onclick="createAutoCover();" style="position:absolute;top:540px;left:476px;cursor:pointer; display:none;" src="/Images/AutoPhoto/autointro_next.jpg" alt="选择封面背景" />';
    }
    autoHtml+='<img onclick="submitAutoPhoto();" style="position:absolute;top:540px;left:560px;cursor:pointer;" src="/Images/AutoPhoto/autointro_complete.jpg" alt="进入编辑器" />';
    autoHtml+='<div style="position:absolute;top:110px;left:50px;width:588px;height:415px;background-color:#ffffff">';
    autoHtml+='<div id="autoPhoto" style="position:relative;margin-left:0px;margin-top:5px;width:589px;height:410px;overflow-y:scroll;"></div></div></div>'
    
    autoEditorObj.innerHTML=autoHtml;
    autoEditorObj.style.zIndex = 2;
    //自动导入创建灰层
    CreateAutoDivBackground();
    //获取当前作品的基本信息
    getProductInfo();
}
//========================================================
//    获取当前产品的基本信息
//Writer:         Cry
//create Date:    2008.7.2
//parameters:    
//returns:
//========================================================
getProductInfo=function(){
    var params='ajax=AutoPhoto&type=getProductInfo&kid='+$auto.themeNum+'&pagenum='+$auto.pageNum;
    processAjax(params,loadProductInfo,'POST');
}
//========================================================
//    加载当前产品的基本信息
//Writer:         Cry
//create Date:    2008.7.2
//parameters:    
//returns:
//========================================================
loadProductInfo=function(data){
    if(data){
        eval('$auto.productInfo='+data);
        
        //赋值
        $auto.pageNum = $auto.productInfo.pageCount;

        var productInfo=getObj('productInfo');
        //创建主题名称位置
        var themeName=createObj('span','',10,5);
        var strHTML = '您选择的是：'+$auto.productInfo.formatName;
        //strHTML += $auto.pageNum+'面';
        themeName.innerHTML=strHTML;
        with(themeName.style){
            color='#000000';
            fontSize=14;
        }
        productInfo.appendChild(themeName);
        //创建主题规格名称1
        var name=$auto.productInfo.formatName;
        var nameArr=name.split('mm');
        if(nameArr.length==3){
            var formatName1=createObj('span','',25,5);
            $auto.productInfo.formatName1=nameArr[0]+'mm'+nameArr[1]+'mm';
            formatName1.innerHTML=$auto.productInfo.formatName1;
            with(formatName1.style){
                color='#FF8929';
                fontSize=12;
            }
            productInfo.appendChild(formatName1);
            var formatName2=createObj('span','',45,5);
            $auto.productInfo.formatName2=nameArr[2];
            formatName2.innerHTML=$auto.productInfo.formatName2;
            with(formatName2.style){
                color='#81C8F2';
                fontSize=14;
            }
            productInfo.appendChild(formatName2);
       }
       //产品页数
       var pageNum=createObj('span','',10,280);
       if ($auto.pageNum){
		pageNum.innerHTML=$auto.pageNum;
       }
       with(pageNum.style){
          color='#000000';
          fontSize=14;
       }
       productInfo.appendChild(pageNum);
       //固定页字
       var pageText=createObj('span','',10,300);
       if ($auto.pageNum){
			pageText.innerHTML='页';
		}
       with(pageText.style){
          color='#000';
          fontSize=14;
       }
       productInfo.appendChild(pageText);
       //价钱
       var price=createObj('span','',10,400);
       
       $auto.oldPrice=$auto.productInfo.oldPrice;
       
	   if($auto.oldPrice-$auto.price<=0)
	   {
		  price.innerHTML='￥'+$auto.price;
		  with(price.style)
		  {
			  //backgroundColor='#ffffff';
			  color='#c00';
			  fontSize=16;
			  fontWeight='bold';
		  }
	   }
	   else
	   {
		price.innerHTML = '<font style="font-size:8px">￥</font>';
		price.innerHTML += '<font style="font-family:Georgia; font-size:12px; color:#d20200;">'+$auto.price+'</font>';
		price.innerHTML += '<font style="color:Gray;margin-left:8px;font-size:8px">￥</font>';
		price.innerHTML += '<font style="font-family:Georgia; font-size:12px; color:Gray;text-decoration:line-through;">'+$auto.oldPrice+'</font>';
		
	   }
       
       productInfo.appendChild(price);
       //需要的照片数量
       var needPhotoCount=getObj('needPhotoCount');
       needPhotoCount.innerHTML=$auto.productInfo.photoCount;
    }
    //加载照片夹
    getAutoPhotoFolder();
}
//========================================================
//    关闭当前autoEditor
//Writer:         Cry
//create Date:    2008.6.21
//parameters:    
//returns:
//========================================================
autoProductPhotoClose=function(){
    var autoEditor=getObj('autoEditor');
    if(autoEditor){
        autoEditor.parentNode.removeChild(autoEditor);
    }
    var autoEditor1=getObj('autoEditor');
    if(autoEditor1){
        autoEditor1.parentNode.removeChild(autoEditor1);
    }
    $auto.autoPhoto.length=0;
    $auto.selAutoPhotoArr.length=0;
    $auto.selPhotoArr.length=0;
    $auto.selCover=null;
    $auto.selBackGround=null;
    //移除灰底 add by baixiaoyu 2009-02-04
    removeAutoDivBackground(); 
}
//-----------------------------------获取并创建照片夹------------------------------------
//========================================================
//    获取照片夹
//Writer:         Cry
//create Date:    2008.6.20
//parameters:    
//returns:
//========================================================
getAutoPhotoFolder=function(){
    var params='ajax=AutoPhoto&type=getfolder';
    processAjax(params,loadAutoPhotoFolder,'POST');
}
//========================================================
//    加载照片夹部分数据返回部分
//Writer:         Cry
//create Date:    2008.6.20
//parameters:    返回的数据
//returns:
//========================================================
loadAutoPhotoFolder=function(data){
    if(data){
        var folderArr=data.split('|');
        var photoFolder=getObj('photoFolder');
        for(var i=0;i<folderArr.length;i++){
            var folder=createPhotoFolder(i,folderArr[i].split("*"));
            photoFolder.appendChild(folder);
        }
        getAutoPhoto();
    }
}
//========================================================
//    创建照片夹
//Writer:         Cry
//create Date:    2008.6.20
//parameters:    
//returns:
//========================================================
createPhotoFolder=function(index,folderArr){
    var divObj=createObj('div','',index*20,0,200,20);
    with(divObj.style){
        fontSize=14;
    }
    var imgObj=createObj('img','',5,5);
    imgObj.src='/Images/AutoPhoto/photoFolder.JPG';
    imgObj.style.cursor='pointer';
    imgObj.onclick=new Function('createAutoPhoto('+folderArr[0]+')');
    divObj.appendChild(imgObj);
    var spanObj=createObj('div','span'+folderArr[0],0,25,110,20);
    spanObj.onclick=new Function('createAutoPhoto('+folderArr[0]+')');
    spanObj.style.cursor='pointer';
    spanObj.style.fontSize=20;
    divObj.appendChild(spanObj);
    var textSpan=createObj('span','',5,2,110,20);
    textSpan.style.overflow='hidden';
    textSpan.style.fontSize=12;
    textSpan.innerHTML=folderArr[1];
    spanObj.appendChild(textSpan);
    return divObj;
}
//-----------------------------------获取并创建照片------------------------------------
//========================================================
//    获取照片
//Writer:         Cry
//create Date:    2008.6.21
//parameters:    
//returns:
//========================================================
getAutoPhoto=function(){
    var params='ajax=AutoPhoto&type=getphoto';
    processAjax(params,loadAutoPhoto,'POST');
}
//========================================================
//    加载照片(此加载)
//Writer:         Cry
//create Date:    2008.6.21
//parameters:    
//returns:
//========================================================
loadAutoPhoto=function(data){
    if(data){
        //参考模型
        //$auto.photoPool.folderId
        //$auto.photoPool.photos[0].id;
        //$auto.photoPool.photos[0].name;
        eval('$auto.photoPool='+data);
        createAutoPhoto();
    }
}
//========================================================
//    创建单个照片夹里的照片
//Writer:         Cry
//create Date:    2008.6.21
//parameters:    照片夹id
//returns:
//========================================================
createAutoPhoto=function(folderId){
    if(!folderId){ //如果没有照片夹id 自动获取照片夹id
        for(var i=0;i<$auto.photoPool.length;i++){
            if($auto.photoPool[i].photos.length>0){
                folderId=$auto.photoPool[i].folderId;
                break;
            }
        }   
    }
    //如果获取不到照片夹id 则什么都不处理
    if(folderId){
        //取消描述当前选中照片夹的效果
        var spanObj=getObj('span'+$auto.editFolderNum);
        if(spanObj){
            spanObj.style.backgroundColor='';
        }
        //创造描述当前选中照片夹的效果
        var curSpanObj=getObj('span'+folderId);
        if(folderId){
			if(curSpanObj){
				curSpanObj.style.backgroundColor='#D4CFC9';
            }
        }
        //获取当前编辑的照片夹的编号
        $auto.editFolderNum=folderId;
        //清空当前选择过的照片
        $auto.selPhotoArr.length=0;

        var photoObj=getObj('photo');
        photoObj.innerHTML='';
        for(var i=0;i<$auto.photoPool.length;i++){
            if($auto.photoPool[i].folderId==folderId){
                $auto.editFolderIndex=i;
                for(var j=0;j<$auto.photoPool[i].photos.length;j++){
                    var pObj=$auto.photoPool[i].photos[j];
                    var top=0;
                    var left=0;
                    //modify begin by baixiaoyu   将单引号在显示的时候替换
                    pObj.name = pObj.name.replace("'","");
                    //modify end by baixiaoyu 
                    var photo=createStylePhoto('photo'+pObj.id,top,left,pObj);
                    photoObj.appendChild(photo);
                    //modify by baixiaoyu 
                    if (j==0){
                      selectImgObj(pObj.folderId,pObj.id, pObj.dId , pObj.width , pObj.height , pObj.url , pObj.name);
                    }
                }
                break;
            }
        }
        
    }
}
//========================================================
//    创建单个照片并带有简单的样式
//Writer:         Cry
//create Date:    2008.6.21
//parameters:    照片的htmlid,top,left,width,height,是否是坐标的
//returns:
//========================================================
createStylePhoto=function(id,top,left,pObj){
    //总层
    var divObj=createRelativeObj('div','div'+id,10,4,104,106);
    divObj.style.styleFloat='left';
    //内总层
    var div=createRelativeObj('div','',2,2,100,102);
    div.style.backgroundColor='#ffffff';
    divObj.appendChild(div);
    //图片层
    var imgDivObj=createRelativeObj('div','img'+id,0,0,100,90);
    div.appendChild(imgDivObj);
    //文字层
    var textDivObj=createRelativeObj('div','',0,0,100,12);
    with(textDivObj.style){
        fontSize=10;
        textAlign='center';
        overflow='hidden';
    }
    textDivObj.innerHTML=pObj.name;
    div.appendChild(textDivObj);
    //图片
    var imgWidth=100;
    var imgHeight=Math.round(pObj.height*imgWidth/pObj.width);
    if(imgHeight>90){
        imgHeight=90;
        imgWidth=Math.round(pObj.width*imgHeight/pObj.height);
    }
    imgTop=(90-imgHeight)/2;
    imgLeft=(100-imgWidth)/2;
    var imgObj=createRelativeObj('div','photo'+pObj.id,imgTop,imgLeft,imgWidth,imgHeight);
    imgObj.style.top=top;
    imgObj.style.left=left;
    imgObj.style.cursor='pointer';
    imgObj.onmousedown=new Function('initDrags(\''+imgObj.id+'\')');
    imgObj.onclick=new Function('selectImgObj('+pObj.folderId+','+pObj.id+','+pObj.dId+',\''+pObj.width+'\',\''+pObj.height+'\',\''+pObj.url+'\',\''+pObj.name+'\')');
    imgObj.onmouseup=new Function('deleteDragPhotoEffect('+pObj.folderId+','+pObj.id+','+pObj.dId+',\''+pObj.width+'\',\''+pObj.height+'\',\''+pObj.url+'\',\''+pObj.name+'\')');
     imgObj.ondblclick=new Function('dbselectImgObj('+pObj.folderId+','+pObj.id+','+pObj.dId+',\''+pObj.width+'\',\''+pObj.height+'\',\''+pObj.url+'\',\''+pObj.name+'\')');
    imgDivObj.appendChild(imgObj);
    imgObj.style.backgroundImage='url('+pObj.url+')';
    return divObj;
}
//==============================================================
//    获取选中状态的结构体
//Writer:         Cry
//create Date:    2008.6.21
//parameters:
//returns:
//===============================================================
selectImgObjClass=function(folderId,id,photoId,width,height,url,name){
    folderId=folderId || $auto.editFolderNum;
    this.folderId=folderId;
    this.id=id;
    this.photoId=photoId;
    this.width=width;
    this.height=height;
    this.url=url;
    this.name=name;
}
//==============================================================
//    点击选择当前照片(或取消选中)
//Writer:         Cry
//create Date:    2008.6.21
//parameters:    照片的htmlid,top,left,width,height
//returns:
//===============================================================
selectImgObj=function(folderId,imgId,dId,width,height,url,name){
    var photoObj=getObj('photo');
    var divObj=getObj('divPhoto'+imgId);
    var selImgObj=getObj('selPhoto'+imgId);
    if(divObj.style.backgroundColor){
        divObj.style.backgroundColor='';
        //获取导入后的下此自动选中
        if($auto.selPhotoArr.length==1)  $auto.selPhotoIndex=null;
        for(var i=0;i<$auto.selPhotoArr.length;i++){
            if($auto.selPhotoArr[i].id==imgId){
                $auto.selPhotoArr.splice(i,1);
                break;
            }
        }
    }
    else{
        //获取$auto.selPotoIndex目前的值
        if(!$auto.selPhotoIndex && $auto.selPhotoIndex!=0){
            for(var i=0;i<$auto.photoPool[$auto.editFolderIndex].photos.length;i++){
                if(imgId==$auto.photoPool[$auto.editFolderIndex].photos[i].id){
                    $auto.selPhotoIndex=i;
                    break;
                }
            }
        }
        divObj.style.backgroundColor='#FF3700';
        //modify by baixiaoyu 2009-02-03 将js中的关键字符单引号显示的时候去掉
        name = name.replace("'","");
        $auto.selPhotoArr.push(new selectImgObjClass(folderId,imgId,dId,width,height,url,name));
    }
    
}
//==============================================================
//    双击选择当前照片
//Writer:         Cry
//create Date:    2008.7.28
//parameters:    照片的htmlid,top,left,width,height
//returns:
//===============================================================

dbselectImgObj=function(folderId,imgId,dId,width,height,url,name){
        var  autoPhoto=getObj('autoPhoto');
        var dragPhoto=new selectImgObjClass(folderId,imgId,dId,width,height,url,name); 
        var divObj=createAutoLeadPhoto(dragPhoto,$auto.autoPhoto.length);
        autoPhoto.appendChild(divObj);
        var photoPool=$auto.photoPool[$auto.editFolderIndex].photos;
        for(var i=0;i<photoPool.length;i++){
            if(photoPool[i].id==imgId){
                $auto.autoPhoto.push(dragPhoto);
                $auto.photoPool[$auto.editFolderIndex].photos.splice(i,1);
                break;
            }
        }
        //清理选中照片
        $auto.selPhotoArr.length=0;
        var photos=getObj('photo');
        var imgPhoto=getObj('divPhoto'+imgId);
        if(imgPhoto){
            photos.removeChild(imgPhoto);
        }
        //修改导入照片的数量
        getObj('selPhotoNum').innerHTML=$auto.autoPhoto.length;

}

//==============================================================
//    选中照片的导入
//Writer:         Cry
//create Date:    2008.6.21
//parameters:   
//returns:
//===============================================================
selectAutoLeadPhoto=function(){
    if($auto.selPhotoArr.length>0){
        var photos=getObj('photo');
        var  autoPhoto=getObj('autoPhoto');
        //导入照片
        for(var i=0;i<$auto.selPhotoArr.length;i++){
            var divObj=createAutoLeadPhoto($auto.selPhotoArr[i],i);
            autoPhoto.appendChild(divObj);
        }
        //清理照片池中的数据
        if($auto.editFolderIndex || $auto.editFolderIndex==0){
            if($auto.photoPool[$auto.editFolderIndex].folderId==$auto.editFolderNum){
                var photoPool=$auto.photoPool[$auto.editFolderIndex].photos;
                for(var j=0;j<$auto.selPhotoArr.length;j++){
                    for(var k=0;k<photoPool.length;k++){
                        if($auto.selPhotoArr[j].id==photoPool[k].id){
                            $auto.autoPhoto.push($auto.selPhotoArr[j]);
                            //移除照片池中的照片
                            var imgPhoto=getObj('divPhoto'+$auto.selPhotoArr[j].id);
                            if(imgPhoto){
                                photos.removeChild(imgPhoto);
                            }
                            $auto.photoPool[$auto.editFolderIndex].photos.splice(k,1);
                            break;
                        }
                    }
                }
            }
        }
        //清理选中照片
        $auto.selPhotoArr.length=0;
        //默认选中照片
        if($auto.selPhotoIndex>=0 && $auto.selPhotoIndex!=null){
            while($auto.selPhotoIndex>=$auto.photoPool[$auto.editFolderIndex].photos.length){
                $auto.selPhotoIndex--;
                if($auto.selPhotoIndex==-1){
                    $auto.selPhotoIndex=0;
                    break;
                }
            }               
            if($auto.photoPool[$auto.editFolderIndex].photos[$auto.selPhotoIndex]){
                var imgObj=getObj('photo'+$auto.photoPool[$auto.editFolderIndex].photos[$auto.selPhotoIndex].id);
                if(imgObj){
                    imgObj.click();
                }
            }
        }
        if($auto.selPhotoArr.length==0) $auto.selPhotoIndex=null;
        //修改导入照片的数量
        getObj('selPhotoNum').innerHTML=$auto.autoPhoto.length;
    }
}
//==============================================================
//    当前照片夹的整个的导入
//Writer:         Cry
//create Date:    2008.6.23
//parameters:   
//returns:
//===============================================================
currentlyFolderAutoLead=function(){
    if($auto.editFolderIndex || $auto.editFolderIndex==0){
        var autoPhoto=getObj('autoPhoto');
        var photoPool=$auto.photoPool[$auto.editFolderIndex].photos;
        for(var i=0;i<photoPool.length;i++){
            var divObj=createAutoLeadPhoto(photoPool[i],$auto.autoPhoto.length);
            autoPhoto.appendChild(divObj);
            $auto.autoPhoto.push(photoPool[i]);
        }
        //清理选中照片数量
        $auto.selPhotoArr.length=0;
        //清理照片池中当前照片夹的数量
        $auto.photoPool[$auto.editFolderIndex].photos.length=0;
        createAutoPhoto($auto.editFolderNum);
        //当前默认选中导入照片清空
        $auto.selPhotoIndex=null;
        //修改导入照片的数量
        getObj('selPhotoNum').innerHTML=$auto.autoPhoto.length;
    }
}
//--------------------------------------------导入池部分---------------------------------
//==============================================================
//    创建放入导入池中的照片
//Writer:         Cry
//create Date:    2008.6.21
//parameters:   
//returns:
//===============================================================
createAutoLeadPhoto=function(o,index){
    var div=document.createElement('div');
    div.id='divAutoPhoto'+o.id;
    with(div.style){
        styleFloat='left';
        marginTop=7;
        marginLeft=7;
        width=104;
        height=106;
    }
    var divObj=document.createElement('div');
    with(divObj.style){
        marginTop=2;
        marginLeft=2;
        width=100;
        height=102;
        backgroundColor='#ffffff';
    }
    div.appendChild(divObj);
    //图片层
    var imgDivObj=document.createElement('div');
    with(imgDivObj.style){
        marginTop=0;
        marginLeft=0;
        width=100;
        height=90;
    }
    divObj.appendChild(imgDivObj);
    //图片
    var imgWidth=100;
    var imgHeight=Math.round(o.height*imgWidth/o.width);
    if(imgHeight>90){
        imgHeight=90;
        imgWidth=Math.round(o.width*imgHeight/o.height);
    }
    imgTop=(90-imgHeight)/2;
    imgLeft=(100-imgWidth)/2;
    var imgObj=document.createElement('div');
    imgObj.id='autoPhoto'+o.id;
    with(imgObj.style){
        position='relative';
        marginTop=imgTop;
        marginLeft=imgLeft;
        width=imgWidth;
        height=imgHeight;
        cursor='pointer';
    }
    imgDivObj.appendChild(imgObj);
    imgObj.onclick=new Function('selectAutoImgObj('+o.folderId+','+o.id+','+o.dId+',\''+o.width+'\',\''+o.height+'\',\''+o.url+'\',\''+o.name+'\','+index+')');
    imgObj.style.backgroundImage='url('+o.url+')';
    //文字
    var textObj=document.createElement('div');
    with(textObj.style){
        position='relative';
        marginTop=0;
        marginLeft=0;
        width=100;
        height=12;
        fontSize=10;
        textAlign='center';
        overflow='hidden';
    }
    textObj.innerHTML=o.name;
    divObj.appendChild(textObj);
    return div;
}
//==============================================================
//    点击选中导入区的照片(或取消选中)
//Writer:         Cry
//create Date:    2008.6.23
//parameters:    照片的htmlid,top,left,width,height
//returns:
//===============================================================
selectAutoImgObj=function(folderId,imgId,dId,width,height,url,name,index){
    var photoObj=getObj('autoPhoto');
    var div=getObj('divAutoPhoto'+imgId);
    if(div.style.backgroundColor){
        div.style.backgroundColor='';
        if($auto.selAutoPhotoArr.length==1) $auto.selAutoPhotoIndex=null;
        
        for(var i=0;i<$auto.selAutoPhotoArr.length;i++){
            if($auto.selAutoPhotoArr[i].id==imgId){
                $auto.selAutoPhotoArr.splice(i,1);
                break;
            }
        }
    }
    else{
        //获取$auto.selAutoPhotoIndex目前的值
        if(!$auto.selAutoPhotoIndex && $auto.selAutoPhotoIndex!=0){
            for(var i=0;i<$auto.autoPhoto.length;i++){
                if(imgId==$auto.autoPhoto[i].id){
                    $auto.selAutoPhotoIndex=i;
                    break;
                }
            }
        }
        div.style.backgroundColor='#FF3700';
        $auto.selAutoPhotoArr.push(new selectImgObjClass(folderId,imgId,dId,width,height,url,name));
    }
}
//==============================================================
//    导入池中选中照片的导出
//Writer:         Cry
//create Date:    2008.6.23
//parameters:   
//returns:
//===============================================================
selectPhotoEduce=function(){
    if($auto.autoPhoto.length>0 && $auto.selAutoPhotoArr.length>0){
        var autoPhoto=getObj('autoPhoto'); //当前照片池
        //根据选中照片移除导入照片池中的照片
        for(var m=0;m<$auto.selAutoPhotoArr.length;m++){
            for(var n=0;n<$auto.autoPhoto.length;n++){
                if($auto.selAutoPhotoArr[m].id==$auto.autoPhoto[n].id){
                    $auto.autoPhoto.splice(n,1);
                    n--;
                    break;
                }
            }
        }
        //向照片池添加照片
        var photoObj=getObj('photo');
        for(var j=0;j<$auto.photoPool.length;j++){
            for(var i=0;i<$auto.selAutoPhotoArr.length;i++){
                if($auto.photoPool[j].folderId==$auto.selAutoPhotoArr[i].folderId){
                    if(j==$auto.editFolderIndex){
                        var pObj=$auto.selAutoPhotoArr[i];
                        var photo=createStylePhoto('photo'+pObj.id,0,0,pObj,$auto.photoPool[j].photos.length);
                        photoObj.appendChild(photo);
                    }
                    //给照片池赋值
                    $auto.photoPool[j].photos.push($auto.selAutoPhotoArr[i]);
                    //移除html中的图片
                    var div=getObj('divAutoPhoto'+$auto.selAutoPhotoArr[i].id);
                    if(div) 
                        autoPhoto.removeChild(div);
                    //移除导入池中照片
                    $auto.selAutoPhotoArr.splice(i,1);
                    i--;
                }
            }
        }
        //下一个导出图片获取交点
        if($auto.selAutoPhotoArr>=0){
            while($auto.selAutoPhotoIndex>=$auto.autoPhoto.length){
                $auto.selAutoPhotoIndex--;
                if($auto.selAutoPhotoIndex==-1){
                    $auto.selAutoPhotoIndex=0;
                    break;
                }
            }
            if($auto.autoPhoto[$auto.selAutoPhotoIndex]){
                var imgObj=getObj('autoPhoto'+$auto.autoPhoto[$auto.selAutoPhotoIndex].id);
                if(imgObj){
                    imgObj.click();
                }
            }
        }
        //修改导入照片的数量
        getObj('selPhotoNum').innerHTML=$auto.autoPhoto.length;
    }
}
//==============================================================
//    全部导出功能(目前全部导出按照片夹导出)
//Writer:         Cry
//create Date:    2008.6.23
//parameters:   
//returns:
//===============================================================
photoEduceAll=function(){
    if($auto.autoPhoto.length>0){
        var  autoPhoto=getObj('autoPhoto'); //当前照片池
        for(var j=0;j<$auto.photoPool.length;j++){
            for(var i=0;i<$auto.autoPhoto.length;i++){
                if($auto.photoPool[j].folderId==$auto.autoPhoto[i].folderId){
                    //给照片池赋值
                    $auto.photoPool[j].photos.push($auto.autoPhoto[i]);
                    //移除html中的图片
                    var div=getObj('divAutoPhoto'+$auto.autoPhoto[i].id);
                    if(div) 
                        autoPhoto.removeChild(div);
                    //移除导入池中照片
                    $auto.autoPhoto.splice(i,1);
                    i--;
                }
            }
        }
        //清空当前导入池的选中
        $auto.selAutoPhotoArr.length=0;
        $auto.selAutoPhotoIndex=null;
        //刷新当前照片区
        createAutoPhoto($auto.editFolderNum);
        //修改导入照片的数量
        getObj('selPhotoNum').innerHTML=$auto.autoPhoto.length;
    }
}
//----------------------------------------------------------------------------------------------------------//
//-----------------------------------------以下是拖拽效果实现部分-------------------------------------------//
//-----------------------------------------目前指先做IE中的效果---------------------------------------------//
//========================================================
//    拖拽初始化
//Writer          Cry
//Writer Date      2008.6.23
//parameters:
//returns:
//========================================================
initDrags=function(o,efc){
    $auto.drag.initDrag=true;
    $auto.drag.obj=getObj(o);
}
//========================================================
//    拖动按下事件
//Writer          Cry
//Writer Date      2008.6.23
//parameters:
//returns:
//========================================================
drags=function(e){
    if($auto.drag.initDrag){
        $auto.drag.initDrag=false;
        $auto.drag.dragapproved=true;
        $auto.drag.y=$auto.ie?event.screenY:e.clientY;
        $auto.drag.x=$auto.ie?event.screenX:e.clientX;
        $auto.drag.imgTop=$auto.drag.obj.style.posTop;
        $auto.drag.imgLeft=$auto.drag.obj.style.posLeft;
        document.onmousemove=move;    
    }
    return false;
}
document.onmousedown=drags;
//========================================================
//    图片移动
//Writer          Cry
//Writer Date      2008.6.23
//parameters:
//returns:
//========================================================
move=function(e){
    if($auto.drag.dragapproved){
        var movex=$auto.ie?event.screenX:e.clientX;
        var movey=$auto.ie?event.screenY:e.clientY;
        var tempy=parseInt(movey)-parseInt($auto.drag.y);
        var tempx=parseInt(movex)-parseInt($auto.drag.x);
        createDragPhotoEffect();
        $auto.drag.dragObj.style.top=$auto.drag.imgTop+tempy;
        $auto.drag.dragObj.style.left=$auto.drag.imgLeft+tempx;    
    }
    return false;
}
//========================================================
//    创建图片移动的效果图
//Writer          Cry
//Writer Date      2008.6.23
//Modify Date      2008.6.24   相对定位的拖拽
//parameters:
//returns:
//========================================================
createDragPhotoEffect=function(){
    if(!$auto.drag.firstDrag) return;
    $auto.drag.firstDrag=false;
    var autoEditor=getObj('autoEditor');
    var divPhoto=getObj('divPhoto');
    var photo=getObj('photo');
    var divObj=getObj('div'+$auto.drag.obj.id);
    var imgObj=createObj('img','efc'+$auto.drag.obj.id,0,0,$auto.drag.obj.style.width,$auto.drag.obj.style.height);
    //imgObj.onmouseup=$auto.drag.obj.onmouseup;
    imgObj.onmouseup=$auto.drag.obj.onmouseup;
    
    //获取相对位置中，图片的绝对位置
    var imgId=$auto.drag.obj.id.replace('photo','');
    var imgIndex=0;
    var dragLeft=parseInt(divObj.style.marginLeft)+parseInt($auto.drag.obj.style.marginLeft)+7;
    for(var i=1;i<=$auto.photoPool[$auto.editFolderIndex].photos.length;i++){
        if(imgId==$auto.photoPool[$auto.editFolderIndex].photos[i-1].id){
            dragLeft=i%2?dragLeft:dragLeft+110;
            imgIndex=i%2?Math.round(i/2):Math.round(i/2);
            break;
        }
    }
    var dragTop=parseInt(divObj.style.marginTop)*imgIndex;
    var dragHeight=106*(imgIndex-1);
    dragTop+=dragHeight;
    with(imgObj.style){
        top=divPhoto.style.posTop+dragTop+parseInt($auto.drag.obj.style.marginTop)-photo.scrollTop+3;//+window.screenTop;
        left=dragLeft;
        //backgroundImage=$auto.drag.dragObj.style.backgroundImage;
        MozOpacity=50/100;
        filter='alpha(opacity=50)';
    }
    var imgObjSrc=$auto.drag.obj.style.backgroundImage.replace('url(','');
    imgObj.src=imgObjSrc.replace(')','');
    autoEditor.appendChild(imgObj);
    $auto.drag.dragObj=imgObj;
    $auto.drag.imgTop=$auto.drag.dragObj.style.posTop;
    $auto.drag.imgLeft=$auto.drag.dragObj.style.posLeft;
    $auto.drag.obj=null;
}
//========================================================
//    删除图片移动的效果图
//Writer          Cry
//Writer Date      2008.6.23
//parameters:
//returns:
//========================================================
deleteDragPhotoEffect=function(folderId,imgId,dId,width,height,url,name){
    $auto.drag.dragapproved=false;
    $auto.drag.firstDrag=true;
    if(!$auto.drag.dragObj) return;
    var autoEditor=getObj('autoEditor');
    var imgObj=getObj($auto.drag.dragObj.id);
    if(imgObj){
        autoEditor.removeChild(imgObj);
    }
    
    //可见区域距顶距离
    var bodyTop = document.documentElement.scrollTop || document.body.scrollTop;
    //判断图片是否拖拽到导入区
    var imgx=$auto.ie?event.x:moveX=e.pageX;
    var imgy=$auto.ie?event.y:moveX=e.pageY;
    //内部批量导入的位置
    var dragTop=161; //内部批量导入导入区的top位置
    var dragLeft=280;//内部批量导入导入区的left位置
    dragTop+=autoEditor.style.posTop - bodyTop;
    dragLeft+=autoEditor.style.posLeft;
    var dragWidth=dragLeft+588; //588是内部位置
    var dragHeight=dragTop+396; //396是内部位置
    if(imgx>dragLeft && imgy>dragTop && imgx<dragWidth && imgy<dragHeight){
        //拖入到有效位置
        var  autoPhoto=getObj('autoPhoto');
        //导入照片-效果部分
        var dragPhoto=new selectImgObjClass(folderId,imgId,dId,width,height,url,name); 
        var divObj=createAutoLeadPhoto(dragPhoto,$auto.autoPhoto.length);
        autoPhoto.appendChild(divObj);
        var photoPool=$auto.photoPool[$auto.editFolderIndex].photos;
        for(var i=0;i<photoPool.length;i++){
            if(photoPool[i].id==imgId){
                $auto.autoPhoto.push(dragPhoto);
                $auto.photoPool[$auto.editFolderIndex].photos.splice(i,1);
                break;
            }
        }
        //清理选中照片
        $auto.selPhotoArr.length=0;
        var photos=getObj('photo');
        var imgPhoto=getObj('divPhoto'+imgId);
        if(imgPhoto){
            photos.removeChild(imgPhoto);
        }
        //修改导入照片的数量
        getObj('selPhotoNum').innerHTML=$auto.autoPhoto.length;
    }
    $auto.drag.dragObj=null;
}
mouseup=function(){
    try{
        if($auto.drag.dragObj){
            var autoEditor=getObj('autoEditor');
            var imgObj=getObj($auto.drag.dragObj.id);
            if(imgObj){
                autoEditor.removeChild(imgObj);
            }
        }
    }catch(ex){}
}
document.onmouseup=mouseup;
//------------------------------------------------------------------------------------
//--------------------------------------选择背景-------------------------------
//------------------------------------------------------------------------------------
//------------------------------------------------------------------------------------
//========================================================
//    创建封页（背景）的自动导入
//Writer          Cry
//Writer Date      2008.6.25
//parameters:
//returns:
//========================================================
createAutoCover=function(){
  
  //隐藏图片导入页面
    var oDiv=getObj('autoEditor');
    if(oDiv)
    {
      oDiv.style.visibility="hidden";
    }
    if(oDiv.nextSibling)
    {
       oDiv.nextSibling.style.visibility="visible";
       return;
    }
  //创建主题
	var autoEditorObj=document.createElement('div');
	autoEditorObj.id='autoEditor';
	with(autoEditorObj.style){
		left=(document.body.scrollWidth-900)/2;
		top=(document.body.scrollHeight-600)/2;
		width=900;
		height=600;
		backgroundColor='#ffffff';
		position='absolute';
		border='1px solid #c2c2c2';
	}
	document.body.appendChild(autoEditorObj);
    
//	var autoEditor=getObj('autoEditor');
//	var coverObj=createObj('div','coverObj',29,0,900,570);
//	coverObj.style.backgroundColor='#ffffff';
//	autoEditor.appendChild(coverObj);
	//照片顶部
    var html='<div style="position:absolute;top:0px;left:0px;width:900px;height:29px;background-color:#5B5A58;border-bottom:1px solord #000000">';
    html+='<div style="position:absolute;width:100px;float:left;top:7;left:10px;color:#ffffff;font-size:14px;">选择封面和背景</div>';
    html+='<img style="position:absolute;top:5px;left:860px;cursor:pointer;" onclick="autoProductPhotoClose();" src="/Images/AutoPhoto/autointro_close.jpg" /></div>';
    html+='<div style="float:left;margin-top:29.5px"><div style="width:240px;height:69px;background-color:#000000;border:1px solid #827F7A">';
	html+='<div id="getAutoCover" onclick="getAutoCoverInfo();" style="cursor:pointer;float:left;margin-top:17px;margin-left:8px;width:49px;height:22px;background-color:#E6E3DE;color:#000000;"><span style="float:left;font-size:14px;margin-top:5px;margin-left:10px;">封面</span></div>';
	html+='<div id="getAutoInnerLeaf" onclick="getAutoInnerLeafInfo();" style="cursor:pointer;float:left;margin-top:17px;margin-left:8px;width:49px;height:22px;background-color:#E6E3DE;color:#000000;"><span style="float:left;font-size:14px;margin-top:5px;margin-left:10px;">背景</span></div>';
    html+='<img style="float:left;margin-top:19px;margin-left:55px;" src="/Images/AutoPhoto/autointro_b01.jpg" />';
    html+='<div style="float:left;margin-top:17px;margin-left:8px;font-size:14px;color:#ffffff;width:50px;">帮助</div>';
	html+='<div id="selectPhoto" style="background-color:#E6E3DE;width:240px;height:35px;border-top:2px solid #FFFDFE"></div></div>';
	html+='<div style="width:240px;height:498px;border:1px solid #D5D2CD;"><div id="coverPhoto" style="position:absolute;top0px;left:0px;width:240px;height:498px;background-color:#E7E4DF;overflow-y:scroll;"></div></div></div>';
	html+='<div><div style="float:left;margin-top:29px;width:656px;height:569px;background-color:#D9D2CA;border:1px solid #D5D2CD">'
	html+='<div style="position:absolute;top:50px;left:290px;width:230px;height:64px;background-color:#484745">';
	html+='<div style="position:absolute;font-size:0px;top:0px;left:130px;height:64px;width:2px;border-left:1px solid #3E3D3B"></div>';
	html+='<div style="position:absolute;font-size:0px;top:0px;left:131px;height:64px;width:2px;border-left:1px solid #8E8D8B"></div>';
    html+='<span style="position:absolute;top:5px;left:5px;color:#FF8929;font-size:14px;">'+$auto.productInfo.themeName+'</span>';
    html+='<span style="position:absolute;top:0px;left:142px;color:#FF8929;font-size:38px;">'+$auto.pageNum+'</span>';
	html+='<span style="position:absolute;top:25px;left:195px;color:#FF8929;font-size:14px;">页</span>';
	html+='<span style="position:absolute;top:42px;left:140px;color:#FF8929;font-weight:bold;background-color:#ffffff;font-size:16px;">￥'+$auto.price+'</span>';
	html+='</div>';
	html+='<div style="position:absolute;top:90px;left:550px;font-size:12px;width:50px;height:50px;">已选封面</div>';
	html+='<div id="selBgCover" style="position:absolute;top:60px;left:610px;width:94px;height:60px;border:1px solid #ffffff;background-color:#ffffff"></div>';
	//html+='<div id="selBgCover" style="float:left;margin-top:20px;margin-left:10px;width:94px;height:60px;border:1px solid #ffffff;background-color:#ffffff"></div>';
	html+='<div style="position:absolute;top:90px;left:714px;font-size:12px;width:50px;height:50px;">已选背景</div>';
	html+='<div id="selBg" style="position:absolute;top:60px;left:774px;width:94px;height:60px;border:1px solid #ffffff;background-color:#ffffff"></div>';
	html+='<div style="position:absolute;top:140px;left:250px;width:650px;height:0px;font-size:0px;border-top:1px solid #86817E;"></div>';
	html+='<div style="position:absolute;top:140px;left:250px;width:650px;height:0px;font-size:0px;border-top:1px solid #FFFDFA;"></div>';
	html+='<div id="usedBg" style="position:absolute;top:150px;left:312px;width:512px;height:323px"></div>';
	html+='<img onclick="nextImageInput();" style="cursor:pointer;position:absolute;top:567px;left:725px" src="/Images/AutoPhoto/autointro_back.jpg" alt="进入照片选择" />';
	html+='<img onclick="submitAutoPhoto();" style="position:absolute;top:567px;left:812px;cursor:pointer;" src="/Images/AutoPhoto/autointro_complete.jpg" alt="进入编辑器" />';
	html+='</div>';
	autoEditorObj.innerHTML=html;
    $auto.selCover=null;
    $auto.selBackGround=null;
    //获取封页的数据
    getAutoCoverInfo();
}
//========================================================
//    获取封页（背景）的自动导入数据信息
//Writer          Cry
//Writer Date      2008.6.25
//parameters:
//returns:
//========================================================
getAutoCoverInfo=function(){
    var params='ajax=AutoPhoto&type=cover&cover=0&kid='+$auto.themeNum;
    processAjax(params,loadAutoCoverInfo,'POST','cover');
    getObj('getAutoCover').style.backgroundColor='#E6E3DE';
    getObj('getAutoInnerLeaf').style.backgroundColor='#8B8A86'
}
//========================================================
//    获取内页（背景）的自动导入数据信息
//Writer          Cry
//Writer Date      2008.7.1
//parameters:
//returns:
//========================================================
getAutoInnerLeafInfo=function(){
    var params='ajax=AutoPhoto&type=cover&cover=1&kid='+$auto.themeNum;
    processAjax(params,loadAutoCoverInfo,'POST','notcover');
    getObj('getAutoCover').style.backgroundColor='#8B8A86';
    getObj('getAutoInnerLeaf').style.backgroundColor='#E6E3DE';
}
//========================================================
//    加载封页（背景）的自动导入数据信息
//Writer          Cry
//Writer Date      2008.6.25
//parameters:
//returns:
//========================================================
loadAutoCoverInfo=function(data,type){
    if(data){
        eval('$auto.cover='+data);
        //封页和内页切换后，清理中间最大的显示效果图
        var usedBg=getObj('usedBg');
        var bgShowEffect=getObj('bgShowEffect');
        if(bgShowEffect){
           usedBg.removeChild(bgShowEffect);
        }
        //加载下拉列表
        var sel=getObj('photosel');
        if(sel){
            sel.options.innerHTML='';
        }else{
            sel=document.createElement('select');
            getObj('selectPhoto').appendChild(sel);
            sel.id='photosel';
            sel.style.marginTop=6;
            sel.style.marginLeft=15;
            sel.style.width=116;
            sel.style.fontSize=14;
        }
        sel.onchange=new Function('createCoverPhoto("'+type+'",this.value)');
        for(var i=1;i<=$auto.cover.cover.length;i++){
            var option = document.createElement('option');
            option.text=$auto.cover.cover[i-1].name;
            option.value=$auto.cover.cover[i-1].id;
            $auto.ie?sel.add(option):sel.appendChild(option);
        }
        //创建
        if($auto.cover.cover.length>0 && $auto.cover.cover[0].content){
            createCoverPhoto(type,$auto.cover.cover[0].content);
        }
    }
}
//========================================================
//    加载封页（背景）的自动导入数据信息
//Writer          Cry
//Writer Date     2008.6.27
//parameters:     获取数据的对象，状态（是封页背景还是内页背景）
//returns:
//========================================================
createCoverPhoto=function(type,obj){
    var coverPhoto=getObj('coverPhoto');
    coverPhoto.innerHTML='';
    //选择调用时加载新页
    if(typeof obj!='object'){
        for(var i=0;i<$auto.cover.cover.length;i++){
            if(obj==$auto.cover.cover[i].id){
                obj=$auto.cover.cover[i].content;
                break;
            }
        }
    }
    if(typeof obj!='object') return;
    if(type=='cover'){
        for(var i=0;i<obj.length;i++){
            var imgWidth=200;
            var imgHeight=Math.round(imgWidth*obj[i].height/obj[i].width);
             if(i==0){
                var imgTop=(imgHeight+15)*i+15;
                var divDefaultObj=createObj('div','',imgTop,10,imgWidth,imgHeight);
                with(divDefaultObj.style){
                    cursor='pointer';
                    backgroundColor='#ffffff';
                }
                divDefaultObj.onclick=new Function('usedBackground(\''+type+'\',"","",\''+obj[i].width+'\',\''+obj[i].height+'\')');
                coverPhoto.appendChild(divDefaultObj);
                var textDefaultTop=(divDefaultObj.style.posHeight-14)/2;
                var textDefaultLeft=(divDefaultObj.style.posWidth-24)/2;
                var textDefaultObj=createObj('span','',textDefaultTop,textDefaultLeft);
                with(textDefaultObj.style){
                    fontSize=12;
                }
                textDefaultObj.innerHTML='空白';
                divDefaultObj.appendChild(textDefaultObj);
            }
            var imgTop=(imgHeight+15)*(i+1)+15;
            var imgObj=createObj('img','cover'+obj[i].id,imgTop,10,imgWidth,imgHeight);
            imgObj.style.cursor='pointer';
            imgObj.onclick=new Function('usedBackground(\''+type+'\',\''+obj[i].minSrc+'\',\''+obj[i].maxSrc+'\',\''+obj[i].width+'\',\''+obj[i].height+'\',\''+obj[i].id+'\')');
            coverPhoto.appendChild(imgObj);
            imgObj.src=obj[i].minSrc;
        }
    }
    else{
        for(var i=0;i<obj.length;i++){
            var imgWidth=93;
            var imgHeight=Math.round(imgWidth*obj[i].height/obj[i].width);
            if(i==0){
                var imgTop=(imgHeight+15)*i+15;
                var divDefaultObj=createObj('div','',imgTop,10,imgWidth,imgHeight);
                with(divDefaultObj.style){
                    cursor='pointer';
                    backgroundColor='#ffffff';
                }
                divDefaultObj.onclick=new Function('usedBackground(\''+type+'\',"","",\''+obj[i].width+'\',\''+obj[i].height+'\')');
                coverPhoto.appendChild(divDefaultObj);
                var textDefaultTop=(divDefaultObj.style.posHeight-14)/2;
                var textDefaultLeft=(divDefaultObj.style.posWidth-24)/2;
                var textDefaultObj=createObj('span','',textDefaultTop,textDefaultLeft);
                with(textDefaultObj.style){
                    fontSize=12;
                }
                textDefaultObj.innerHTML='空白';
                divDefaultObj.appendChild(textDefaultObj);
            }
            //真是内容部分
            var imgTop=i%2?(imgHeight+15)*Math.round(i/2)+15:(imgHeight+15)*Math.round(i/2)+15;
            var imgLeft=i%2?10:120;
            var imgObj=createObj('img','cover'+obj[i].id,imgTop,imgLeft,imgWidth,imgHeight);
            imgObj.style.cursor='pointer';
            imgObj.onclick=new Function('usedBackground(\''+type+'\',\''+obj[i].minSrc+'\',\''+obj[i].maxSrc+'\',\''+obj[i].width+'\',\''+obj[i].height+'\',\''+obj[i].id+'\')');
            
            coverPhoto.appendChild(imgObj);
            imgObj.src=obj[i].minSrc;
        }
    }
}
//========================================================
//   点击后用户确定使用的背景
//Writer          Cry
//Writer Date     2008.7.1
//parameters:     操作图路径
//returns:
//========================================================
usedBackground=function(type,minSrc,maxSrc,width,height,id){
    var usedBg=getObj('usedBg');
    if(!minSrc){
        var bgShowEffect=getObj('bgShowEffect');
        if(bgShowEffect){
            usedBg.removeChild(bgShowEffect);
        }
        if(type=='cover'){
            var selBgCover=getObj('selBgCover');
            if(selBgCover){
                selBgCover.innerHTML='';
            }
            $auto.selCover=null;
        }
        else{
            var selBg=getObj('selBg');
            if(selBg){
                selBg.innerHTML='';
            }
            $auto.selBackGround=null;
        }
        return ;
    }
    var bgWidth=512;
    var bgHeight=Math.round(height*bgWidth/width);
    var bgLeft=0;
    var bgTop=(323-bgHeight)/2;
    if(bgHeight>323){
        bgHeight=323;
        bgWidth=Math.round(width*bgHeight/height);
        bgTop=0;
        bgLeft=(512-bgWidth)/2;
    }
    var bgShowEffect=getObj('bgShowEffect');
    if(!bgShowEffect){
        bgShowEffect=createObj('img','bgShowEffect');
        usedBg.appendChild(bgShowEffect);    
    }
    with(bgShowEffect.style){
        top=bgTop;
        left=bgLeft;
        width=bgWidth;
        height=bgHeight;
    }
    bgShowEffect.src=maxSrc;
    //选择显示确认
    var imgBgWidth=94;
    var imgBgHeight=Math.round(height*imgBgWidth/width);
    var imgBgLeft=0;
    var imgBgTop=(60-imgBgHeight)/2;
    if(imgBgHeight>60){
        imgBgHeight=60;
        imgBgWidth=Math.round(width*imgBgHeight/height);
        imgBgTop=0;
        imgBgLeft=(94-imgBgWidth)/2;
    }
    
    
    if(type=='cover'){
        var selBgCover=getObj('selBgCover');
        $auto.selCover=id;
        var imgSelBg=getObj('imgSelBgCover');
        if(!imgSelBg){
            imgSelBg=document.createElement('img');
            imgSelBg.id='imgSelBgCover';
        }
    }
    else{
        var selBgCover=getObj('selBg');
        $auto.selBackGround=id;
        var imgSelBg=getObj('imgSelBg');
        if(!imgSelBg){
            imgSelBg=document.createElement('img');
            imgSelBg.id='imgSelBg';
        }
    }
    with(imgSelBg.style){
        styleFloat='left';
        marginTop=imgBgTop;
        marginLeft=imgBgLeft;
        width=imgBgWidth;
        height=imgBgHeight;
    }
    selBgCover.appendChild(imgSelBg);
    imgSelBg.src=minSrc;
//    selBgCover.style.marginTop=20;
//    selBgCover.style.height=height*94/width;
//    if(selBgCover.style.posHeight>60){
//        selBgCover.style.marginTop=parseInt(selBgCover.style.marginTop)-(selBgCover.style.posHeight-60)/2;
//    }
//    else{
//        selBgCover.style.marginTop=parseInt(selBgCover.style.marginTop)+(60-selBgCover.style.posHeight)/2;
//    }
    //selBgCover.src=maxSrc;
}
//========================================================
//   导入背景关闭
//Writer          Cry
//Writer Date     2008.7.1
//parameters:     操作图路径
//returns:
//========================================================
coverClose=function(){
    var coverObj=getObj('coverObj');
    var autoEditor=getObj('autoEditor');
    if(!$auto.selCover || !$auto.selBackGround){ //提示用户封页背景没有选择
        var clew=createObj('div','clew',(600-124)/2,(900-360)/2,360,124);
        with(clew.style){
            backgroundColor='#565656';
            border='1px solid #1F1E1A';
        }
        var clewText=createObj('span','',30,0,360);
        if(!$auto.selCover){
            clewText.innerHTML='您还没有选择作品封面，是否继续';
        }
        else if(!$auto.selBackGround){
            clewText.innerHTML='您还没有选择作品背景，是否继续';
        }
        with(clewText.style){
            color='#ffffff';
            textAlign='center';
            fontSize=12;
        }
        clew.appendChild(clewText);
        var clewConfirm=createObj('div','',70,90,60,20);
        clewConfirm.onclick=new Function('clewConfirmClick()');
        with(clewConfirm.style){
            backgroundColor='#D2D2D2';
            cursor='pointer';
        }
        clew.appendChild(clewConfirm);
        var confirmText=createObj('span','',5,0,60);
        confirmText.innerHTML='继续';
        with(confirmText.style){
            textAlign='center';
            color='#393939';
            fontSize=12;
        }
        clewConfirm.appendChild(confirmText);
        
        var clewCancel=createObj('div','',70,220,60,20);
        clewCancel.onclick=new Function('clewConfirmCancel()');
        with(clewCancel.style){
            backgroundColor='#D2D2D2';
            cursor='pointer';
        }
        clew.appendChild(clewCancel);
        var cancelText=createObj('span','',5,0,60);
        cancelText.innerHTML='返回';
        with(cancelText.style){
            textAlign='center';
            color='#393939';
            fontSize=12;
        }
        clewCancel.appendChild(cancelText);
        
        coverObj.appendChild(clew);
        return;
    }
//    if(coverObj){
//        autoEditor.removeChild(coverObj);
//    }
}
clewConfirmClick=function(){
    var autoEditor=getObj('autoEditor');
    var coverObj=getObj('coverObj');
    if(coverObj){
        autoEditor.removeChild(coverObj);
    }
}
clewConfirmCancel=function(){
    var coverObj=getObj('coverObj');
    var clew=getObj('clew');
    if(coverObj && clew){
        coverObj.removeChild(clew);
    }
}
//========================================================
//   提交批量导入照片信息
//Writer          Cry
//Writer Date     2008.7.5
//parameters: 
//returns:
//========================================================
//submitAutoPhotoClass=function(id,value){
//    this.id=id;
//    this.value=value;
//}
submitAutoPhoto=function(){
    //导入照片时的图片多少的判断
    var needPhotoCount=getObj('needPhotoCount');
    var photoCount=0
    if(needPhotoCount){
        photoCount=parseInt(needPhotoCount.innerHTML);
    }
    //if($auto.autoPhoto.length!=photoCount || !$auto.selCover || !$auto.selBackGround){ //提示用户照片的选择
    if($auto.autoPhoto.length!=photoCount){ //提示用户照片的选择
        createDIvEffect(getObj("autoEditor"));
        var autoEditor=getObj('autoEditor');
        var top = autoEditor?300-62 +autoEditor.style.posTop:300-62+82;
        var clew=createObj('div','checkPhoto',top,document.body.offsetWidth/2-180,360,124);
        with(clew.style){
            backgroundColor='#565656';
            border='2px solid #1F1E1A';
            zIndex=200;
        }
        var clewText=createObj('span','',30,30,300);
        var outText='';
        if($auto.autoPhoto.length<photoCount){
            outText+='您选择的照片不够标准数量，画册将会出现空白页面，如果选择继续将进入编辑器手动调整，是否继续.<BR>';
        }
        if($auto.autoPhoto.length>photoCount) {
            outText+='你选择的照片超过标准数量，将会有部分照片无法显示，是否继续.<BR>';
        }
//        if(!$auto.selCover)
//        {
//            outText+='您还没有选择作品封面，是否继续.<BR>';
//        }
//        if(!$auto.selBackGround)
//        {
//           outText+='您还没有选择作品背景，是否继续.<BR>';
//        }
        clewText.innerHTML=outText;
        with(clewText.style){
            color='#ffffff';
            textAlign='center';
            fontSize=12;
        }
        clew.appendChild(clewText);
        var clewConfirm=createObj('div','',95,90,60,20);
        clewConfirm.onclick=new Function('checkPhotoClick()');
        with(clewConfirm.style){
            backgroundColor='#D2D2D2';
            cursor='pointer';
        }
        clew.appendChild(clewConfirm);
        var confirmText=createObj('span','',5,0,60);
        confirmText.innerHTML='继续';
        with(confirmText.style){
            textAlign='center';
            color='#393939';
            fontSize=12;
        }
        clewConfirm.appendChild(confirmText);
        
        var clewCancel=createObj('div','',95,200,90,20);
        clewCancel.onclick=function fDelEffect()
                             {
                                var effect=getObj('effect');
             
                                if(effect)
                                {
                                  effect.parentNode.removeChild(effect);
                                  clew.parentNode.removeChild(clew);
                                }
                             }
        with(clewCancel.style){
            backgroundColor='#D2D2D2';
            cursor='pointer';
        }
        clew.appendChild(clewCancel);
        var cancelText=createObj('span','',5,0,90);
        cancelText.innerHTML='返回选照片';
        with(cancelText.style){
            textAlign='center';
            color='#393939';
            fontSize=12;
        }
        clewCancel.appendChild(cancelText);
        document.body.appendChild(clew);
    }
    else{
        checkPhotoClick();
    }
}
checkPhotoCancel=function(){
    var autoEditor=getObj('autoEditor');
    var checkPhoto=getObj('checkPhoto');
    if(checkPhoto){
        autoEditor.removeChild(checkPhoto);
    }
}
checkPhotoClick=function(){
    var effect=getObj('effect');
	if(effect)
	{
	  effect.parentNode.removeChild(effect);
	  var oClew=getObj('checkPhoto');
	  oClew.parentNode.removeChild(oClew);
	}                           
    $auto.selCover=$auto.selCover || 0;
    $auto.selBackGround=$auto.selBackGround || 0;

    var strValue=$auto.themeNum+','+$auto.pageNum;//+','+$auto.selCover+','+$auto.selBackGround;
    for(var i=0;i<$auto.autoPhoto.length;i++){
        strValue+=','+$auto.autoPhoto[i].id;
    }
    var params='ajax=AutoPhoto&type=submitphoto&strvalue='+strValue+'&coverBackgroundId='+$auto.selCover+'&backgroundId='+$auto.selBackGround;
	if(jid)
	{
		params += '&jid=' + jid;
	}
	else
	{
		params += '&jid=0';
	}
	if(isFree && isFree == 1)
	{
		params += '&isFree=1';
	}
	else
	{
		params += '&isFree=0';
	}
	if(phookProductThemeName)
	{
		params +='&themeName=' + phookProductThemeName;
	}
	if(phookProductTagName)
	{
		params +='&tagName=' + phookProductTagName;
	}
	if (pfeId)
	{
		params += '&pfeid=' + pfeId;
	}
	if (cSize)
	{
		params += '&size=' + cSize
	}
    processAjax(params,BackSubmitAutoPhoto,'POST');
    autoProductPhotoClose();
	showLoading('正在生成作品，请稍候...');
}
BackSubmitAutoPhoto=function(data){
	MessageBox_Close();
	if(data){
		if(isNaN(data)){
			alert(data);
		}
		else{
			var goUrl = '/PhookEditer/Default.aspx?pid=' + data;
			if(isFree && isFree == 1)
			{
				goUrl+='&isFree=1';
			}
			if(jid)
			{
				goUrl +='&jid=' + jid;
			}
			if(phookProductThemeName)
			{
				goUrl +='&themeName=' + phookProductThemeName;
			}
			if(phookProductTagName)
			{
				goUrl +='&tagName=' + phookProductTagName;
			}
			window.location.href=goUrl;
		}
	}
}
//给自动导入页面添加层
createDIvEffect=function(div)
{
    var divObj=document.createElement('div');
    divObj.id='effect';
    divObj.style.position='absolute';
    divObj.style.top=div.style.top;
    divObj.style.left=div.style.left;
    divObj.style.width=div.offsetWidth;
    divObj.style.height=div.offsetHeight;
    divObj.style.border='1px solid #2f2f2f';
    divObj.style.zIndex=10;
    divObj.style.backgroundColor='#ffffff';
    if(document.all){
        divObj.style.filter='Alpha(Opacity=30)';
    }
    window.document.body.appendChild(divObj);
}
//从背景页面导入到图片导入页面
nextImageInput=function(div)
{
	   var oDiv=getObj('autoEditor').nextSibling;
	   var oDivSo=getObj('autoEditor');
	   if(oDiv && oDivSo)
	   {
         oDiv.style.visibility="hidden";
         oDivSo.style.visibility="visible";
       }
}

//========================================================
//  自动导入创建灰层
//Writer         bxy
//Writer Date    2009-02-03
//parameters: 
//returns:
//========================================================
function CreateAutoDivBackground(){
	var bgDivObj = document.createElement('div');
	bgDivObj.id = "autoBgDiv";
	var bgHeight = 0;
	var bgWidth = 0;
	
	//获取页面所有下拉框将其样式设置为不可见
	var selectList = document.getElementsByTagName('select');
	if (selectList){
		for(var i = 0; i < selectList.length; i++){
			selectList[i].style.display = 'none';
		}
	}
	
	//获取页面宽度高度
    bgHeight = document.documentElement.scrollHeight;
	bgWidth = document.documentElement.clientWidth;

    bgDivObj.style.height = bgHeight;
    bgDivObj.style.width = bgWidth;
    bgDivObj.style.backgroundColor = "#666666";
    bgDivObj.style.position = 'absolute';
    bgDivObj.style.top = 0;
    bgDivObj.style.left = 0;
    bgDivObj.style.zIndex = 1;
    bgDivObj.style.filter = 'progid:DXImageTransform.Microsoft.Alpha(opacity= 50)';
    document.body.appendChild(bgDivObj);
}
//========================================================
//  自动导入创建灰层
//Writer         bxy
//Writer Date    2009-02-03
//parameters: 
//returns:
//========================================================
function removeAutoDivBackground(){
	var bgDivObj = getObj('autoBgDiv');
	if (bgDivObj){
		bgDivObj.parentNode.removeChild(bgDivObj);
	}
	//获取页面所有下拉框将其样式设置为可见
	var selectList = document.getElementsByTagName('select');
	if (selectList){
		for(var i = 0; i < selectList.length; i++){
			selectList[i].style.display = '';
		}
	}
}


//获取ScrollTop ScrollLeft
function IeTrueBody(){
	return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body;
}

var w3c=(document.getElementById)? true: false;
var agt=navigator.userAgent.toLowerCase();
var ie = ((agt.indexOf("msie") != -1) && (agt.indexOf("opera") == -1) && (agt.indexOf("omniweb") == -1));

function GetScrollTop(){
	return ie ? IeTrueBody().scrollTop : window.pageYOffset;
}

function GetScrollLeft(){
	return ie ? IeTrueBody().scrollLeft : window.pageXOffset;
}