var boxes = new Array()

function overTab(a) {
	a.style.color = '#202020'
	a.style.fontWeight = 'bold'
}

function offTab(a) {
	a.style.color = '#686868'
	a.style.fontWeight = 'normal'
}

function doTab(a,b) {
	document.getElementById(a + "_tab" + b).style.backgroundColor = "#E0E0E0"
	document.getElementById(a + "_tab" + (3 - b)).style.backgroundColor = "#B0B0B0"
	if (b == 1) { 
		updateBox(a)
		document.getElementById(a + "_text").style.display = 'none'
		document.getElementById(a + "_html").style.display = ''
	}
	else {
		document.getElementById(a + "_html").style.display = 'none'
		document.getElementById(a + "_text").style.display = ''
	}
}

function updateBox(ub) {
	var text = document.getElementById(ub + "_textarea").value.replace(/\r\n/g, "\n")

	text = text.replace(/>\n/g, ">")
	text = text.replace(/\n/g, "<br style='letter-spacing: 0px'>")

	var b = new RegExp('img{', 'g')
	var c = "<img src='photos/"
	text = text.replace(b, c)

	text = text.replace(/.jpg}/g, ".jpg' border='0'>")
	text = text.replace(/.gif}/g, ".gif' border='0'>")
	text = text.replace(/.png}/g, ".png' border='0'>")

	for (var a = 1; a <= 10; a ++) {
		var b = new RegExp(a + '{', 'g')
		var c = "<span class='f" + a + "'>"
		text = text.replace(b, c)
	}

	text = text.replace(/}/g, "</span>")

	document.getElementById(ub + "_html").innerHTML = text
}