function monitor(){
	var estyle = document.getElementById('current_style');
	var efont = document.getElementById('current_font');
	var etext = document.getElementById('glitter_text');
	var ecode = document.getElementById('glitter_code');
	var epreview = document.getElementById('glitter_preview');
	var cur_text = etext.value;
	var cur_style = estyle.value;
	var cur_font = efont.value;
	var domain	= document.domain;
	var html = "";
	
	cur_text = cur_text.toUpperCase();
	cur_text = cur_text.split('');
	if(cur_text.length < 20)
		text_length = cur_text.length
	else
		text_length = 20;
		
	for(i=0;i<text_length;i++){
		if(cur_text[i]!=' ')
			html += '<img src="http://'+domain+'/glitter/s/s'+cur_style+'/font_'+cur_font+'/'+cur_text[i]+'.gif" alt="'+cur_text[i]+'"/>';
		else
			html += ' &nbsp; ';
	}
	
	epreview.innerHTML = html;
	ecode.value = html;

	setTimeout('monitor()',200);
}

function setCurentBox(id){
	var a = document.getElementById(id);
	a.style.backgroundColor = '#ffffcc';
	a.style.borderColor = '#ff8800';
}

function removeCurentBox(id){
	var a = document.getElementById(id);
	a.style.backgroundColor = '';
	a.style.borderColor = '';
}

function setStyle(num){
	var estyle = document.getElementById('current_style');
	var cur_style = estyle.value;
	estyle.value = num;
	removeCurentBox('glitter_style_'+cur_style);
	setCurentBox('glitter_style_'+num);
}

function setFont(num){
	var efont = document.getElementById('current_font');
	var cur_font = efont.value;
	efont.value = num;
	removeCurentBox('glitter_font_'+cur_font);
	setCurentBox('glitter_font_'+num);
}