function TEQLib_ExpandableGroupBox(id){

	this.ID = id;
	this.BoundTableClass = "TEQLib_ExpandableGroupBox_Bound";
	this.HeaderTrClass = "TEQLib_ExpandableGroupBox_Header";
	this.HandlerImageClass = "TEQLib_ExpandableGroupBox_Handler";
	this.HandlerImageSrc = "Images/TEQLib_ExpandableGroupBox_Handler.gif";
	this.HandlerAlternateImageSrc = "Images/TEQLib_ExpandableGroupBox_AlternateHandler.gif";
	this.TitleTdClass = "TEQLib_ExpandableGroupBox_Title";
	this.ContentDivClass = "TEQLib_ExpandableGroupBox_Content";
	this.Title = "";
	this.Width = "100%";
	
	this.WriteHeader = WriteHeader;
	function WriteHeader(){
			var html = "";
			html += "<input type=hidden name='"+this.ID+"_State' id='"+this.ID+"_State' value=0>";
			html += "<table cellspacing=0 id='"+this.ID+"_TABLE' cellpadding=0 border=0 width="+this.Width+" class='"+this.BoundTableClass+"'>";
			html += "	<tr valign=middle class='"+this.HeaderTrClass+"'>";
			html += "   <td><table cellspacing=0 cellpadding=0 border=0 width=100%><tr>";
			html += "		<td width=20 onclick='"+this.ID+".Toggle();' style='cursor:hand;'><img id='"+this.ID+"_Img' src='"+this.HandlerImageSrc+"' class='"+this.HandlerImageClass+"'></td>";
			html += "		<td width=100% class='"+this.TitleTdClass+"' onclick='"+this.ID+".Toggle();' style='cursor:hand;'>"+this.Title+"</td>";
			html += "	</tr>";
			html += "   </table></td></tr>";
			html += "	<tr>";
			html += "		<td id='"+this.ID+"_TD2'>";
			html += "        <table id='"+this.ID+"_TD' style='border:1px solid #999999; display:none' cellspacing=0 cellpadding=5 border=0><tr><td>";
			//html += "			<div id='"+this.ID+"_DIV' class='"+this.ContentDivClass+"' style='height:1; overflow:hidden;'>";
			document.write(html);
	}
	this.WriteFooter = WriteFooter;
	function WriteFooter(){
			var html = "";
			//html += "			</div>";
			html += "			</td></tr></table>";
			html += "		</td>";
			html += "	</tr>";
			html += "</table>";
			document.write(html);
	}
	this.Expand = Expand;
	function Expand(){
			document.all[this.ID+"_Img"].src = this.HandlerAlternateImageSrc;
			document.all[this.ID+"_TD"].style.display = "block";
			//document.all[this.ID+"_DIV"].style.overflow = "visible";
			document.all[this.ID+"_State"].value = 1;
	}
	this.Colapse = Colapse;
	function Colapse(){
			document.all[this.ID+"_Img"].src = this.HandlerImageSrc;
			document.all[this.ID+"_TD"].style.display = "none";
			document.getElementById(this.ID+"_TD").style.display.value = "none";
			//document.all[this.ID+"_DIV"].style.overflow = "hidden";
			document.all[this.ID+"_State"].value = 0;
	}
	this.Toggle = Toggle;
	function Toggle(){
		
		if( document.all[this.ID+"_TD"].style.display=="none" ){
			this.Expand();
		}else{
			this.Colapse();
		}
	}
}