var tmpImages = new Array();
var imageInfo = new Array();
imageInfo[1] = new Array();
imageInfo[1]['ColorTXT'] ='Maroon & Pink';
imageInfo[1]['ColorIMG'] = new Image;
imageInfo[1]['ColorIMG'].src ='/UpFile/localhost/s/2008-04-29/1209459629zqGiOrQgPtmQTCW.jpg';
tmpImages[1] = new Array();
tmpImages[1][0] = new Array();
tmpImages[1][0][0] = new Image;
tmpImages[1][0][0].src='/UpFile/localhost/s/2008-04-29/20080429_1f9908c73b07eb933111d6eea477b2dd.jpg';
tmpImages[1][0][1] = new Image;
tmpImages[1][0][1].src='/UpFile/localhost/m/2008-04-29/20080429_1f9908c73b07eb933111d6eea477b2dd.jpg';
tmpImages[1][0][2] = new Array();
tmpImages[1][0][2]['src']='/UpFile/localhost/b/2008-04-29/20080429_1f9908c73b07eb933111d6eea477b2dd.jpg';
tmpImages[1][1] = new Array();
tmpImages[1][1][0] = new Image;
tmpImages[1][1][0].src='/UpFile/localhost/s/2008-04-29/20080429_884aba7b0d1803c20c7c6247d9c9648d.jpg';
tmpImages[1][1][1] = new Image;
tmpImages[1][1][1].src='/UpFile/localhost/m/2008-04-29/20080429_884aba7b0d1803c20c7c6247d9c9648d.jpg';
tmpImages[1][1][2] = new Array();
tmpImages[1][1][2]['src']='/UpFile/localhost/b/2008-04-29/20080429_884aba7b0d1803c20c7c6247d9c9648d.jpg';
tmpImages[1][2] = new Array();
tmpImages[1][2][0] = new Image;
tmpImages[1][2][0].src='/UpFile/localhost/s/2008-04-29/20080429_406d0a066fbd939347b998fccaaecc23.jpg';
tmpImages[1][2][1] = new Image;
tmpImages[1][2][1].src='/UpFile/localhost/m/2008-04-29/20080429_406d0a066fbd939347b998fccaaecc23.jpg';
tmpImages[1][2][2] = new Array();
tmpImages[1][2][2]['src']='/UpFile/localhost/b/2008-04-29/20080429_406d0a066fbd939347b998fccaaecc23.jpg';
imageInfo[2] = new Array();
imageInfo[2]['ColorTXT'] ='Black & Aqua';
imageInfo[2]['ColorIMG'] = new Image;
imageInfo[2]['ColorIMG'].src ='/UpFile/localhost/s/2008-04-29/1209459629f8byYIgqeRYA3v8.jpg';
tmpImages[2] = new Array();
tmpImages[2][0] = new Array();
tmpImages[2][0][0] = new Image;
tmpImages[2][0][0].src='/UpFile/localhost/s/2008-07-24/20080724_839a173d7401899cafeeae27c0445ec5.jpg';
tmpImages[2][0][1] = new Image;
tmpImages[2][0][1].src='/UpFile/localhost/m/2008-07-24/20080724_839a173d7401899cafeeae27c0445ec5.jpg';
tmpImages[2][0][2] = new Array();
tmpImages[2][0][2]['src']='/UpFile/localhost/b/2008-07-24/20080724_839a173d7401899cafeeae27c0445ec5.jpg';
tmpImages[2][1] = new Array();
tmpImages[2][1][0] = new Image;
tmpImages[2][1][0].src='/UpFile/localhost/s/2008-07-24/20080724_68ce55e2cd39e595f0c02ddd69c7c99c.jpg';
tmpImages[2][1][1] = new Image;
tmpImages[2][1][1].src='/UpFile/localhost/m/2008-07-24/20080724_68ce55e2cd39e595f0c02ddd69c7c99c.jpg';
tmpImages[2][1][2] = new Array();
tmpImages[2][1][2]['src']='/UpFile/localhost/b/2008-07-24/20080724_68ce55e2cd39e595f0c02ddd69c7c99c.jpg';
tmpImages[2][2] = new Array();
tmpImages[2][2][0] = new Image;
tmpImages[2][2][0].src='/UpFile/localhost/s/2008-07-24/20080724_90a2ad9550e01f52c68013a959597df7.jpg';
tmpImages[2][2][1] = new Image;
tmpImages[2][2][1].src='/UpFile/localhost/m/2008-07-24/20080724_90a2ad9550e01f52c68013a959597df7.jpg';
tmpImages[2][2][2] = new Array();
tmpImages[2][2][2]['src']='/UpFile/localhost/b/2008-07-24/20080724_90a2ad9550e01f52c68013a959597df7.jpg';
tmpImages[2][3] = new Array();
tmpImages[2][3][0] = new Image;
tmpImages[2][3][0].src='/UpFile/localhost/s/2008-07-24/20080724_d87a649817e707dba473334f3a9e5458.jpg';
tmpImages[2][3][1] = new Image;
tmpImages[2][3][1].src='/UpFile/localhost/m/2008-07-24/20080724_d87a649817e707dba473334f3a9e5458.jpg';
tmpImages[2][3][2] = new Array();
tmpImages[2][3][2]['src']='/UpFile/localhost/b/2008-07-24/20080724_d87a649817e707dba473334f3a9e5458.jpg';
imageInfo[3] = new Array();
imageInfo[3]['ColorTXT'] ='Dark Navy & Orange';
imageInfo[3]['ColorIMG'] = new Image;
imageInfo[3]['ColorIMG'].src ='/UpFile/localhost/s/2008-04-29/12094596293x1uuFanaQpQRmq.jpg';
tmpImages[3] = new Array();
tmpImages[3][0] = new Array();
tmpImages[3][0][0] = new Image;
tmpImages[3][0][0].src='/UpFile/localhost/s/2008-04-29/20080429_48f5dd5a0b17fdc9c734830b5bf867d0.jpg';
tmpImages[3][0][1] = new Image;
tmpImages[3][0][1].src='/UpFile/localhost/m/2008-04-29/20080429_48f5dd5a0b17fdc9c734830b5bf867d0.jpg';
tmpImages[3][0][2] = new Array();
tmpImages[3][0][2]['src']='/UpFile/localhost/b/2008-04-29/20080429_48f5dd5a0b17fdc9c734830b5bf867d0.jpg';
imageInfo[4] = new Array();
imageInfo[4]['ColorTXT'] ='Navy Blue & Yellow';
imageInfo[4]['ColorIMG'] = new Image;
imageInfo[4]['ColorIMG'].src ='/UpFile/localhost/s/2008-04-29/1209459629Pkrbe0hTQOzhHQJ.jpg';
tmpImages[4] = new Array();
tmpImages[4][0] = new Array();
tmpImages[4][0][0] = new Image;
tmpImages[4][0][0].src='/UpFile/localhost/s/2008-04-29/20080429_d796f8547e7fc1363a1cede25ac74cd1.jpg';
tmpImages[4][0][1] = new Image;
tmpImages[4][0][1].src='/UpFile/localhost/m/2008-04-29/20080429_d796f8547e7fc1363a1cede25ac74cd1.jpg';
tmpImages[4][0][2] = new Array();
tmpImages[4][0][2]['src']='/UpFile/localhost/b/2008-04-29/20080429_d796f8547e7fc1363a1cede25ac74cd1.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";
}