function clRenderCloseAllPopups() {

	hwtPopupClose('video');
	hwtPopupClose('audio');
	hwtPopupClose('teacher');
	hwtPopupClose('external');
	hwtPopupClose('track');

	return;
}


function clRenderToggleAttachment(id) {

	if (hwtPopupIsActive(id)) {

		hwtPopupClose(id);

	} else {

		clRenderCloseAllPopups();

		switch(id) {

			case 'video':

				hwtPopupSetSize('video', clLogicGetAttachmentWidth(cl_currentnode, cl_currentpage, 0), clLogicGetAttachmentHeight(cl_currentnode, cl_currentpage, 0));
				hwtFlashMovieSetSize('video', clLogicGetAttachmentWidth(cl_currentnode, cl_currentpage, 0), clLogicGetAttachmentHeight(cl_currentnode, cl_currentpage, 0));
				hwtFlashMovieSetMovie('video', CL_SWFPATH + '/' + CL_ATTVIDEOPREFIX + cl_currentnode + CL_PAGEINFIX + cl_currentpage + '.swf');
				hwtPopupOpen('video');
				break;

			case 'audio':

				hwtPopupSetSize('audio', clLogicGetAttachmentWidth(cl_currentnode, cl_currentpage, 1), clLogicGetAttachmentHeight(cl_currentnode, cl_currentpage, 1));
				hwtFlashMovieSetSize('audio', clLogicGetAttachmentWidth(cl_currentnode, cl_currentpage, 1), clLogicGetAttachmentHeight(cl_currentnode, cl_currentpage, 1));
				hwtFlashMovieSetMovie('audio', CL_SWFPATH + '/' + CL_ATTAUDIOPREFIX + cl_currentnode + CL_PAGEINFIX + cl_currentpage + '.swf');
				hwtPopupOpen('audio');
				break;

			case 'teacher':
	
				hwtPopupSetSize('teacher', clLogicGetAttachmentWidth(cl_currentnode, cl_currentpage, 2), clLogicGetAttachmentHeight(cl_currentnode, cl_currentpage, 2));
				hwtFlashMovieSetSize('teacher', clLogicGetAttachmentWidth(cl_currentnode, cl_currentpage, 2), clLogicGetAttachmentHeight(cl_currentnode, cl_currentpage, 2));
				hwtFlashMovieSetMovie('teacher', CL_SWFPATH + '/' + CL_ATTTEACHPREFIX + cl_currentnode + CL_PAGEINFIX + cl_currentpage + '.swf');
				hwtPopupOpen('teacher');
				break;

		}
	}

	return;
}

	

function clRenderDrawTab(id) {

	var out= '';
	out += '<table cellpadding="0" cellspacing="0" border="' + CL_TABBORDER + '" width="100%" height="100%" bgcolor="' + CL_TABCOLOR + '">\n';
	out += '<tr><td>\n';
	out += top.hwtFlashMovieDraw(id);
	out += '</td></tr>\n';
	out += '</table>\n';
	
	return (out);

}



function clRenderShowTab(id, doc, cb) {

	top.hwtDivSetVisible(id, true);
	top.hwtFlashMovieRewind(id, doc);
	top.hwtFlashMovieStart(id, doc);
	top.hwtDivMoveTo(id, CL_TABX1, CL_TABY1, CL_TABSMOOTH, CL_TABTIME, cb);

	return;
}



function clRenderHideTab(id, doc, cb) {

	top.hwtFlashMovieStop(id, doc);
	top.hwtDivMoveTo(id, CL_TABX0, CL_TABY0, CL_TABSMOOTH, CL_TABTIME, cb);

	return;
}



function clRenderGetHeader() {

	var out=' \
		<div id="header" class="stheader"> \
          	<p><img src="img/cabecera.jpg" class="stheader"></p> \
        	</div> \
	';

	return(out);
}



function clRenderGetTitles() {

	var out=' \
		<div id="titles" class="sttitles" > \
			<table width="100%" height="100% "border="0" cellpadding="0" cellspacing="0"> \
				<tr> \
              				<td width="' + CL_LMARGIN + '"><p>&nbsp;</p></td> \
					<td id="__dyn0" align="left" valign="middle">';
	out += clRenderGetDynamic(0);					
	out += ' \
					</td> \
					<td id="__dyn1" align="right" valign="middle">';
	out += clRenderGetDynamic(1);
	out += ' \
					</td> \
					<td id="__dyn2" align="right" valign="middle" width="' + CL_UDWIDTH + '">';
	out += clRenderGetDynamic(2);
	out += ' \
					</td> \
					<td width="' + CL_RMARGIN + '"><p>&nbsp;</p></td> \
				</tr> \
			</table> \
		</div> \
	';

	return(out);
}



function clRenderGetContents() {

	var out=' \
		<div id="contents" class="stcontents" > \
			<script language="JavaScript" type="text/JavaScript"> \
				top.hwtDivBindToDoc("index", document); \
				top.hwtDivBindToDoc("ctrl1", document); \
				top.hwtDivBindToDoc("ctrl2", document); \
				top.hwtDivBindToDoc("ctrl3", document); \
				top.hwtDivBindToDoc("ctrl5", document); \
				top.hwtDivBindToDoc("ctrl6", document); \
				top.hwtDivBindToDoc("ctrl7", document); \
				document.writeln(top.hwtDivDraw("index")); \
				document.writeln(top.hwtDivDraw("ctrl1")); \
				document.writeln(top.hwtDivDraw("ctrl2")); \
				document.writeln(top.hwtDivDraw("ctrl3")); \
				document.writeln(top.hwtDivDraw("ctrl5")); \
				document.writeln(top.hwtDivDraw("ctrl6")); \
				document.writeln(top.hwtDivDraw("ctrl7")); \
			</script> \
          		<p> \
            			<script language="JavaScript" type="text/JavaScript"> \
					document.write(top.hwtFlashMovieDraw("contents")); \
				</script> \
          		</p> \
        	</div> \
	';

	return(out);
}


function clRenderGetProperties() {

	var out=' \
		<div id="properties" class="stproperties" > \
			<table width="100%" height="100% "border="0" cellpadding="0" cellspacing="0"> \
				<tr> \
					<td width="' + CL_LMARGIN + '"><p>&nbsp;</p></td> \
					<td id="__dyn3" width="' + CL_P1WIDTH + '" align="center" valign="middle" nowrap background="img/barra_ct.gif">';

	out += top.clRenderGetDynamic(3);

	out +=' \
					</td> \
              				<td width="' + CL_GAP + '"><p>&nbsp;</p></td> \
					<td id="__dyn4" width="' + CL_P2WIDTH + '">';
		
	out += top.clRenderGetDynamic(4);
			
	out +=' \
					</td> \
					<td id="__dyn6" align="right" valign="middle">';

	out += top.clRenderGetDynamic(6);

	out +=' \
					</td> \
					<td id="__dyn7" align="right" valign="middle" width="' + CL_PAGEDISPWIDTH + '">';

	out += top.clRenderGetDynamic(7);

	out +=' \
					</td> \
					<td id="__dyn5" align="right" valign="middle" width="' + CL_LRWIDTH + '">';

	out += clRenderGetDynamic(5)

	out +=' \
					</td> \
					<td width="' + CL_RMARGIN + '"><p>&nbsp;</p></td> \
				</tr> \
			</table> \
		</div> \
	';

	return(out);
}



function clRenderGetCtrlPanel() {

	var out=' \
		<div id="ctrlpanel" class="stctrlpanel" > \
			<table width="100%" height="100%"> \
				<tr align="center" valign="middle"> \
					<td><p> \
					<script language="JavaScript" type="text/JavaScript"> \
						document.write(top.hwtPushButtonDraw("index")); \
					</script> \
					</p></td> \
					<td width="' + CL_CTRLPANELWIDTH + '"><script language="JavaScript" type="text/JavaScript"> \
						document.write(top.hwtFlashMovieDraw("ctrlpanel")); \
					</script> </td> \
				</tr> \
			</table> \
		</div> \
	';

	return(out);
}




function clRenderGetDynamic(id) {

	var out="";

	switch(id) {

		case 0:

			if (CL_ENABLETUTOR) {

				out='<p>' + top.hwtPushButtonDraw("tutor") + '</p>';

			} else {

				out='<p>&nbsp;</p>';
			}

			break;

		case 1:

			out='<p><font class="sttitlesfont">' + clLogicGetNodePath(clLogicGetParent(cl_currentnode), true) + '<br><b>' + clLogicGetNodeName(cl_currentnode) + '</b></font></p>';
			break;

		case 2:

			if (CL_ENABLEUD) {

				out = '<p><nobr>' + hwtPushButtonDraw("down") + '<img src="img/pixeltransp.gif">' + hwtPushButtonDraw("up") + '</nobr></p>';
		
			} else {

				out = '<p>&nbsp;</p>';
			}

			break;

		case 3:

			out='<p><font class="stpropertiesfont1">CURSO&nbsp;&nbsp;';
			out += top.hwtProgressBarDraw("prcourse", cl_coursepr);
			out += '&nbsp;' + top.cl_coursepr + '%</font></p>\n';
			break;

		case 4:

			if (clTrackGetGroupLength(cl_currentnode)) {

				out='<table border="0" cellspacing="0" cellpadding="0" width="100%" height="100%"><tr><td align="center" valign="middle" nowrap background="img/barra_ct.gif"><p><font class="stpropertiesfont1">TEMA&nbsp;&nbsp;';
				out += top.hwtProgressBarDraw("prlesson", cl_lessonpr);
				out += '&nbsp;' + top.cl_lessonpr + '%</font></p></td></tr></table>\n';

			} else {

				out='<p>&nbsp;</p>';

			}
 
			break;

		case 5:

			out='<p><nobr>' + hwtPushButtonDraw("left") + '<img src="img/pixeltransp.gif">' +  hwtPushButtonDraw("right") + '</nobr></p>';
			break;

		case 6:

			out = '<p>';
			out += top.hwtPushButtonDraw("back");
			out += '&nbsp;&nbsp;';
			out += top.hwtPushButtonDraw("video");
			out += '&nbsp;';
			out += top.hwtPushButtonDraw("audio");
			out += '&nbsp;';
			out += top.hwtPushButtonDraw("teacher");
			out += '&nbsp;</p>';
			break;

		case 7:

			out = '<p><font class="stpropertiesfont2">';
			out += cl_currentpage + ' de ' + clLogicGetPages(cl_currentnode);
			out += '</font></p>';
			break;
	
	}

	return(out);
}



function clRenderRefreshDynamic(doc, id) {


	doc.all("__dyn" + id).innerHTML = clRenderGetDynamic(id);

	return;
}



function clRenderRefreshContents(doc) {

	hwtFlashMovieReplace('contents', doc, CL_SWFPATH + '/' + cl_currentnode + CL_PAGEINFIX + cl_currentpage + '.swf')

	return;
}


function clRenderRefreshIndex(doc, f) {


	if (f || (clLogicGetNodeIndex(cl_referer)!=clLogicGetNodeIndex(cl_currentnode))) {
	
		hwtFlashMovieReplace('index', doc, CL_SWFPATH + '/' + clLogicGetNodeIndex(cl_currentnode));
	}

	return;
}


function clRenderGetUnseen() {

	var out="";
	var n="";
	var i=0;
	var p=0;
	var np=0;

	out += "<div class=\"sttrackbg\">";

	for (g in cl_trackdict) {

		i=0;
		out += "<font class=\"sttrackfont\">" + cl_trackdict[g] + "</font><br><br>\n";

		for (n in cl_struct) {

			np = clLogicGetPages(n);

			for (p=0; p<np; p++) {

				if (cl_track[i]==0) {
	
					if (cl_trackgroups[g][i]==1) {

						out += "&nbsp;&nbsp;&nbsp;<A HREF=\"javascript:self.opener.clLogicGoToNode('" + n + "'," + (p+1) + ")\" class=\"tracktxt\">" + clLogicGetNodeName(n) + " (" + (p+1) + " de " + np + ")</A><BR>\n";
			
					}
				}

				i++;
			}

			if (typeof(cl_trackgroups[g][i])=="undefined") break;

		}

		out += "<br><br>\n";
	}

	out += "</div>";

	return(out);
}


function clRenderRefresh(doc) {

	clRenderRefreshDynamic(doc, 0);
	clRenderRefreshDynamic(doc, 1);
	clRenderRefreshDynamic(doc, 2);
	clRenderRefreshDynamic(doc, 3);
	clRenderRefreshDynamic(doc, 4);
	clRenderRefreshDynamic(doc, 5);
	clRenderRefreshDynamic(doc, 6);
	clRenderRefreshDynamic(doc, 7);
	clRenderRefreshContents(doc);
	clRenderRefreshIndex(doc, false);

	return;
}