function clsPagecontrol()
{
	this.objXmlHttp = new clsXmlHttp();
	this.arrWeddingClass = new Array();
	this.arrWeddingClass[this.arrWeddingClass.length] = new Array('7','背 景','背 景');
	this.arrWeddingClass[this.arrWeddingClass.length] = new Array('8','整体布置','整体布置');
	this.arrWeddingClass[this.arrWeddingClass.length] = new Array('9','花 门','花 门');
	this.arrWeddingClass[this.arrWeddingClass.length] = new Array('10','花 引','花 引');
	this.arrWeddingClass[this.arrWeddingClass.length] = new Array('11','花 车','花 车');
	this.arrWeddingClass[this.arrWeddingClass.length] = new Array('12','手捧花','手捧花');
	this.arrWeddingClass[this.arrWeddingClass.length] = new Array('13','胸 花','胸 花');
	this.arrWeddingClass[this.arrWeddingClass.length] = new Array('14','签到台花饰','签到台花饰');
	this.arrWeddingClass[this.arrWeddingClass.length] = new Array('15','鲜花罗马柱','鲜花罗马柱');
	this.arrWeddingClass[this.arrWeddingClass.length] = new Array('16','香摈塔','香摈塔');
	this.arrWeddingClass[this.arrWeddingClass.length] = new Array('17','蛋糕塔','蛋糕塔');
	this.arrWeddingClass[this.arrWeddingClass.length] = new Array('18','用餐桌花','用餐桌花');
	this.arrWeddingClass[this.arrWeddingClass.length] = new Array('19','烛 台','烛 台');
	this.arrWeddingClass[this.arrWeddingClass.length] = new Array('20','展示架','展示架');
	this.arrWeddingClass[this.arrWeddingClass.length] = new Array('21','花 童','花 童');
	this.arrWeddingClass[this.arrWeddingClass.length] = new Array('22','花 环','花 环');
	this.arrWeddingClass[this.arrWeddingClass.length] = new Array('23','椅背花','椅背花');
	this.arrWeddingClass[this.arrWeddingClass.length] = new Array('24','献给父母的花饰','献给父母的花饰');
	this.arrWeddingClass[this.arrWeddingClass.length] = new Array('25','细节花饰','细节花饰');
	
	this.strCurrWeddingClass = '';
	this.objWeddingPicture = null;
	
	this.strCurrSytle = "";
	this.arrStyle = new Array();
	this.arrStyle[0] = new Array(50,50,2,7);
	this.arrStyle[1] = new Array(70,40,2,5);
	this.arrStyle[2] = new Array(40,57,1,9);
	
	this.intRecordCount = 0;
	this.intCurrPage = 1;
	this.intPageSize = 0;	
	this.intPageCount = 1;	
	
	this.initialize = function()
	{
		this.strCurrWeddingClass = this.arrWeddingClass[0][0];
		this.intCurrPage = 1;
		this.reloadData();
		this.showCatalog();
	}
	
	this.setWeddingClass = function(strWeddingClass)
	{
		if(this.strCurrWeddingClass != strWeddingClass)
		{
			this.strCurrWeddingClass = strWeddingClass;
			
//			var objWeddingclass_pic = document.getElementById("weddingclass_pic")
//			var objCells = objPic_demo.childNodes[0].cells;
//			for(var i=0;i<objCells.length;i++)
//			{
//				
//			}
			
			this.reloadData();
			this.showCatalog();
		}
	}
	
	this.setPage = function(intPage)
	{
		if(this.intCurrPage != intPage)
		{
			this.intCurrPage = intPage;
			this.showCatalog();			
		}
	}
	
	this.showCatalog = function()
	{
		if(!this.objWeddingPicture) return;
		var objWeddings = this.objWeddingPicture.documentElement;
		this.strCurrSytle = this.objWeddingPicture.documentElement.getAttribute("style");
		var arrCurrStyle = this.arrStyle[this.strCurrSytle-1];
		
		this.intPagesize = arrCurrStyle[2] * arrCurrStyle[3];
		this.intRecordCount = objWeddings.childNodes.length;
		this.intPageCount = Math.ceil(this.intRecordCount / this.intPagesize);
		if(this.intPageCount == 0)
		{
			this.intPageCount = 1;
		}

		var objPic_demo = document.getElementById("pic_demo");
		objPic_demo.innerHTML = this.formatTable(arrCurrStyle[0] , arrCurrStyle[1],arrCurrStyle[2] , arrCurrStyle[3]);
		var objCells = objPic_demo.childNodes[0].cells;
		
		if(objWeddings.childNodes.length > 0)
		{
			var strDefaultID = "";
			for(var i=0;i<objCells.length;i++)
			{
				if(i==0)
				{
					strDefaultID = 'demopic_' + objWeddings.childNodes[(this.intCurrPage-1)*this.intPagesize + i].getAttribute("id");
				}
				objCells[i].className = "demopic";
				if(i < this.intRecordCount)
				{
					var objCurrWeddingElement = objWeddings.childNodes[(this.intCurrPage-1)*this.intPagesize + i];
					objCells[i].innerHTML = "<img id='demopic_" +objCurrWeddingElement.getAttribute("id")+ "' src='./pic/wedding/" + objCurrWeddingElement.getAttribute("picture") + "' width='"+arrCurrStyle[0]+"' height='"+arrCurrStyle[1]+"' border='0' onclick='objPagecontrol.showPicture(\"demopic_"+objCurrWeddingElement.getAttribute("id")+"\");' style='cursor:pointer' alt='"+objCurrWeddingElement.getAttribute("name")+"'/>";
				}
				else
				{
					objCells[i].innerHTML = "";
				}
			}			
		}		
		
		var objPic_navigator = document.getElementById("pic_navigator");
		var strPic_navigator = "images..........................................................";
		for(var i=0;i<this.intPageCount;i++)
		{
			strPic_navigator = strPic_navigator.substring(0,strPic_navigator.length-4*(this.intPageCount-i)) + "<a href='javascript:objPagecontrol.setPage("+(i+1)+")'>" + (i+1)+ "</a>"+ strPic_navigator.substring(strPic_navigator.length-4*(this.intPageCount-i) + 1);
		}
		objPic_navigator.innerHTML = strPic_navigator;
		
		this.showPicture(strDefaultID);
	}
	
	this.showPicture = function(strDemopicID)
	{
		var objPic_demo = document.getElementById("pic_demo");
		objCells = objPic_demo.childNodes[0].cells;
		for(var i=0;i<objCells.length;i++)
		{
			if(objCells[i].innerHTML.length > 0)
			{
				if(objCells[i].childNodes[0].id == strDemopicID)
				{
					var objPic_detial = document.getElementById("pic_detial");
//					var intWidth = intHeight = 0;
//					if(this.strCurrSytle == "1")
//					{
//						intWidth = intHeight = 200;
//					}
//					else if(his.strCurrSytle == "2")
//					{
//						intWidth = 250;
//						intHeight = 340;
//					}
//					else if(his.strCurrSytle == "3")
//					{
//						intWidth = 368;
//						intHeight = 187;
//					}
					objPic_detial.innerHTML = "<img src='" + objCells[i].childNodes[0].src +"' border=0 />";
					var objImageElement = objPic_detial.childNodes[0];
					var objImage = new Image();
					objImage.src = objImageElement.src;
					objImageElement.width = objImage.width;
					objImageElement.height = objImage.height;
					
					objCells.className = "demopic_selected";
				}
				else
				{
					objCells.className = "demopic";
				}
			}
		}
	}
	
	this.formatTable = function(intWidth,intHeight,intRow,intCol)
	{
		var strContent = "";
		strContent += '<table width="100%" border="0" cellspacing="1" cellpadding="1"><tbody>';
		for(var i=0;i<intRow;i++)
		{
			strContent += '<tr>';
			for(var j=0;j<intCol;j++)
			{
				strContent += '<td style="width:' + intWidth + 'px;height:' + intHeight + 'px;"></td>';
			}
			strContent += '</tr>';			
		}
		strContent += '</tbody></table>';
		
		return(strContent);
	}
	
	this.reloadData = function()
	{
		var objProtocolDom = this.objXmlHttp.getProtocolDom("wedding");
		objProtocolDom.documentElement.setAttribute("weddingclass",this.strCurrWeddingClass);
		
		var objResultDom = this.objXmlHttp.sendMessage("POST","hltc_behind.asp",objProtocolDom,false);
		
		this.objWeddingPicture = this.objXmlHttp.getXmlDom();
		this.objWeddingPicture.loadXML(objResultDom.documentElement.selectSingleNode("weddings").xml);
	}
}