var $color = '#000000';
action_bold = new Object;
action_italic = new Object;
action_font = new Object;
text_condition = new Object;
text_condition.value = 'html';

function ch_textarea_cols( $target, $value)
	{
	$target.cols =$target.cols+$value;
	document.getElementById('cols_num').innerHTML = $target.cols;
	}

function ch_textarea_rows( $target, $value)
	{
	$target.rows =$target.rows+$value;
	document.getElementById('rows_num').innerHTML = $target.rows;
	}

function ch_textarea_style( $target, $value)
	{
	if (document.getElementById('preview').style.whiteSpace == 'pre')
		{
		return;
		}
	$text = document.getElementById('text_style').innerHTML;
	if ($value == 'start_bold')
		{
		$style = '<B>';
		$text = $text.replace('нормален', '');
		$text = $text+' удебелен ';
		document.getElementById('action_bold').href = "javascript: ch_textarea_style( document.getElementsByName('description')[0],  'end_bold')";
		document.getElementById('cell_bold').style.backgroundColor = '#AAAAFF';
		if (action_italic.clicked == 1)
			{
			action_bold.clicked = 2;
			}
		else
			{
			action_bold.clicked = 1;
			}
		$target.value = $target.value+$style;
		document.getElementById('text_style').innerHTML = $text;
		}
	if ($value == 'end_bold')
		{
		if (action_italic.clicked == 2){ch_textarea_style( document.getElementsByName('description')[0],  'end_italic')}
		$style = '</B>';
		$text = $text.replace(' удебелен ', '');
		if ($text.length <= 0) {$text = 'нормален'};
		document.getElementById('action_bold').href = "javascript: ch_textarea_style( document.getElementsByName('description')[0],  'start_bold')";
		document.getElementById('cell_bold').style.backgroundColor = '';
		action_bold.clicked = 0;
		$target.value = $target.value+$style;
		document.getElementById('text_style').innerHTML = $text;
//		if (action_italic.clicked == 1){ch_textarea_style( document.getElementsByName('description')[0],  'end_italic')}
		}
	if ($value == 'start_italic')
		{
		$style = '<I>';
		$text = $text.replace('нормален', '');
		$text = $text+' наклонен ';
		document.getElementById('action_italic').href = "javascript: ch_textarea_style( document.getElementsByName('description')[0],  'end_italic')";
		document.getElementById('cell_italic').style.backgroundColor = '#AAAAFF';
		if (action_bold.clicked == 1)
			{
			action_italic.clicked = 2;
			}
		else
			{
			action_italic.clicked = 1;
			}
		$target.value = $target.value+$style;
		document.getElementById('text_style').innerHTML = $text;
		}
	if ($value == 'end_italic')
		{
		if (action_bold.clicked == 2){ch_textarea_style( document.getElementsByName('description')[0],  'end_bold')}
		$style = '</I>';
		$text = $text.replace(' наклонен ', '');
		if ($text.length <= 0) {$text = 'нормален'};
		document.getElementById('action_italic').href = "javascript: ch_textarea_style( document.getElementsByName('description')[0],  'start_italic')";
		document.getElementById('cell_italic').style.backgroundColor = '';
		action_italic.clicked = 0;
		$target.value = $target.value+$style;
		document.getElementById('text_style').innerHTML = $text;
//		if (action_bold.clicked == 1){ch_textarea_style( document.getElementsByName('description')[0],  'end_bold')}
		}
	}

function br()
	{
	if (document.getElementById('preview').style.whiteSpace == 'pre')
		{
		return;
		}
	document.getElementsByName('description')[0].value = document.getElementsByName('description')[0].value+'<br>\n';
	}

function newLink()
	{
	if (document.getElementById('preview').style.whiteSpace == 'pre')
		{
		return;
		}
	document.getElementById('action_line').innerHTML = "\
	<table class='toolbar'>\
		<tr>\
			<td>Своиства на линка</td>\
			<td>URL: </td>\
			<td><input id='url' class='textinput'></td>\
			<td> текст: </td>\
			<td><input id='text' class='textinput'></td>\
			<td><input type='button' class='button' onClick='javascript: addLink()' value='Добави'></td>\
		</tr>\
	</table>";
	}

function addLink()
	{
	if (document.getElementById('preview').style.whiteSpace == 'pre')
		{
		return;
		}
	$link = "<a target='extLink' href='"+document.getElementById('url').value+"'>"+document.getElementById('text').value+"</a>";
	document.getElementsByName('description')[0].value = document.getElementsByName('description')[0].value+$link;
	}

function newImg()
	{
	if (document.getElementById('preview').style.whiteSpace == 'pre')
		{
		return;
		}
	document.getElementById('action_line').innerHTML = "\
	<table border='0' class='toolbar'>\
		<tr>\
			<td>Своиства на снимката</td><td>SRC:</td>\
			<td><input id='src' class='textinput'></td>\
			<td>широчина:</td>\
			<td><input id='width' value='auto' size='5' class='textinput'></td>\
			<td>височина:</td>\
			<td><input id='height' value='auto' size='5' class='textinput'></td>\
			<td>алтернативен текст:</td>\
			<td><input id='alt' class='textinput'></td>\
			<td><input type='button' class='button' onClick='javascript: addImg()' value='Добави'</td>\
		</tr>\
	</table>";
	}

function addImg()
	{
	if (document.getElementById('preview').style.whiteSpace == 'pre')
		{
		return;
		}
	$img = "<img src='"+document.getElementById('src').value+"' width='"+document.getElementById('width').value+"'  height='"+document.getElementById('height').value+"' alt='"+document.getElementById('alt').value+"'>";
	document.getElementsByName('description')[0].value = document.getElementsByName('description')[0].value+$img;
	}

function textColor()
	{
	if (document.getElementById('preview').style.whiteSpace == 'pre')
		{
		return;
		}
	document.getElementById('action_line').innerHTML = "<table border='0' class='toolbar'><tr>\
	<td> Цвят на текста: </td>\
	<td class='colselect' bgcolor='"+$color+"' width='18' height='18' id='previewColor'>&nbsp;</td>\
	<td> HEX: <input id='color' class='textinput' value='"+$color+"' onKeyUp='setColor(this.value)'>&nbsp;</td>\
	<td class='colselect' bgcolor='#FFFFFF' width='18' height='18' onClick='setColor(\"#FFFFFF\")'>&nbsp;</td>\
	<td class='colselect' bgcolor='#FF0000' width='18' height='18'onClick='setColor(\"#FF0000\")'>&nbsp;</td>\
	<td class='colselect' bgcolor='#0000FF' width='18' height='18'onClick='setColor(\"#0000FF\")'>&nbsp;</td>\
	<td class='colselect' bgcolor='#00FF00' width='18' height='18'onClick='setColor(\"#00FF00\")'>&nbsp;</td>\
	<td class='colselect' bgcolor='#AA7700' width='18' height='18'onClick='setColor(\"#AA7700\")'>&nbsp;</td>\
	<td class='colselect' bgcolor='#C00000' width='18' height='18'onClick='setColor(\"#C00000\")'>&nbsp;</td>\
	<td class='colselect' bgcolor='#A0A0A0' width='18' height='18'onClick='setColor(\"#A0A0A0\")'>&nbsp;</td>\
	<td class='colselect' bgcolor='#000000' width='18' height='18' onClick='setColor(\"#000000\")'>&nbsp;</td>\
	<td width='1'><input type='button' class='button' onClick='javascript: startTextColor()' value='Оцвети'></td>\
	<td width='1'><input type='button' class='button' onClick='javascript: endTextColor()' value='Спри'></td></tr></table>";
	}

function setColor($newColor)
	{
	if (document.getElementById('preview').style.whiteSpace == 'pre')
		{
		return;
		}
	$color = $newColor;
	document.getElementById("color").value = $color;
	document.getElementById("previewColor").bgColor = $color;
	}


function startTextColor()
	{
	if (document.getElementById('preview').style.whiteSpace == 'pre')
		{
		return;
		}
	if (action_font.set == 1)
		{
		endTextColor();
		}
	document.getElementsByName('description')[0].value = document.getElementsByName('description')[0].value+'<font color="'+$color+'">\n';
	action_font.set = 1;
	}
function endTextColor()
	{
	if (document.getElementById('preview').style.whiteSpace == 'pre')
		{
		return;
		}
	if (action_font.set == 0) {return};
	document.getElementsByName('description')[0].value = document.getElementsByName('description')[0].value+'</font>\n';
	action_font.set = 0;
	}

function action_preview()
	{
	newe = window.open();
//	window.focus();
	newe.document.write("<html>\n<title>Изглед на описанието</title>\n<link href='global.css' rel='stylesheet' type='text/css'>\n<body bgcolor='#FFFFFF'>");
	newe.document.write(document.getElementsByName('description')[0].value);
	newe.document.write("\n</body></html>");
	newe.document.close();
	}

function do_text()
	{
	text_condition.value = 'text';
	if (document.getElementById('preview').innerHTML.length > 0)
		{
		refresh_preview();
		}
	}
function do_html()
	{
	text_condition.value = 'html';
	if (document.getElementById('preview').innerHTML.length > 0)
		{
		refresh_preview();
		}
	}

function refresh_preview()
	{
	text = new String(document.getElementsByName('description')[0].value);
	if (text_condition.value == 'text')
		{
		text = text.replace(/>/gi, '&#062;');
		text = text.replace(/</gi, '&#060;');
//		text = text.replace(/\r/gi, '<br>');
		text = text.replace(/\n/gi, '<br>');
		}
	document.getElementById('preview').innerHTML= text;
	}
function hide_preview()
	{
	document.getElementById('preview').innerHTML= '&nbsp;';
	}