function displayImgList(httpReq,objId)
{
	var list = "";
	var response = httpReq.responseXML;
	var idx      = 0;

	var records = response.getElementsByTagName("ImgList");
	
	for(var i=0;i<records.length;i++) 
	{
		idx++;
		if(idx==1) list = "<table width=544 height=245 cellpadding=0 cellspacing=0><tr>";

		var r     = records[i];
		var id    = r.getElementsByTagName("id")[0].firstChild.data;
		var name  = r.getElementsByTagName("name")[0].firstChild.data;
		var photo = "admin/"+r.getElementsByTagName("photo")[0].firstChild.data;

		var url = "index.php?mod=Media&action=displaySinger&name="+name;

		list += "<td width=136 height=123 align=center valign=middle>";
		list += "<a href=" + url + " target=_blank style='width:89px;height:82px;'><img src="+ photo +" border=0 width=89 height=82></a>";
		list += "<br><a href="+ url +" target=_blank class=6fonts>" + name +"</a></td>";

		if(idx % 4 == 0) list += "</tr><tr>";
		if(idx == (records.length)) list += "</tr></table>";

	}
	if(idx == 0) return;
	document.getElementById(objId).innerHTML = list;

}

function prePage()
{
	var area   = document.getElementById("area").value;
	var pageId = (parseInt(document.getElementById("pageId").value) > 1)? parseInt(document.getElementById("pageId").value) - 1 : 1;
	document.getElementById("pageId").value = pageId;
	var url = "index.php?reqCode=idx&area="+area+"&pageId="+pageId+"&reqId="+Math.random();
	//alert(url);
	run(url);
}

function nextPage()
{
	var area   = document.getElementById("area").value;
	var pageId = parseInt(document.getElementById("pageId").value) + 1;
	document.getElementById("pageId").value = pageId;
	var url = "index.php?reqCode=idx&area="+area+"&pageId="+pageId+"&reqId="+Math.random();
	//alert(url);
	run(url);
}

function setArea(area,objId)
{
	//alert(area);
	document.getElementById("area").value = area;
	setImage(objId);
	var url = "index.php?reqCode=idx&area="+area+"&pageId=1&reqId="+Math.random();
	//alert(url);
	run(url);
}

function setImage(objId)
{
	var imgA,imgB,imgC,imgD,imgE;
	switch(objId)
	{
		case "A":
			imgA = "images/tuijiangeshou/tjgs_01_1.gif";
		    imgB = "images/tuijiangeshou/tjgs_02.gif";
			imgC = "images/tuijiangeshou/tjgs_03.gif";
			imgD = "images/tuijiangeshou/tjgs_04.gif";
			imgE = "images/tuijiangeshou/tjgs_05.gif";
			break;
        case "B":
			imgA = "images/tuijiangeshou/tjgs_01.gif";
		    imgB = "images/tuijiangeshou/tjgs_02_1.gif";
			imgC = "images/tuijiangeshou/tjgs_03.gif";
			imgD = "images/tuijiangeshou/tjgs_04.gif";
			imgE = "images/tuijiangeshou/tjgs_05.gif";
			break;
		case "C":
			imgA = "images/tuijiangeshou/tjgs_01.gif";
		    imgB = "images/tuijiangeshou/tjgs_02.gif";
			imgC = "images/tuijiangeshou/tjgs_03_1.gif";
			imgD = "images/tuijiangeshou/tjgs_04.gif";
			imgE = "images/tuijiangeshou/tjgs_05.gif";
			break;
        case "D":
			imgA = "images/tuijiangeshou/tjgs_01.gif";
		    imgB = "images/tuijiangeshou/tjgs_02.gif";
			imgC = "images/tuijiangeshou/tjgs_03.gif";
			imgD = "images/tuijiangeshou/tjgs_04_1.gif";
			imgE = "images/tuijiangeshou/tjgs_05.gif";
			break;
		case "E":
			imgA = "images/tuijiangeshou/tjgs_01.gif";
		    imgB = "images/tuijiangeshou/tjgs_02.gif";
			imgC = "images/tuijiangeshou/tjgs_03.gif";
			imgD = "images/tuijiangeshou/tjgs_04.gif";
			imgE = "images/tuijiangeshou/tjgs_05_1.gif";
			break;
        default:
			imgA = "images/tuijiangeshou/tjgs_01_1.gif";
		    imgB = "images/tuijiangeshou/tjgs_02.gif";
			imgC = "images/tuijiangeshou/tjgs_03.gif";
			imgD = "images/tuijiangeshou/tjgs_04.gif";
			imgE = "images/tuijiangeshou/tjgs_05.gif";
			break;
	}
	document.getElementById("A").src = imgA;
	document.getElementById("B").src = imgB;
	document.getElementById("C").src = imgC;
	document.getElementById("D").src = imgD;
	document.getElementById("E").src = imgE;
}

function run(url)
{
	var ajaxObj    = new AjaxFrame;
	ajaxObj.url    = url;
	ajaxObj.objId  = "imgList";
	ajaxObj.callback = displayImgList;
	ajaxObj.sendReq();
}