var lastPopup = null;

	function boxStart() {
		var start = "<table width='" + this.getWidth() + "' class='rrc-table'><tr><td><img src='./images/roundedBox/02-tl.png' alt='' /></td><td class='rrc-t'></td><td><img src='./images/roundedBox/02-tr.png' alt='' /></td></tr>";
		if (this.title) {
			start = start + "<tr><td class='rrc-l'></td><td class='main title'>" + this.title + "</td><td class='rrc-r'></td></tr>";
		}
		start = start + "<tr><td class='rrc-l'></td><td class='main'>";
		document.write(start);
	}

	function boxEnd() {
		var end = "</td><td class='rrc-r'></td></tr><tr><td><img src='./images/roundedBox/02-bl.png' alt='' /></td><td class='rrc-b'></td><td><img src='./images/roundedBox/02-br.png' alt='' /></td></tr></table>";
		document.write(end);
	}

	function getWidth() {
	    if (this.width) {
		return this.width;
	    } else {
		return '200';
	    }
	}
	
	function getHeight() {
	    if (this.height) {
		return this.height;
	    } else {
		return '200';
	    }
	}
	
	function roundedBox() {
	   this.title = null;
	   this.alignment = null;
	   this.width = null;
	   this.height = null;
	   this.styleClass = null;
	   this.getWidth = getWidth;
	   this.start = boxStart;
	   this.end = boxEnd;
	}



	function getInnerWidth() {
		if (this.width) {
		    return parseInt(this.width)-40;
		} else {
		    return '186';
		}
	}
	function getInnerWidthMain() {
		if (this.width) {
		    return parseInt(this.width)-20;
		} else {
		    return '193';
		}
	}


	function scrollboxStart() {
	    var start =   "<table border=0 width='" + this.getWidth() + "' class='rrc-table'><tr>";
	    start= start +"<td width='20'><img src='./images/roundedBox/02-tl.png' alt='' /></td>";
	    start= start +"<td width='" + this.getInnerWidth() + "' class='rrc-t'><img src='./images/roundedBox/02-c.png' height='1' width='" + this.getInnerWidth() + "' ></td>";
	    start= start +"<td width='20'><img src='./images/roundedBox/02-tr.png' alt='' /></td></tr>";

	  if (this.title) {
	    start= start +"<tr><td width='20' class='rrc-l'></td>";
	    start= start +"<td width='" + this.getInnerWidth() + "' class='main title' ";
	    if (this.alignment) {
		start=start + " style='text-align:" + this.alignment + "'>";
	    } else {
		start = start + ">";
	    }
	    start= start + this.title + "</td>";
	    start= start +"<td width='20' class='rrc-r'></td>";
	    start= start +"</tr>";
          }
	    start= start +"<tr><td class='rrc-l'></td><td width='" + this.getInnerWidthMain() + "' class='sbmain'><td class='rrc-r'></td>";
	    start= start +"<div style='overflow-y:scroll;height:" + this.getHeight() + ";'>";

	    document.write(start);
	}

	function scrollboxEnd() {
	    var end = "</div></td></tr><tr><td width='20'><img src='./images/roundedBox/02-bl.png' alt='' /></td><td class='rrc-b'></td><td width='20'><img src='./images/roundedBox/02-br.png' alt='' /></td></tr></table>";
	    document.write(end);
	}

	function scrollBox() {
	    this.title = null;
	    this.alignment= null;
	    this.width = null;
	    this.styleClass = null;
	    this.getWidth = getWidth;
	    this.getInnerWidth = getInnerWidth;
	    this.getInnerWidthMain = getInnerWidthMain;
	    this.getHeight = getHeight;
	    this.start = scrollboxStart;
	    this.end = scrollboxEnd;
	}



	function scrollPopupStart() {
	var start ="<div class='no-print' id ='"+this.id+"' style='display:none;position:absolute;top:"+this.top+"px;left:"+this.left+"px;'>";
	    start= start +"<table border=0 width='" + this.getWidth() + "' class='rrc-table'><tr>";
	    start= start +"<td width='20'><img src='./images/roundedBox/02-tl.png' alt='' /></td>";
	    start= start +"<td width='" + this.getInnerWidth() + "' class='rrc-t'><img src='./images/roundedBox/02-c.png' height='1' width='" + this.getInnerWidth() + "' ></td>";
	    start= start +"<td width='20'><img src='./images/roundedBox/02-tr.png' alt='' /></td></tr>";
	    start= start +"<tr><td width='20' class='rrc-l'></td>";
	    start= start +"<td width='" + this.getInnerWidth() + "' class='main title'><table width='" + this.getInnerWidth() + "' cellpadding='0' cellspacing='0'><tr><td class='main title' style='text-align:" + this.alignment + "' >" + this.title + "<br style='font-size:5px;'><center><hr width='90%'></center></td><td class='main title' width='21' align='right'><a href='javascript:collapseDiv(\""+this.id+"\")'><img border='0' title='close' alt='close' src='images/close.png'></a></td></tr></table></td><td class='rrc-r'></td>";
	    start= start +"<td width='20' class='rrc-r sbmain'></td>";
	    start= start +"</tr>";
	    start= start +"<tr><td class='rrc-l'></td><td valign='top' width='" + this.getInnerWidthMain() + "' class='sbmain'>";
	    start= start +"<div id='inner"+this.id+"' style='overflow-y:scroll;padding-right:5px;height:" + this.getHeight() + ";'>";
	    document.write(start);
	}

	function scrollPopupEnd() {
	    var end = "</div></td><td class='rrc-r'></td></tr><tr><td width='20'><img src='./images/roundedBox/02-bl.png' alt='' /></td><td class='rrc-b'></td><td width='20'><img src='./images/roundedBox/02-br.png' alt='' /></td></tr></table>";
	    end = end +"</div>";
	    document.write(end);
	}

	function scrollPopup(myId) {
	    this.title = '&nbsp;';
	    this.alignment= 'center';
	    this.width = null;
	    this.top = '0';
	    this.left='0';
	    this.id='popup1';
	    if (myId) {
		this.id=myId;
	    }
	    this.styleClass = null;
	    this.getWidth = getWidth;
	    this.getInnerWidth = getInnerWidth;
	    this.getInnerWidthMain = getInnerWidthMain;
	    this.getHeight = getHeight;
	    this.start = scrollPopupStart;
	    this.end = scrollPopupEnd;
	}

	function collapseDiv(id) {
		divBox = document.getElementById(id);
		divBox.style.display = 'none';
	}
	function expandDiv(id) {
		if (lastPopup) {
		    collapseDiv(lastPopup);
		}
		divBox = document.getElementById(id);
		divBox.style.display = '';
		lastPopup = id;
		innerDiv = document.getElementById("inner"+id);
		if (innerDiv) {
			innerDiv.scrollTop=0;
		}
	}
	function expandDiv(id, xpos, ypos) {
		if (lastPopup) {
		    collapseDiv(lastPopup);
		}
		divBox = document.getElementById(id);
		divBox.style.left = xpos
		divBox.style.top = ypos
		divBox.style.display = '';
		lastPopup = id;
		innerDiv = document.getElementById("inner"+id);
		if (innerDiv) {
			innerDiv.scrollTop=0;
		}
	}
	function hideDiv(id) {
		divBox = document.getElementById(id);
		divBox.style.visibility = 'hidden';
	}
	function showDiv(id) {
		divBox = document.getElementById(id);
		divBox.style.visibility = 'visible';
	}