function WriteStyles(styles) {
	var data = "";

	for (var i = 0; i < styles.length; i++) {
		data += styles[i];
		data += "; ";
	}

	return data;
}

function WriteImage(id, cls, title, src, styles, events) {
	var data = "";

	data += "<img";
	if (id) data += " id='" + id + "'";
	if (cls) data += " class='" + cls + "'";
	if (src) data += " src='" + src + "'";
	if (title) data += " title='" + title + "'";
	if (styles) data += " style='" + styles + "'";
	if (events) data += " " + events;
	data += ">";

	return data;
}

function WriteDiv(id, cls, title, styles, events, inside) {
	var data = "";

	data += "<div";
	if (id) data += " id='" + id + "'";
	if (cls) data += " class='" + cls + "'";
	if (title) data += " title='" + title + "'";
	if (styles) data += " style='" + styles + "'";
	if (events) data += " " + events;
	data += ">";
	data += inside;
	data += "</div>";

	return data;
}

function WriteSpan(id, cls, title, styles, events, inside) {
	var data = "";

	data += "<span";
	if (id) data += " id='" + id + "'";
	if (cls) data += " class='" + cls + "'";
	if (title) data += " title='" + title + "'";
	if (styles) data += " style='" + styles + "'";
	if (events) data += " " + events;
	data += ">";
	data += inside;
	data += "</span>";

	return data;
}

function SetBox(name, size) {
	var id = name + "HomeBox";
	var cls = "HomeBox";
	var title = "";
	var styles = WriteStyles(
		[
			"width: " + size[0] + "px",
			"height: " + size[1] + "px"
		]
	);
	var inside = "&nbsp;";

	document.write(WriteDiv(id, cls, title, styles, "", inside));
}

function MoveBox(name, position) {
	var element = document.getElementById(name + "HomeBox");

	element.style.position = "absolute";
	element.style.zIndex = 10;
	element.style.left = position[0] + "px";
	element.style.top = position[1] + "px";
}

function SetMenu(name, size, params) {
	var id = name + "HomeMenu";
	var cls = "HomeMenu";
	var title = "";
	var styles = WriteStyles(
		[
			"width: " + size[0] + "px",
			"height: " + size[1] + "px",
			"display: none"
		]
	);
	var content = "";

	content += WriteDiv("", "HomeImageDiv", "", "", "", WriteImage(name + "HomeImage", "HomeImage", title, params[5], "", ""));

	if (params[4]) {
		content += WriteDiv("", "HomeLabelDiv", "", "", "", "ชื่อ<br>เมือง<br>ประเทศ<br><br><a href='" + params[4] + "' target='_blank'>" + params[4].replace("http://", "") + "</a>");
	}
	else {
		content += WriteDiv("", "HomeLabelDiv", "", "", "", "ชื่อ<br>เมือง<br>ประเทศ");
	}

	content += WriteDiv("", "HomeDataDiv", "", "", "", ": " + params[0] + "<br>: " + params[1] + "<br>: " + params[2]);

	if (params[3]) {
		content += WriteDiv("", "HomeMoreDiv", "", "", "", "<a href='" + params[3] + "'>รายละเอียดเพิ่มเติม</a>");
	}

	var inside = "";

	inside += WriteDiv("", "HomeTop", "", "", "", "&nbsp;");
	inside += WriteDiv("", "HomeContent", "", "", "", content);
	inside += WriteDiv("", "HomeBottom", "", "", "", "&nbsp;");

	document.write(WriteDiv(id, cls, title, styles, "onmouseover='EnterMenu();' onmouseout='LeaveMenu();'", inside));
}

function MoveMenu(name, position) {
	var element = document.getElementById(name + "HomeMenu");

	element.style.position = "absolute";
	element.style.zIndex = 10;
	element.style.left = position[0] + "px";
	element.style.top = position[1] + "px";
}