/**
 * @author bucabay@gmail.com
 * @copyright (c) fijiwebdesign.com
 * @license http://www.fijiwebdesign.com/
 * @package com_ajaxchats
 * @name com_ajaxchat js template writer
 */
 
/*
* Predefined HTML Elements List (represented here as divs)
* <div id="chat_screen"></div>      // chat screen
* <div id="chat_input"></div>       // input box
* <div id="send_button"></div>      // the send button
* <div id="status"></div>           // displays the current chat status
* <div id="users"></div>            // shows users online
* <div id="rooms"></div>            // shows visible rooms
* <div id="files"></div>            // shows the file upload utility
* <div id="logger"></div>           // shows the debugging utility
* <div id="_copyright"></div>        // shows the fijiwebdesign.com copyright notice
*/
 
// add the loadtemplate fn to the document onload handler
addLoadEvent(loadTemplate);

/**
* Dynamically loads the ajaxchat html to the template div tags
*/
function loadTemplate() {

	try {
		
		var common = new commonLib();
	
		// Reference each Predefined HTML Element
		var chat_screen = common.el('chat_screen');
		var chat_input  = common.el('chat_input');
		var send_button = common.el('send_button');
		var status      = common.el('status');
		var users       = common.el('users');
		var rooms       = common.el('rooms');
		var files       = common.el('files');
		var logger      = common.el('logger');
		var _copyright   = common.el('_copyright');
		
		// toolbar elements
		var btn_smiley   = common.el('btn_smiley'); // smiley button
		var smiley_tmpl   = common.el('smiley_tmpl'); // smiley template
		var btn_color   = common.el('btn_color'); // colorpicker button
		var color_tmpl   = common.el('color_tmpl'); // colorpicker template
		var btn_italic   = common.el('btn_italic'); // italics button
		var italic_tmpl   = common.el('italic_tmpl'); // italics template
		var btn_bold   = common.el('btn_bold'); // bold button
		var bold_tmpl   = common.el('bold_tmpl'); // bold template
		var btn_underline   = common.el('btn_underline'); // underline button
		var underline_tmpl   = common.el('underline_tmpl'); // underline template
		
		
		// for now use innerHTML todo: use DOM
		if (chat_input)
			chat_input.innerHTML = '<textarea cols="70" rows="2" id="ajc_inputbox" name="ajax_chat_input" class="inputbox" style="width:100%;" onKeyup="handleKeyUp( event );"></textarea>';
		
		if (send_button)
			send_button.innerHTML = '<input type="button" name="ajax_send_button" onclick="ajax_send_message();" value="say" class="button">';
		
		if (logger) {
			var content = '<table class="contentpane" width="100%">';
			content += '<tbody>';
			content += '<tr class="sectiontableheader">';
			content += '<td>Ajax Chat for Mambo/Joomla Debugging</td>';
			content += '</tr>';
			content += '<tr>';
			content += '<td>';
			content += '<input type="button" onclick="loggerToggle()" value="Start Logging" name="lt" class="button" />';
			content += '<input type="button" onclick="chatToggle(\'ct\')" value="Pause Chat" name="ct" class="button" />';
			content += '<input type="button" onclick="document.ajax_chat_form.status_area.value=\'\';" value="Clear Log" name="lc" class="button" />';
			content += '</tr>';
			content += '<tr><td><textarea id="status_area"  rows="25" class="inputbox" style="width:100%;visibility:show">';
			content += '</textarea>';
			content += '</td></tr>';
			content += '</tbody>';
			content += '</table>';
			logger.innerHTML = content;
		}
		
		if (status) {
			var status_content = status.innerHTML;
			status.innerHTML = '<div id="status_div">'+status_content+'</div>';
		}
		
		if (_copyright) {
			_copyright.innerHTML = '';
		}
		
		if (btn_smiley && smiley_tmpl) { // write smiley button
			btn_smiley.innerHTML = smiley_tmpl.innerHTML;
		}
		if (btn_color && color_tmpl) { // write colorPicker button
			btn_color.innerHTML = color_tmpl.innerHTML;
		}
		if (btn_italic && italic_tmpl) { // write italics button
			btn_italic.innerHTML = italic_tmpl.innerHTML;
		}
		if (btn_bold && bold_tmpl) { // write bold button
			btn_bold.innerHTML = bold_tmpl.innerHTML;
		}
		if (btn_underline && underline_tmpl) { // write underline button
			btn_underline.innerHTML = underline_tmpl.innerHTML;
		}
	
	} catch(e) {
	  alert("Exception encountered while Loading Ajax Chat Template. Functionality may be reduced. \r\nError:"+e)
	  return false;
	}

} // loadTemplate