// JavaScript Document
// update: 2009.07.03

var NHK = {
	init: function() {
		this.setSize();
	},
	dominit: function() {
		this.setSwitch();
		this.loadSwf();
	},
	setSwitch: function() {
		var id = 'Feature';
		var view = 'Feature';
		var arrowFx = new Fx.Tween('naviArrow', {
			property: 'margin-left',
			duration: 1000,
			wait: false,
			transition: Fx.Transitions.Quart.easeOut
		}).start(41);
		
		$$('.header-navi-switch').addEvent('mouseover', function() {
			id = this.get('id');
			id = id.substring(6, id.length);
			
			switch(id){
    			case 'Gogaku':
					arrowFx.start(130);
					break;
    			case 'Stera':
					arrowFx.start(274);
					break;
    			case 'Event':
					arrowFx.start(430);
					break;
    			case 'Delivery':
					arrowFx.start(529);
					break;
				default:
					arrowFx.start(41);
					break;
			}
		});
		$$('.header-navi-switch').addEvent('click', function() {
			NHK.switchView(id);
			
			$$('.header-navi-switch').setStyle('margin-top', '0px');
			this.setStyle('margin-top', '-79px');
			view = id;
		});
		$$('.header-navi-switch').addEvent('mouseout', function() {
			switch(view){
    			case 'Gogaku':
					arrowFx.start(130);
					break;
    			case 'Stera':
					arrowFx.start(274);
					break;
    			case 'Event':
					arrowFx.start(430);
					break;
    			case 'Delivery':
					arrowFx.start(529);
					break;
				default:
					arrowFx.start(41);
					break;
			}
		});
		$('switchFeature').setStyle('margin-top', '-79px');
	},
	switchView: function(idName) {
		$$('.content-switch-block').setStyle('display', 'none');
		$(idName).setStyle('display', 'block');
	},
	loadSwf: function() {
		obj = new Swiff('swf/main.swf', {
		    id: 'swfFile',
		    width: 409,
		    height: 248,
			container: 'mainVisual',
		    params: {
				quality: 'best',
				menu: 'false',
		        wmode: 'transparent',
				bgcolor: '#ffffff'
			}
		});
	},
	setSize: function() {
		var blockHeight = $('footerEnd').offsetTop;
		$('shadow').setStyle('height', blockHeight);
		$('shadow-lower').setStyle('top', blockHeight);
		//if (Browser.Engine.trident) {
			NHK.setPos();
		//}
	},
	setPos: function() {
		var windowWidth = window.getWidth();
		var setBlockPos = window.getWidth() / 2 - 465;
		var setShadowPos = setBlockPos - 25;
		if(windowWidth < 930) {
			$('block').setStyles({'left': 0, 'margin-left': 0});
			$('shadow').setStyles({'left': -25, 'margin-left': 0});
			$('shadow-lower').setStyles({'left': -25, 'margin-left': 0});
		} else {
			$('block').setStyles({'left': setBlockPos, 'margin-left': 0});
			$('shadow').setStyles({'left': setShadowPos, 'margin-left': 0});
			$('shadow-lower').setStyles({'left': setShadowPos, 'margin-left': 0});
		}
	}
}

window.addEvent('domready', function(){ NHK.dominit() });
window.addEvent('load', function(){ NHK.init() });
window.onresize = function() { NHK.setPos(); };