var bgcolor = new RGBColor("blue");
var txtcolor = new RGBColor("white");
var span = document.getElementById("button");
var text = document.getElementById("text");
var image = document.getElementById("resultimg");


function changeText(textstring)
{
	text.innerHTML = textstring;
}

function changeBgColor(colorstring)
{
	if (colorstring == "transparent")
	{
		bgcolor.r = -1;
		bgcolor.g = -1;
		bgcolor.b = -1;
		span.style.backgroundColor = "#f5f5ff";
	}
	else
	{
		bgcolor = new RGBColor(colorstring);
		span.style.backgroundColor = bgcolor.toHex();
	}
}

function changeTextColor(colorstring)
{
	txtcolor = new RGBColor(colorstring);
	text.style.color = txtcolor.toHex();
}

function generateImage()
{
	getRgbValues();

	image.src = "/domainbutton/" + br + "." + bg + "." + bb + "." + tr + "." + tg + "." + tb + ".v2." + base64_encode(text.innerHTML) + ".png";;

	updateCodeAreas();
}


function str_replace_reg(haystack, needle, replacement)
{ 
	var r = new RegExp(needle, 'g');
	return haystack.replace(r, replacement);
}

function replaceENGRU(engru)
{
	var textarea = document.getElementById("eng-ru");

	engru = str_replace_reg(engru, "e", "<b>\u0435</b>");
	engru = str_replace_reg(engru, "o", "<b>\u043E</b>");
	engru = str_replace_reg(engru, "p", "<b>\u0440</b>");
	engru = str_replace_reg(engru, "a", "<b>\u0430</b>");
	engru = str_replace_reg(engru, "x", "<b>\u0445</b>");
	engru = str_replace_reg(engru, "c", "<b>\u0441</b>");
	engru = str_replace_reg(engru, "y", "<b>\u0443</b>");
	//engru = str_replace_reg(engru, "m", "<b>\u043C</b>");
	engru = str_replace_reg(engru, "i", "<b>\u0456</b>");
	engru = str_replace_reg(engru, "k", "<b>\u043A</b>");
        
        engru = str_replace_reg(engru, "E", "<b>\u0415</b>");
	engru = str_replace_reg(engru, "O", "<b>\u041E</b>");
	engru = str_replace_reg(engru, "P", "<b>\u0420</b>");
	engru = str_replace_reg(engru, "A", "<b>\u0410</b>");
	engru = str_replace_reg(engru, "X", "<b>\u0425</b>");
	engru = str_replace_reg(engru, "C", "<b>\u0421</b>");
	engru = str_replace_reg(engru, "Y", "<b>\u0423</b>");
	engru = str_replace_reg(engru, "M", "<b>\u041C</b>");
	engru = str_replace_reg(engru, "I", "<b>\u0406</b>");
	engru = str_replace_reg(engru, "K", "<b>\u041A</b>");
        
        engru = str_replace_reg(engru, "<b>", "<font color=blue><b>");
	engru = str_replace_reg(engru, "</b>", "</b></font>");
        
        textarea.innerHTML = engru;
}

function updateCodeAreas()
{
	if (image.src != "")
	{
		var urlarea = document.getElementById("url");
		var textarea = document.getElementById("forumcode");
		var textarea2 = document.getElementById("htmlcode");

		replaceENGRU(text.innerHTML);
		

		if (urlarea.value != "")
		{
			
			textarea.value = '[URL="' + urlarea.value + '"][IMG]' + image.src + '[/IMG][/URL]';
			textarea2.value = '<a href=' + urlarea.value + '><img alt="bablog.com.ua/domen-knopka-v2" src=' + image.src + ' /></a>';
		}
		else
		{
			textarea.value = '[IMG]' +  image.src + '[/IMG]';
			textarea2.value = '<img alt="bablog.com.ua/domen-knopka-v2" src=' +  image.src + ' />';
		}
	}
}


var br;
var bg;
var bb;
var tr;
var tg;
var tb;

function getRgbValues()
{
	if (bgcolor.r < 0)
	{
		br = "";
	}
	else
	{
		br = bgcolor.r;
	}

	if (bgcolor.g < 0)
	{
		bg = "";
	}
	else
	{
		bg = bgcolor.g;
	}

	if (bgcolor.b < 0)
	{
		bb = "";
	}
	else
	{
		bb = bgcolor.b;
	}

	if (txtcolor.r < 0)
	{
		tr = "";
	}
	else
	{       
		tr = txtcolor.r;
	}

	if (txtcolor.g < 0)
	{
		tg = "";
	}
	else
	{
		tg = txtcolor.g;
	}

	if (txtcolor.b < 0)
	{
		tb = "";
	}
	else
	{
		tb = txtcolor.b;
	}
}

String.prototype.reverse = function()
{
	splitext = this.split("");
	revertext = splitext.reverse();
	reversed = revertext.join("");
	return reversed;
}