//	TOPページレイアウト調整用JS
//--------------------------------------

if( (typeof clrID == 'undefined')||(clrID == '')) {
	clrID = 'clr00' ;
}


//--------------------------------------
//	エントリー表示
function appearEntry(){
	// target画像生成
	$('main').insert('<img src="/img/'+ clrID +'/target_lt_'+ clrID +'.gif" id="lt">');
	$('main').insert('<img src="/img/'+ clrID +'/target_ct_'+ clrID +'.gif" id="ct">');
	$('main').insert('<img src="/img/'+ clrID +'/target_rt_'+ clrID +'.gif" id="rt">');
	$('main').insert('<img src="/img/'+ clrID +'/target_lb_'+ clrID +'.gif" id="lb">');
	$('main').insert('<img src="/img/'+ clrID +'/target_cb_'+ clrID +'.gif" id="cb">');
	$('main').insert('<img src="/img/'+ clrID +'/target_rb_'+ clrID +'.gif" id="rb">');
	Element.setStyle($('lt'), { display:'none' });
	Element.setStyle($('ct'), { display:'none' });
	Element.setStyle($('rt'), { display:'none' });
	Element.setStyle($('lb'), { display:'none' });
	Element.setStyle($('cb'), { display:'none' });
	Element.setStyle($('rb'), { display:'none' });
	
	// mouseover/mouseoutアクション
	$$('#entry01 li a').each(function(elm){
		Event.observe(elm, 'mouseover', function(){
			var l = Position.cumulativeOffset(elm.parentNode).left + Position.positionedOffset(elm.lastChild.childNodes[0]).left - 5;
			var c = Position.cumulativeOffset(elm.parentNode).left + Position.positionedOffset(elm.lastChild.childNodes[0]).left + ($(elm.lastChild.childNodes[0]).getDimensions().width / 2) - 5;
			var r = Position.cumulativeOffset(elm.parentNode).left + Position.positionedOffset(elm.lastChild.childNodes[0]).left + $(elm.lastChild.childNodes[0]).getDimensions().width - 1;
			var t = Position.positionedOffset(elm.parentNode).top + Position.positionedOffset(elm.lastChild.childNodes[0]).top - 5;
			var b = Position.positionedOffset(elm.parentNode).top + Position.positionedOffset(elm.lastChild.childNodes[0]).top + $(elm.lastChild.childNodes[0]).getDimensions().height - 1;
			Element.setStyle($('lt'), { display:'block', position:'absolute', left:l+'px', top:t+'px' });
			Element.setStyle($('ct'), { display:'block', position:'absolute', left:c+'px', top:t-4+'px' });
			Element.setStyle($('rt'), { display:'block', position:'absolute', left:r+'px', top:t+'px' });
			Element.setStyle($('lb'), { display:'block', position:'absolute', left:l+'px', top:b+'px' });
			Element.setStyle($('cb'), { display:'block', position:'absolute', left:c+'px', top:b+5+'px' });
			Element.setStyle($('rb'), { display:'block', position:'absolute', left:r+'px', top:b+'px' });
		});
		Event.observe(elm, 'mouseout', function(){
			Element.setStyle($('lt'), { display:'none' });
			Element.setStyle($('ct'), { display:'none' });
			Element.setStyle($('rt'), { display:'none' });
			Element.setStyle($('lb'), { display:'none' });
			Element.setStyle($('cb'), { display:'none' });
			Element.setStyle($('rb'), { display:'none' });
		});
	});
	
	// 表示位置設定
	var type = Math.floor(3 * Math.random())+1;
	var entry = 'entry' + ('00'+type).slice(-2);
	$('entry01').id = entry;
	
	// エフェクト表示
	for(var i=0;i<$(entry).childNodes.length;i++){
		if(!$(entry).childNodes[i].firstChild) continue;
		Element.setStyle($(entry).childNodes[i], { display:'none' });
		if($(entry).childNodes[i].id == 'rank01' ||
			 $(entry).childNodes[i].id == 'rank02' ||
			 $(entry).childNodes[i].id == 'rank03' ||
			 $(entry).childNodes[i].id == 'rank04' ||
			 $(entry).childNodes[i].id == 'rank05'){
			delay = 0;
		}
		else{
			delay = 0.8;
		}
		new Effect.Appear($(entry).childNodes[i], {
			from:0, to:1, delay:delay,
			beforeStartInternal: function(effect) {
				Element.setStyle($(entry), { display:'block' });
			}
		});
	}
}



//--------------------------------------
//	ティッカー表示
var el;
var ovr = 0;
function showTicker(){
	if($('ticker').childNodes.length > 1){
		$$('#ticker p').each(function(elm){
			Event.observe(elm, 'mouseover', function(){
				ovr = 1;
			});
			Event.observe(elm, 'mouseout', function(){
				ovr = 0;
			});
		});
		if(!ovr){
			var top = 0;
			if(el) Element.remove(el);
			for(var i=0;i<$('ticker').childNodes.length;i++){
				if(!$('ticker').childNodes[i].firstChild) continue;
				Element.setStyle($('ticker').childNodes[i], { position:'relative', left:0, top:0 });
				new Effect.MoveBy($('ticker').childNodes[i], -36, 0, {
					afterFinishInternal: function(effect){
						if(!top){
							$('ticker').insert('<p style="position:relative; left:0; top:0;">'+effect.element.innerHTML+'</p>');
							top = 1;
							el = effect.element;
						}
					}
				});
			}
			window.setTimeout('showTicker()', 5000);
		}
		else{
			window.setTimeout('showTicker()', 1000);
		}
	}
}

Event.observe(window, "load", function(){
	if($('entry01')) appearEntry();
	if($('headline')) window.setTimeout('showTicker()', 5000);
});