var total_style = 54;

// Array Alphabet
var alphabet = new Array("a","b","c","d","e","f","g","h","i","j","k","l","m","n","o","p","q","r","s","t","u","v","w","x","y","z");

// Array style beginning URL
//var dominant_url = "http://www.htmate.com/glitter/styles/";
var dominant_url = "http://static.glitx.com/gtg/";
var style_url = new Array();

// Creating Style URL
for(i=1;i<=total_style;i++)
{
	var style_numero = i;
	//style_url[i-1] = dominant_url + "style" + style_numero + "/style" + style_numero + "_files/";
	style_url[i-1] = dominant_url + "" + style_numero + "/";
}

// Arrays of all the styles
var style = new Array();
for(var i = 1; i<=total_style; i++) 
{
	style[i] = new Array();

	for(var j = 0; j<26; j++) 
	{
		style[i][j] =  style_url[i-1] + alphabet[j] + ".gif";
	}
}

function list_styles()
{
	// LIST STYLES
	var list = "<table border=1 bordercolor=#D3635F><tr>";
	
	for(var i = 1; i<=total_style; i++)
	{
		list += '<td style="background-color:#641101;color:#FA9917;border:3px solid #D3635F" width="83" height="83" id="style' + i + "_id" + '" onClick="select_style(id)" align="center" valign="bottom"><img src="' + style[i][0] + '" border="0"><br/>' + "<b>" + i + '</b></td>';
		
		if((i%6)==0 && i!=total_style)
		{
			list = list + "</tr><tr>";
		}
	} 
	
	list += "</tr></table>";
	document.getElementById('style_list').innerHTML = list;
}

function parsetext(preview)
{
	var text = document.form.txt.value;
	
	text = text.replace(/(\[\w+\])/g, ",$1" );
	text = text.replace(/(\[\/\w+\])/g, "$1,");
	var  text_array = new Array();
	text_array = text.split(',');
	var text_imgHTML = "";
	
	for(var h = 0; h<text_array.length; h++)
	{
		// Text between tag [Sx] , x = number
		if(text_array[h].match(/\[(\w+)\](\s*\w*)(\[\/\w+\])/g))
		{
			var style_text = text_array[h].match(/\[(\w+)\](\s*\w*)(\[\/\w+\])/);
			var characters = new Array();
			characters = style_text[2].split('');
			style_number = style_text[1].replace(/[sS]/g,"");
			for(var i = 0; i<characters.length; i++)
			{
				if((style_number<=total_style) && (style_number>=1))
				{
					if(characters[i] == " ") { text_imgHTML += '<img src="' + dominant_url + "blank.gif" + '" border="0">';}
					else {	text_imgHTML += '<img src="' + style_url[style_number-1] + characters[i].toLowerCase() + ".gif" + '" border="0">';}
				}
			} // End of for		Loop through all characters between the Tag [Sx] with x representing a number between 1 and total_style
		} // End of if		Parse between tag [Sx]text[/Sx]
		
		else if(text_array[h].match(/[a-zA-Z\s*]/g))
		{
			var characters_notag = new Array();
			characters_notag = text_array[h].split('');
			
			if (document.form.default_style.value == ""){var selected_style = 1;} 
			else {var selected_style = document.form.default_style.value;}

			for(var i = 0; i<characters_notag.length; i++)
			{
				if((selected_style<=total_style) && (selected_style>=1))
				{
					if(characters_notag[i] == " ") { text_imgHTML +='<img src="' + dominant_url +"blank.gif" + '" border="0">';}
					else {text_imgHTML += '<img src="' + style_url[selected_style-1] + characters_notag[i].toLowerCase() + ".gif" + '" border="0">';}
				}
			} // End of for 	loop through all characters without tag
		} // End of else if 	Parse default style text
	} // End of for

document.form.code.value = text_imgHTML;
document.form.scrollingcode.value = text_imgHTML;
document.glitter_submitter_myspace.query.value = document.form.txt.value;
document.glitter_submitter_myspace.stylenum.value = document.form.default_style.value;
document.glitter_submitter_forum.query.value = document.form.txt.value;
document.glitter_submitter_forum.stylenum.value = document.form.default_style.value;
document.glitter_submitter_email.query.value = document.form.txt.value;
document.glitter_submitter_email.stylenum.value = document.form.default_style.value;
document.scroll_submitter.query.value = document.form.txt.value;
document.scroll_submitter.stylenum.value = document.form.default_style.value;

if(preview==1) {document.getElementById('preview').innerHTML = document.form.code.value;}
else if (preview==2) {document.form.submit();}

document.getElementById('previewscroll').innerHTML = '<MARQUEE WIDTH="100%" BEHAVIOR="scroll" SCROLLAMOUNT="7" DIRECTION="left">' + text_imgHTML + '</MARQUEE>';

} // End of function parsetext


function select_style(id)
{
	for(var i = 1; i<=total_style; i++)
	{
		thisId = document.getElementById("style"+i+"_id");
		thisId.style.border = "3px solid #D3635F";
		thisId.style.backgroundColor = "#641101";
		thisId.style.color = "#999999";
	}
	getthisId = document.getElementById(id);
	getthisId.style.border = "3px solid #00FF00";
	getthisId.style.backgroundColor = "#B02103";
		
	var selected_style_1 = id.replace("_id","");
	var selected_style = selected_style_1.replace("style","");
	document.form.default_style.value = selected_style;
	parsetext(1);
}

function example()
{
	document.form.txt.value = "[53]this[/53] [53]is[/53] [25]example[/25]";
	parsetext(1);
}




//Disable right mouse click Script
var message="Function Disabled!";

function clickIE4()
{
	if (event.button==2)
	{return false;}
}

function clickNS4(e)
{
	if (document.layers||document.getElementById&&!document.all)
	{
		if (e.which==2||e.which==3)
		{return false;}
	}
}

if (document.layers)
{
	document.captureEvents(Event.MOUSEDOWN);
	document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById)
{
	document.onmousedown=clickIE4;
}

document.oncontextmenu=new Function("return false;")