// #require MooTools.js
var intervalTime = 10000;	// 10 sec.
var scrollDuration = 1000;	// 1 sec.
var fps = 50;

function initTopBanner() {
	var baseUrl = location.href.replace(
		/^(.+\/)[^\/.]+\.[^\/]*$/,
		"$1"
	);
	if (!baseUrl.test(/\/$/))	baseUrl += '/';
	var tgt = $('main-banner');
	var wrp = new Element('div', {
		'id': 'main-banner-wrapper',
		'styles': {
			'margin': '8px 30px 8px 30px',
			'width': 888,
			'height': 50,
			'position': 'relative',
			'overflow': 'hidden'
		}
	});
	var inn = tgt.getElement('ul.main-banner');
	var banners = inn.getElements('li');
	var innWidth = 904;
	if (banners.length > 0) {
		innWidth = Math.ceil(banners.length / 4) * 904;
	}
	wrp.injectTop(tgt);
	inn.injectInside(wrp);
	inn.setStyles({
		'margin': '0px 0px 0px 0px',
		'width': innWidth,
		'overflow': 'hidden',
		'position': 'relative'
	});
	var lArrow = new Element('img', {
		'styles': {
			'position': 'absolute',
			'top': 0,
			'left': 8,
			'cursor': 'pointer',
			'visibility': 'hidden'
		},
		'id': 'main-banner-larrow',
		'src': baseUrl + 'images/idx_a_bnr_l.gif',
		'width': '11',
		'height': '50',
		'alt': '\u2190'
	});
	var rArrow = new Element('img', {
		'styles': {
			'position': 'absolute',
			'top': 0,
			'right': 8,
			'cursor': 'pointer',
			'visibility': 'hidden'
		},
		'id': 'main-banner-rarrow',
		'src': baseUrl + 'images/idx_a_bnr_r.gif',
		'width': '11',
		'height': '50',
		'alt': '\u2192'
	});
	lArrow.injectInside(tgt);
	rArrow.injectInside(tgt);
}
function activateTopBanner() {
	var tgt = $('main-banner');
	var wrp = $('main-banner-wrapper');
	var banners = tgt.getElement('ul.main-banner').getElements('li');
	var lArrow = $('main-banner-larrow');
	var rArrow = $('main-banner-rarrow');
	var scroll = new Fx.Scroll(wrp, {
		'wait': false,
		'duration': scrollDuration,
		'fps': fps,
		'transition': Fx.Transitions.Sine.easeOut
	});
	var idx = 0;
	var maxIdx = Math.ceil(banners.length / 4) - 1;
	var buttonsOnOff = new Fx.Elements($$([lArrow, rArrow]), {
		'wait': false,
		'duration': 500,
		'fps': fps
	});
	var timer;
	var doScroll = function() {
		timer = $clear(timer);
		buttonsOnOff.start({
			'0': { // lArrow
				'opacity': [lArrow.getStyle('opacity').toFloat(), (idx == 0) ? 0 : 1]
			},
			'1': { // lArrow
				'opacity': [rArrow.getStyle('opacity').toFloat(), (idx == maxIdx) ? 0 : 1]
			}
		});
		scroll.toElement(banners[idx * 4]);
		timer = (function () {
			++idx;
			if (idx > maxIdx)	idx = 0;
			doScroll(idx);
		}).delay(intervalTime);
	};
	lArrow.addEvent('click', function(event) {
		event = new Event(event).stop();
		if (idx > 0) {
			doScroll(--idx);
		}
	});
	rArrow.addEvent('click', function(event) {
		event = new Event(event).stop();
		if (idx < maxIdx) {
			doScroll(++idx);
		}
	});
	buttonsOnOff.start({
		'0': { // lArrow
			'opacity': [0, (idx == 0) ? 0 : 1]
		},
		'1': { // lArrow
			'opacity': [0, (idx == maxIdx) ? 0 : 1]
		}
	});
	if (idx < maxIdx) {
		timer = (function () { doScroll(++idx); }).delay(intervalTime);
	}
}
if (window.addEvent) {
	window.addEvent('domready', function () {
		initTopBanner();
		// #require plugin_chk.js
		/*
		try {
			if ($defined(playerCheck)) {
				if (!flash_Flag) playerCheck(8);
				if (!flash_Flag) {
					activateTopBanner();
				}
			} else {
				activateTopBanner();
			}
		} catch (e) {
			activateTopBanner();
		}
		*/
		activateTopBanner();
	});
}