/*
制定数组结构。
var $picArr=Array();
	$picArr[]=array(key,"url");
	$picArr[]="url";
	$picArr[]="url";
	$picArr[]="url";
	$picArr[]="url";
	$picArr[]="url";
	$picArr[]="url";
*/

function picDivList($picArr){
		if($picArr==''){
			return false;
		}
        var msgw,msgh,bordercolor;
        titleheight=25 //提示窗口标题高度
        bordercolor="#336699";//提示窗口的边框颜色
        titlecolor="#99CCFF";//提示窗口的标题颜色
        
        var sWidth,sHeight;
        sWidth=document.body.offsetWidth;
        sHeight=screen.height;
        var bgObj=document.createElement("div");
        bgObj.setAttribute('id','bgDiv');
        bgObj.style.position="absolute";
        bgObj.style.top="0";
        bgObj.style.background="#777";
        bgObj.style.filter="progid:DXImageTransform.Microsoft.Alpha(style=3,opacity=25,finishOpacity=75";
        bgObj.style.opacity="0.6";
        bgObj.style.left="0";
       
        bgObj.style.width=sWidth + "px";
        bgObj.style.height=sHeight + "px";
        bgObj.style.zIndex = "9999";
        bgObj.style.textAlign = "right";
        bgObj.style.padding = "5px";
        
        //关闭按钮
       	var closediv=document.createElement("input");
       	closediv.value="关闭";
       	closediv.id   ="closeBut";
       	closediv.type='button';
        closediv.onclick=function (){
          document.body.removeChild(bgObj);
          document.body.removeChild(htmlBody);
          document.body.style.overflow="auto";
        }
        
        var htmlBody =document.createElement("div");
        	htmlBody.style.width="100%";
        	htmlBody.style.textAlign="center";
        	htmlBody.style.position="absolute";
        	htmlBody.style.overflow='auto';
        	htmlBody.style.zIndex = "10000";
        	htmlBody.style.top	="5px";
        	htmlBody.style.left	= "0px";
        	
      $html 	="<table cellspacing=0 cellpadding=0 border=0 class='resizePicCss' >"
        		+"<tr>"
        		+"<td style='width:105px;' valign=top id=leftdiv></tD>"
        		+"<td style='' align=right ><div id=rightdiv style='width:689px;height:554px;'></div></td>"
        		+"</tr>"
        		+"<tr><td style='height:20px;' align=right colspan=2 id=imgbutDiv ></td></tr>"
        		+"</table>";
		htmlBody.innerHTML=$html;
		
	    document.body.style.overflow="hidden";
	    document.body.scrollTop =0;
	    document.body.appendChild(bgObj);
	    document.body.appendChild(htmlBody);
	    document.body.onkeydown=function(){
			if(window.event.keyCode==27){
			 	closediv.onclick();
			}
	    }
	    //添加内容 
   		 var imgbutDiv=document.getElementById("imgbutDiv");
   		 imgbutDiv.appendChild(closediv);
		//left div 
    	var divLeft=document.getElementById('leftdiv');
    	//right div
    	var divRight=document.getElementById('rightdiv');
    	divRight.innerHTML="<img src='"+$picArr[0][1]+"'>";
		for(x in  $picArr){
			var img =document.createElement('img');
				img.arr=$picArr[x];
				img.style.cursor="pointer";
				img.src=img.arr[2];
				img.onclick=function(){
					divRight.innerHTML="<img src='"+this.arr[1]+"'>";
				}
				img.onmouseover=_picOnMouseOver;
				img.onmouseout=_picOnMouseOut;
				divLeft.appendChild(img);
		}
		
		
}

function _picOnMouseOver(){
	this.style.marginLeft="6px";
}
function _picOnMouseOut(){
	this.style.marginLeft="3px";
}


//生成图片列表