/* This code is copyrighted. Its usage is not allowed outside this webpage (gentelink.com) without author permision. */

function tbox_toolbar_opt (c, t, w, e1, e2, e3)
{
	var os = '="this.style.borderStyle=\'outset\';"';
	var is = '="this.style.borderStyle=\'inset\';"';

	var out = '<td '+e1+'style="border-width: 1px; padding: 4px; border-style: inset;" width="'+w+'px" onmouseover'+os+' onmouseup'+os+' onmouseout'+is+' onmousedown'+is+' onclick="tbox_is(\''+c+'\',\'['+e2+']\',\'[/'+e3+']\')">'+t+'</td>';

	return out;
}

function tbox_toolbar (c)
{
	var out = '<tr><td><table style="text-align: center; border-collapse: separate;"><tr>'
	+ tbox_toolbar_opt(c, '<span style="font-weight: bold">B</span>', 15, '', 'b', 'b')
	+ tbox_toolbar_opt(c, '<span style="font-style: italic">I</span>', 15, '', 'i', 'i')
	+ tbox_toolbar_opt(c, '<span style="text-decoration: underline">U</span>', 15, '', 'u', 'u')
	+ tbox_toolbar_opt(c, '<span style="font-family: monospaced">TT</span>', 15, '', 'tt', 'tt');
	
	var colors = ['ff7f7f','ffcc7f','e5ff7f','99ff7f','7fffb2','7fffff','7fb2ff','997fff','e57fff','ff7fcc'];
	
	for (i=0;i<10;i++)
		out += tbox_toolbar_opt (c, '&nbsp;', 5, 'bgcolor="#'+colors[i]+'" ','c='+colors[i], 'c');
	
	return out + '</tr></table></td></tr>';
}

function tbox_smileys (c)
{
	var os = '="this.style.borderStyle=\'outset\';this.style.padding=\'1px\';"';
	var is = '="this.style.borderStyle=\'inset\';this.style.padding=\'1px\';"';
	var ns = '="this.style.borderStyle=\'none\';this.style.padding=\'2px\';"';

	var img = ['laugh','sad','oh','cry','angry','wink','devil','heart','hot','embarrassed','dog','tongue','smiley','neutral','weird','desconfiado','lengua','mudo','obvio','ojomorado','pirata','resaca','sorpreso','susto','triste'];
	var txt = ['contento','triste','sorpreso','llorando','enfadado','bromeando','diablo','enamorándose','chulo','timido','perro','lengua','sonrisa','neutral','desconcertado','desconfiado','lengua','mudo','obvio','ojo morado','pirata','resaca','sorpreso','susto','muy triste'];

	var out = '<tr><td><table style="border-collapse: separate;"><tr>';
		
	for (i=0;i<25;i++)
	{
		out += '<td style="border-width: 1px; padding: 2px; border-style: none;" onmouseover'+os+' onmouseup'+os+' onmouseout'+ns+' onmousedown'+is+' onclick="tbox_it(\''+c+'\',\':'+img[i]+': \')"><img src="http://fotos.gentelink.com/img/state/'+img[i]+'.gif" alt="'+txt[i]+'"></td>';
		if (i == 12)
			out += '</tr><tr>';
	}
	
	return out + '<td></td></tr></table></td></tr>';
}

function tbox_it (control, text)
{
	var obj = document.getElementById(control);

	if (typeof(obj.createTextRange) != "undefined" && typeof(obj.selPos) != "undefined")
	{
		var tr = obj.selPos;
		tr.text = tr.text + text;
		tr.select();		
	}
	else if (typeof(obj.selectionStart) != "undefined")
	{
		var e = obj.selectionEnd;
		var o = e + text.length;
		obj.value = obj.value.substr(0,e) + text + obj.value.substr(e);
		obj.focus();
		obj.setSelectionRange(o,o);
	}
	else
		obj.value += text;
}

function tbox_is (control, left, right)
{
	var obj = document.getElementById(control);

	if (typeof(obj.createTextRange) != "undefined" && typeof(obj.selPos) != "undefined")
	{
		var tr = obj.selPos;
		tr.text = left + tr.text + right;
		tr.select();
	}
	else if (typeof(obj.selectionStart) != "undefined")
	{
		var s = obj.selectionStart;
		var e = obj.selectionEnd;
		var o = e + left.length;

		obj.value = obj.value.substr(0,s) + left + obj.value.substr(s,e - s) + right + obj.value.substr(e);
		obj.focus();
		obj.setSelectionRange(o,o);
	}
	else
		obj.value += left + right;
}

function tbox_sp (c)
{
	if (typeof(c.createTextRange) != 'undefined')
		c.selPos = document.selection.createRange().duplicate();
}

function tbox (c, row, col, t, tb, sm)
{
	var out = '<table bgcolor="#006699" style="padding: 4px; border-width: 1px; border-style: solid;">';
	if (tb) out += tbox_toolbar(c);
	if (sm) out += tbox_smileys(c);
	out += '<tr><td><textarea id="'+c+'" rows="'+row+'" cols="'+col+'" name="'+c+'" onselect="tbox_sp(this);" onclick="tbox_sp(this);" onkeyup="tbox_sp(this);" onchange="tbox_sp(this);">'+t+'</textarea>';
	
	out += '<br><a href="javascript:void(window.open(\'/ayuda.php?topic=textbox\',\'Ayuda\', \'toolbar=no, resizable=no, width=316, height=300\'))">Como usar los colores</a> | <a href="javascript:void(window.open(\'/php_utils/tb_preview.php?text=\'+escape(document.getElementById(\''+c+'\').value),\'Ayuda\', \'toolbar=no, resizable=no, width=316, height=300\'))">Previsualizar</a></td></tr></table>';
	document.write(out);
}