if (document.images) {
	spSel = new Image();
	spImg = new Array();
	rc = 0;
}
function getTopics() {
	xmlhttp2 = createXMLHttp2();
	if (xmlhttp2) {
		xmlhttp2.onreadystatechange = wrTopics;
		xmlhttp2.open('GET', '/en/image/top/topics.xml?' + (new Date().getTime()));
		xmlhttp2.send(null);
	}
}
function wrTopics() {
	if (xmlhttp2.readyState == 4 && xmlhttp2.status == 200) {
		xmlDoc2 = xmlhttp2.responseXML;
		sp = xmlDoc2.getElementsByTagName("item")[0].getElementsByTagName("spcontents")[0].getElementsByTagName("topic");
		var s = '';
		for (var i = 0; i < sp.length; i++) { s += createDiv(sp[i], 199, 48); }
		document.getElementById('spcontents').innerHTML = s;
		sp = xmlDoc2.getElementsByTagName("item")[0].getElementsByTagName("automotive")[0].getElementsByTagName("topic");
		var s = '';
		for (var i = 0; i < sp.length; i++) { s += createDiv(sp[i], 28, 28); }
		document.getElementById('automotive').innerHTML = s;
		sp = xmlDoc2.getElementsByTagName("item")[0].getElementsByTagName("responsibility")[0].getElementsByTagName("topic");
		var s = '';
		for (var i = 0; i < sp.length; i++) { s += createDiv(sp[i], 28, 28); }
		document.getElementById('responsibility').innerHTML = s;
		sp = xmlDoc2.getElementsByTagName("item")[0].getElementsByTagName("announce")[0].getElementsByTagName("topic");
		var s = '';
		for (var i = 0; i < sp.length; i++) { s += createDiv(sp[i], 28, 28); }
		document.getElementById('announce').innerHTML = s;
	}
}
function createDiv(n, w, h) {
	var s = '';
	var uri = (n.getElementsByTagName("uri")[0].childNodes[0]) ? n.getElementsByTagName("uri")[0].childNodes[0].data : "";
	var tar = n.getElementsByTagName("uri")[0].getAttribute("target");
	var txt = (n.getElementsByTagName("txt")[0].childNodes[0]) ? n.getElementsByTagName("txt")[0].childNodes[0].data : "";
	if (n.getElementsByTagName("img")[0]) {
		var img = n.getElementsByTagName("img")[0].getAttribute("src");
		var ovr = n.getElementsByTagName("img")[0].getAttribute("over");
		var alt = n.getElementsByTagName("img")[0].getAttribute("alt");
		alt = (alt) ? alt : "";
		var bp = "";
	} else {
		var bp = ' style="padding:0 0 0 8px; background-position:0 4px;"';
	}
	if (ovr) {
		spImg[rc] = new Image(); spImg[rc].src = ovr;
		ovr = ' onmouseover="spIn(' + rc + ')" onmouseout="spOut(' + rc + ')"';
	} else {
		ovr = ' onmouseover="tpIn(this)" onmouseout="tpOut(this)"';
	}
	var a = (uri) ? '<a href="' + uri + '" target="' + tar + '"' + ovr + '>' : '';
	s += '<div>' + a;
	if (img) s += '<img name="sp' + rc + '" src="' + img + '" width=' + w + ' height=' + h + ' border=0 alt="' + alt + '">';
	s += '<p' + bp + '>' + txt + '<br class=clear></p>';
	if (uri) s += '</a>';
	s += '</div>';
	if (ovr) rc++;
	return s
}
function createXMLHttp2() {
	obj = null;
	try { obj = new ActiveXObject("Msxml2.XMLHTTP"); }
	catch (e) {
		try { obj = new ActiveXObject("Microsoft.XMLHTTP"); }
		catch (e) { obj = false; }
	}
	if (!obj && typeof XMLHttpRequest != 'undefined') {
		obj = new XMLHttpRequest();
	}
	return obj;
}
function spIn(n) {
	spSel.src = document.images['sp' + n].src;
	document.images['sp' + n].src = spImg[n].src;
}
function spOut(n) {
	document.images['sp' + n].src = spSel.src;
}
function tpIn(n) {
	if (n.getElementsByTagName("img")[0]) {
		n.getElementsByTagName("img")[0].style.borderColor = '#B30000';
	}
}
function tpOut(n) {
	if (n.getElementsByTagName("img")[0]) {
		n.getElementsByTagName("img")[0].style.borderColor = '#999999';
	}
}

