var TITLES           = new Array("HOME", "DOWNLOADS", "DOCS", "DEMOS", "SUPPORT", "SERVICES", "ABOUT US");
var MAX_TITLES_COUNT = TITLES.length;
var PATH_TO_TITLE_SCRIPT     = "../img/title.img?";
var PATH_TO_HEADING_SCRIPT   = "../../img/heading.img?";

var code = '';

function WriteLayer(layer_name, src)
{
	if (document.all) {
		document.all[layer_name].innerHTML = src;
	} else {
		document.layers[layer_name].document.open();
		document.layers[layer_name].document.write(src);
		document.layers[layer_name].document.close();
	}
}

function ShowTheResult()
{
	var form  = document.forms[0];
	var image = new Object();
	var i;
	var no_path = true;

	code = '';

	var sources = new Array();

	for (i=1; i <= MAX_TITLES_COUNT; i++) {
		var title = eval("form.title" + i + ".value");
		
		// deal with quotes & spaces
		title = escape(title);

		var src1   = PATH_TO_TITLE_SCRIPT + 'text="' + title + '"';
		var src2   = PATH_TO_HEADING_SCRIPT + 'text="' + title + '"';
		sources[i - 1] = new Array(src1, src2);
	}

	DrawBlankImages(sources);
}


function DrawTitlesFields()
{
	var i;
	var code = "";

    code += "<tr>";
	for (i=1; i <= MAX_TITLES_COUNT; i++) {
		code += '  <td><input type="text" name="title' + i + '" value="' + TITLES[i - 1] + '" size=' + ((document.all) ? 9 : 7) + '></td>';
	}
	code += '</tr>';

	document.write(code);
}

function DrawBlankImages(sources)
{
	var i;
	var code = "";

	code = '<table cellspacing=0 cellpadding=0 border=0><tr>';
	for (i=1; i <= MAX_TITLES_COUNT; i++) {
		var src = sources ? sources[i - 1][0] : 'Images/space.gif';
		code += '<td><img src=\'' + src + '\' name="img' + i + '"></td>';
	}
	if (sources) {
		code += '<td><img src="../../Images/logo.gif" width="233" height="18"></td>';
	}
	code += '</tr></table><br><p>&nbsp;</p>';

	for (i=1; i <= MAX_TITLES_COUNT; i++) {
		var src = sources ? sources[i - 1][1] : 'Images/space.gif';
		code += '<p><img src=\'' + src + '\' name="img' + i + '"></p>';
	}

	WriteLayer('result', code);
}