/* =========================================================
	news - indexes
========================================================= */

Element.Methods.show = function(element) {
	$(element).style.display = 'block';
	return element;
};

Element.addMethods();

var myPgID;
var myPath;
var myName;
var myIdxs;
var myTabs;

function initIdxs() {
	myPgID = document.getElementsByTagName('body')[0].id;
	myPath = myPgID.substring(0, 14);
	myName = myPgID.substring(14);
	if(myPath == 'nhkworld-news-') {
		myIdxs = $A(document.getElementsByClassName('basic-l', $('indexes')));
		myIdxs.each(
			function(myIdx) {
				if(myIdx.id == 'idx' + myName) {
					myIdx.show();
					if(Prototype.Browser.IE) {
						if(/MSIE 6/.test(navigator.userAgent)) {
							myIdx.style.height = (myIdx.clientHeight >= 100) ? "100px" : "auto";
						}
					}
				} else {
					myIdx.hide();
				}
			}
		);
	}
}

Event.observe(window, 'load', initIdxs);

function turnIdxs(targetID) {
	var element = $('idx' + targetID);
	if(element.style.display == 'none') {
		myTabs = $A(document.getElementsByClassName('item', $('tabStd')));
		myTabs.each(
			function(myTab, order) {
				if(Element.classNames(myTab) == ('item tab' + targetID)) {
					// li
					myTab.style.background = "#FFFFFF";
					myTab.style.borderBottomColor = "#FFFFFF";
					// a
					Element.removeClassName(myTab.getElementsByTagName('a')[0], 'tmp1');
					Element.addClassName(myTab.getElementsByTagName('a')[0], 'tmp2');
				} else {
					// li
					myTab.style.background = "#EAE8E5 url(../fixed/images/tab_bg.gif) repeat-y";
					myTab.style.borderBottomColor = "#CCCCCC";
					if(order == 0) {
						myTab.style.backgroundImage = 'none';
					}
					// a
					Element.removeClassName(myTab.getElementsByTagName('a')[0], 'tmp2');
					Element.addClassName(myTab.getElementsByTagName('a')[0], 'tmp1');
				}
			}
		);
		myIdxs.each(
			function(myIdx) {
				if(myIdx.id == element.id) {
					myIdx.show();
					if(Prototype.Browser.IE) {
						if(/MSIE 6/.test(navigator.userAgent)) {
							myIdx.style.height = (myIdx.clientHeight >= 100) ? "100px" : "auto";
						}
					}
				} else {
					myIdx.hide();
				}
			}
		);
	}
}