var bbstyles = new Array('b', 'u', 'i', 'quote', 'url', 'img');
var bbstyles_text = new Array('<b>Bold</b>', '<u>Underlined</u>', '<i>Italic</i>', 'Quote', 'Url', 'Image');
var bbstyles_open = new Array(false, false, false, false, false, false);
var bb_description = new Array('Maakt tekst tussen de tags dik gedrukt', 'Maakt tekst tussen de tags onderstreept', 
'Maakt tekst tussen de tags schuin', 'Maakt een quote, je kan de maker aangeven door [quote=Maker] te gebruiken', 
'Maakt een link, je kan een andere tekst weergeven door [url=link]tekst[/url] te gebruiken', 
'Een plaatje, je kan een alternate tekst weer laten geven door [img=link]alternate tekst[img] te gebruiken',
'Maakt de tekst een andere kleur, je kan de kleur selecteren in de lijst', 'Maakt de tekst groter of kleiner, je kan de grote selecteren in de lijst');

var styles = new Array('size', 'color');
var styles_open = new Array(false, false);

var text_element;

function bbstyle(id) {
	text_element.value += (bbstyles_open[id] ? '[/'  : '[') + bbstyles[id] + ']';
	document.getElementById('button_' + id).innerHTML = bbstyles_text[id] + (bbstyles_open[id] ? '' : ' *');
	bbstyles_open[id] = !bbstyles_open[id];
	text_element.focus();
}

function bbhover(id) {
	document.getElementById('bb_hover').innerHTML = bb_description[id];
}
function bbunhover(id) {
	document.getElementById('bb_hover').innerHTML = 'Ga met je muis over de knoppen voor een beschrijving';
}

function changestyle(id, element) {
	if (styles_open[id]) {
		text_element.value += '[/' + styles[id] + ']';
		styles_open[id] = false;
	}
	if (element.value != '') {
		styles_open[id] = true;
		text_element.value += '[' + styles[id] + '=' + element.value + ']';
	}
	
	text_element.focus();
}

function closestyles() {
	for (var i = 0; i < 3; i++) {
		if (bbstyles_open[i])
			text_element.value += '[/' + bbstyles[i] + ']';
	}
	for (var i = 0; i < 2; i++) {
		if (styles_open[i])
			text_element.value += '[/' + styles[i] + ']';
	}
}