var tmpImages = new Array();
var imageInfo = new Array();
imageInfo[1] = new Array();
imageInfo[1]['ColorTXT'] ='Multicolor';
imageInfo[1]['ColorIMG'] = new Image;
imageInfo[1]['ColorIMG'].src ='/UpFile/localhost/s/2009-05-31/1243762266qvD1Wgq5ZvHYPYb.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-05-31/20090531_82d8d4dd0a6e8a3317a0f0e1456ccd4e.jpg';
tmpImages[1][0][1] = new Image;
tmpImages[1][0][1].src='/UpFile/localhost/m/2009-05-31/20090531_82d8d4dd0a6e8a3317a0f0e1456ccd4e.jpg';
tmpImages[1][0][2] = new Array();
tmpImages[1][0][2]['src']='/UpFile/localhost/b/2009-05-31/20090531_82d8d4dd0a6e8a3317a0f0e1456ccd4e.jpg';
imageInfo[2] = new Array();
imageInfo[2]['ColorTXT'] ='';
imageInfo[2]['ColorIMG'] = new Image;
imageInfo[2]['ColorIMG'].src ='/UpFile/localhost/s/2009-05-31/1243762266NyjOjTspmRB3CXr.jpg';
tmpImages[2] = new Array();
tmpImages[2][0] = new Array();
tmpImages[2][0][0] = new Image;
tmpImages[2][0][0].src='/UpFile/localhost/s/2009-05-31/20090531_82d8d4dd0a6e8a3317a0f0e1456ccd4e.jpg';
tmpImages[2][0][1] = new Image;
tmpImages[2][0][1].src='/UpFile/localhost/m/2009-05-31/20090531_82d8d4dd0a6e8a3317a0f0e1456ccd4e.jpg';
tmpImages[2][0][2] = new Array();
tmpImages[2][0][2]['src']='/UpFile/localhost/b/2009-05-31/20090531_82d8d4dd0a6e8a3317a0f0e1456ccd4e.jpg';
imageInfo[3] = new Array();
imageInfo[3]['ColorTXT'] ='';
imageInfo[3]['ColorIMG'] = new Image;
imageInfo[3]['ColorIMG'].src ='/UpFile/localhost/s/2009-05-31/1243762266f2NtllNHevtTfvW.jpg';
tmpImages[3] = new Array();
tmpImages[3][0] = new Array();
tmpImages[3][0][0] = new Image;
tmpImages[3][0][0].src='/UpFile/localhost/s/2009-05-31/20090531_82d8d4dd0a6e8a3317a0f0e1456ccd4e.jpg';
tmpImages[3][0][1] = new Image;
tmpImages[3][0][1].src='/UpFile/localhost/m/2009-05-31/20090531_82d8d4dd0a6e8a3317a0f0e1456ccd4e.jpg';
tmpImages[3][0][2] = new Array();
tmpImages[3][0][2]['src']='/UpFile/localhost/b/2009-05-31/20090531_82d8d4dd0a6e8a3317a0f0e1456ccd4e.jpg';
imageInfo[4] = new Array();
imageInfo[4]['ColorTXT'] ='';
imageInfo[4]['ColorIMG'] = new Image;
imageInfo[4]['ColorIMG'].src ='/UpFile/localhost/s/2009-05-31/12437622666sG2djfqFxUjMa0.jpg';
tmpImages[4] = new Array();
tmpImages[4][0] = new Array();
tmpImages[4][0][0] = new Image;
tmpImages[4][0][0].src='/UpFile/localhost/s/2009-05-31/20090531_82d8d4dd0a6e8a3317a0f0e1456ccd4e.jpg';
tmpImages[4][0][1] = new Image;
tmpImages[4][0][1].src='/UpFile/localhost/m/2009-05-31/20090531_82d8d4dd0a6e8a3317a0f0e1456ccd4e.jpg';
tmpImages[4][0][2] = new Array();
tmpImages[4][0][2]['src']='/UpFile/localhost/b/2009-05-31/20090531_82d8d4dd0a6e8a3317a0f0e1456ccd4e.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";
}