var tmpImages = new Array();
var imageInfo = new Array();
imageInfo[1] = new Array();
imageInfo[1]['ColorTXT'] ='Beige';
imageInfo[1]['ColorIMG'] = new Image;
imageInfo[1]['ColorIMG'].src ='/UpFile/localhost/s/2009-10-22/1256198047KEEN2uIAW7YDRAT.jpg';
tmpImages[1] = new Array();
tmpImages[1][0] = new Array();
tmpImages[1][0][0] = new Image;
tmpImages[1][0][0].src='/UpFile/localhost/s/2009-10-22/20091022_d302bb304f05dac4332a9fbb9ccaf5f9.jpg';
tmpImages[1][0][1] = new Image;
tmpImages[1][0][1].src='/UpFile/localhost/m/2009-10-22/20091022_d302bb304f05dac4332a9fbb9ccaf5f9.jpg';
tmpImages[1][0][2] = new Array();
tmpImages[1][0][2]['src']='/UpFile/localhost/b/2009-10-22/20091022_d302bb304f05dac4332a9fbb9ccaf5f9.jpg';
function show_s_images(obj, arrNum)
{
	var tbContent = "";
	tbContent +="<table cellspacing='12'>";
	var col;
	
	for(var images_s in tmpImages[arrNum])
	{
		if(images_s%4==0)
		{
			col+=1;
			tbContent +="<tr>";
		}
		tbContent +="<td style='border:#999900 solid 1px'><img src="+tmpImages[arrNum][images_s][0].src+" width='45' onclick='swapImage(\"M_ImageShow\","+arrNum+","+images_s+")' style='cursor:pointer'/></td>";
		if(images_s==col * 4)
		{
			tbContent +="</tr>";
		}
	}

	tbContent +="</table>";
	var imglst = $(obj);
	//document.write(tbContent);
	imglst.innerHTML = tbContent;
}

function show_s_images_b(obj, arrNum)
{
	var tbContent = "";
	tbContent +="<table cellspacing='28'>";
	var col;
	
	for(var images_s in tmpImages[arrNum])
	{
		//if(images_s%6==0)
		//{
		//	col+=1;
			tbContent +="<tr>";
		//}
		tbContent +="<td style='border:#999900 solid 1px'><img src="+tmpImages[arrNum][images_s][0].src+" onclick='swapImage_b(\"BigPicShow\","+arrNum+","+images_s+")' style='cursor:pointer'/></td>";
		//if(images_s==col * 6)
		//{
			tbContent +="</tr>";
		//}
	}

	tbContent +="</table>";
	var imglst = $(obj);
	//document.write(tbContent);
	imglst.innerHTML = tbContent;
}


function material_list(obj)
{
	var tbContent ="";
	tbContent += "<table cellspacing='8'>";
	var col;
	
	for(var images_m in imageInfo)
	{
	
		if(images_m%7==0)
		{
			col+=1;
			tbContent += "<tr>";
		}
		tbContent += "<td style='border:#999900 solid 1px'><img src="+imageInfo[images_m]['ColorIMG'].src+" onclick='swapMaterial(\"S_ImageList\","+images_m+")' style='cursor:pointer'/></td>";
		if(images_m==col * 7)
		{
			tbContent += "</tr>";
		}
	}

	tbContent += "</table>";
	var materiallst = $(obj);
	materiallst.innerHTML = tbContent;
}

//转换材质
function swapMaterial(obj,arrNum)
{
	show_s_images(obj,arrNum);
	show_s_images_b("FramePicMenu",arrNum);//详细图的图片列表
	swapImage("M_ImageShow",arrNum,0);
	swapImage_b("BigPicShow",arrNum,0);
	var ColorName = $("Color_Name");
	ColorName.innerHTML = imageInfo[arrNum]['ColorTXT'];
	var hiddenColorName = $("Color");
	hiddenColorName.value = imageInfo[arrNum]['ColorTXT'];
}

//转换图片
function swapImage(ID,arrNum,pikPic)
{
	ImgCon = $(ID);
	ImgDrag = $("M_Dragown");
	ImgDspResult = $("imgResult");
	//ImgDspResult.src= tmpImages[arrNum][pikPic][2].src;
	tmpImages[arrNum][pikPic][2]['img'] = new Image;
	tmpImages[arrNum][pikPic][2]['img'].src= tmpImages[arrNum][pikPic][2]['src'];
	ImgDspResult.src= tmpImages[arrNum][pikPic][2]['img'].src;
	ImgCon.src=tmpImages[arrNum][pikPic][1].src;
	ImgDrag.src = tmpImages[arrNum][pikPic][1].src;
}

function swapImage_b(ID,arrNum,pikPic)
{

	ImgDspResult = $(ID);
	//ImgDspResult.src= tmpImages[arrNum][pikPic][2].src;
	tmpImages[arrNum][pikPic][2]['img'] = new Image;
	tmpImages[arrNum][pikPic][2]['img'].src= tmpImages[arrNum][pikPic][2]['src'];
	ImgDspResult.src= tmpImages[arrNum][pikPic][2]['img'].src;

}

function showPicFrame(obj)
{
	var picframe = $(obj);

	picframe.style.left = (document.documentElement.clientWidth-980)/2;
	picframe.style.top = document.documentElement.scrollTop+10;
	picframe.style.display = "block";
	document.body.scroll = "no";
	var screenCover = $("screenCover");
	screenCover.style.display = "block";
	frameFullScreen("screenCover");
}

function hidePicFrame(obj)
{
	var picframe = $(obj);
	picframe.style.display = "none";
	document.body.scroll = "Yes";
	var screenCover = $("screenCover");
	screenCover.style.display = "none";
}

function frameFullScreen(cid){
	
	var w=document.documentElement.scrollWidth;
	var h=document.documentElement.scrollHeight;

	//var vw=document.body.offsetWeight;
	//var vh=document.body.offsetHeight;
	//var lw=(w/2)+document.body.scrollLeft;
	//var lh=(vh/2)+document.body.scrollTop;
	$(cid).style.width=w+"px";
	$(cid).style.height=h+"px";
}