
var toggleLinks = new Array;
var currentMode = 1;
var currentHeight = 100;
var clicked;
var services;
var intervalID;

var cldToggleLinks;
var cldCurrentMode = 1;
var cldCurrentHeight = 100;
var cldUlHeight;
var cldClicked;
var inner;
var cldIntervalID;


function wm_confirm(check) {
	if (check.checked) {
		var result = confirm("WebMoneyでの購入を希望された場合\n\n・WebMoney取扱手数料として、代金の2割が別途かかります。\n・同時に申し込めるのはWebMoneyで取扱可能な商品のみとなります。\n\n宜しいですか？");
		check.checked = (result ? true : false);
	}
}

function init(path) {
	var path = path;
	services = document.getElementById('service-list');
	var links = services.getElementsByTagName('A');
	var spans = services.getElementsByTagName('SPAN');

	var i = 0;
	for (i in links) {
		if (links[i] && links[i].tagName == 'A'
			&& links[i].href.indexOf(path, 0) >= 0) {
			toggleLinks.push(links[i]);
		}
	}
	i = 0;
	for (i in spans) {
		if (spans[i]['className'] == 'active') {
			toggleLinks.push(spans[i]);
		}
	}
}

function toggleLists(obj) {
	clicked = obj;
	if (intervalID) clearInterval(intervalID);

	services.style.height = '142px';

	for (i in toggleLinks) {
		toggleLinks[i].style.display = 'none';
	}

	intervalID = setInterval('reduction()', 15);
}

function reduction() {
	var i;

	if (currentMode) {
		currentHeight -= currentHeight / 5 + 2;
		if (currentHeight <= 0) {
			clearInterval(intervalID);
			services.style.height = 'auto';
			clicked.style.background = 'url(http://trade.netgame-rmt.jp/img/style1/more.gif) no-repeat 128px 5px transparent';
			clicked.style.textIndent = '-10px';
			currentHeight = 0;
			currentMode = 0;
			
			i = 0;
			for (i in toggleLinks) {
				toggleLinks[i].style.display = 'none';
			}
		}
	} else {
		currentHeight += currentHeight / 5 + 2;
		if (currentHeight >= 100) {
			clearInterval(intervalID);
			services.style.height = 'auto';
			clicked.style.background = 'url(http://trade.netgame-rmt.jp/img/style1/more1.png) no-repeat 5px 5px #fdfdfd';
			clicked.style.textIndent = '0';
			currentHeight = 100;
			currentMode = 1;

			i = 0;
			for (i in toggleLinks) {
				toggleLinks[i].style.display = 'block';
			}

			return;
		}
	}

	services.style.height = (200 * currentHeight / 100) + 142 + 'px';
}



function toggleChildLists(obj) {
	cldClicked = obj;
	if (cldIntervalID) clearInterval(cldIntervalID);

	if (!inner) {
		inner = cldClicked.parentNode.getElementsByTagName('UL')[0];
		cldUlHeight = inner.offsetHeight;
		inner.style.height = cldUlHeight + 'px';
		cldToggleLinks = inner.getElementsByTagName('LI');
	}

	for (i in cldToggleLinks) {
		if (cldToggleLinks[i].tagName == 'LI') cldToggleLinks[i].style.display = 'none';
	}

	cldIntervalID = setInterval('childReduction()', 15);
}

function childReduction() {
	var i;

	if (cldCurrentMode) {
		cldCurrentHeight -= cldCurrentHeight / 5 + 2;
		if (cldCurrentHeight <= 0) {
			clearInterval(cldIntervalID);
			inner.style.height = 'auto';
			cldCurrentHeight = 0;
			cldCurrentMode = 0;
			
			i = 0;
			for (i in cldToggleLinks) {
				if (cldToggleLinks[i].tagName == 'LI') cldToggleLinks[i].style.display = 'none';
			}
		}
	} else {
		cldCurrentHeight += cldCurrentHeight / 5 + 2;
		if (cldCurrentHeight >= 100) {
			clearInterval(cldIntervalID);
			inner.style.height = 'auto';
			cldCurrentHeight = 100;
			cldCurrentMode = 1;

			i = 0;
			for (i in cldToggleLinks) {
				if (cldToggleLinks[i].tagName == 'LI') cldToggleLinks[i].style.display = 'inline';
			}

			return;
		}
	}

	inner.style.height = (cldUlHeight * cldCurrentHeight / 100) + 'px';
}
