// JavaScript Document
var LEFT_CURVE = "clb";
var RIGHT_CURVE = "crb";
var LR_CURVE = "cb";

function drawTopCurve(id, typ, cls, cls_b1) {
	if (typ == null || typ == "") {
		typ = LR_CURVE;
	}
	document.write("<b id='" + id + "' class='" + cls + "'>"
                        + "<b id='" + id + "_" + typ + "1" + "' class='" + typ + "1 " + cls_b1 + "'></b>"
                        + "<b id='" + id + "_" + typ + "2" + "' class='" + typ + "2 " + cls + "'></b>"
                        + "<b id='" + id + "_" + typ + "3" + "' class='" + typ + "3 " + cls + "'></b>"
                        + "<b id='" + id + "_" + typ + "4" + "' class='" + typ + "4 " + cls + "'></b></b>");
}	

function drawBottomCurve(id, typ, cls, cls_b1) {
	if (typ == null || typ == "") {
		typ = LR_CURVE;
	}
	document.write("<b id='" + id + "' class='" + cls + "'>"
                        + "<b id='" + id + "_" + typ + "4b" + "' class='" + typ + "4b " + cls + "'></b>"
                        + "<b id='" + id + "_" + typ + "3b" + "' class='" + typ + "3b " + cls + "'></b>"
                        + "<b id='" + id + "_" + typ + "2b" + "' class='" + typ + "2b " + cls + "'></b>"
                        + "<b id='" + id + "_" + typ + "1b" + "' class='" + typ + "1b " + cls_b1 + "'></b></b>");
}