$(window).addEvent('domready', function() {
	
	
	$$('.mod_navigation ul', '.mod_navigation li', '.mod_navigation a').addEvent('mouseenter', function() {
		this.addClass('hover');
	});
	
	$$('.mod_navigation ul', '.mod_navigation li', '.mod_navigation a').addEvent('mouseleave', function() {
		this.removeClass('hover');
	});
	
	if(typeof(fxPage) != 'undefined') {
		$$('h1').getLast().fade('hide');
		$('navi').setStyles({'position': 'absolute', 'top': '185px', 'left': '-893px'});
		$('main').fade('hide');
		new Asset.image('images/header.gif', {
			onload: initFX
		});
		$(window).addEvent('resize', function() {
			redrive();
		});
	}
	
	if($('comic')) {
		$$('#comic div.page a', '#comic-pager a', '#comic div.page a img').addEvent('click', comicSwitch);
		//$('close').addEvent('click', comicClose);
	}

});

/*$(window).addEvent('load', function() {
	//comicOverlay();
	//$('comic').getChildren('div').each(comicPosition);
});*/

function initFX(headerImage) {
	var carDestination = $$('h1').getLast().getPosition().x + 920 - 758;
	var initChain = new Chain();
	
	initChain.chain(
    	function(){ // fade Logo
    		var logoFX = new Fx.Tween($$('h1').getLast(), {
    			'property': 'opacity',
    			'link': 'chain',
    			'duration': 500
    		});
    		logoFX.addEvent('complete', function() {
    			initChain.callChain();
    		});
    		logoFX.start(0, 1);
    	},
    	function(){ // drive Car
    		var carFX = new Fx.Morph($('navi'), {
    			'link': 'chain',
    			'duration': 500
    		});
    		carFX.addEvent('complete', function() {
    			//$('navi').setStyles({'position': 'relative', 'top': '-15px', 'left': 0});
    			initChain.callChain();
    		});
    		carFX.start({'left': carDestination+'px'});
    	},
    	function(){ // fade Content
    		var contentFX = new Fx.Tween($('main'), {
    			'property': 'opacity',
    			'link': 'chain',
    			'duration': 500
    		});
    		contentFX.addEvent('complete', function() {
    			initChain.callChain();
    		});
    		contentFX.start(0, 1);
    		$('footer').tween('opacity', [0, 1]);
    	}
	);
	
	initChain.callChain();
}

function redrive() {
	var carDestination = $$('h1').getLast().getPosition().x + 920 - 758;
	var carFX = new Fx.Morph($('navi'), {
    	'link': 'chain',
    	'duration': 500
    });
    carFX.start({'left': carDestination+'px'});
}

function fixNaviPos() {
	$('navi').setStyles({'position': 'relative', 'top': '-15px', 'left': 0});
}

function comicOverlay(el) {
	if($('comic-overlay')) {
		var viewportSize = $(document.body).getScrollSize();
		$('comic-overlay').setStyles({'width': viewportSize.x, 'height': viewportSize.y});
		$('comic-overlay').addEvent('click', function() {
			//this.hide();
		});
	}
}

function comicPosition(el) {
	if($('comic-overlay')) {
		var viewportSize = $(document.body).getScrollSize();
		var comic = el;
		var comicHeight = comic.getDimensions().height;
		
		if(comicHeight < viewportSize.y) {
			comic.position({
				'relativeTo': $(document.body),
				'position': 'center',
				'edge': 'center'
			});
		}
	}
}

function comicSwitch(ev) {
	ev.stop();
	var oldComic = $('comic').getElement('div.page.active');
	if(ev.target.get('tag') == 'a') {
		var newComic = $(ev.target.get('href').substring(1));
	} else {
		var newComic = $(ev.target.getParent('a').get('href').substring(1));
	}
	oldComic.removeClass('active');
	newComic.addClass('active');
	setActiveComic(newComic.get('id'));
}

function setActiveComic(id) {
	$$('#comic-pager li').removeClass('active');
	$('comic-pager').getElement('a[href*='+id.substring(1)+']').getParent('li').addClass('active');
}

function comicClose(ev) {
	ev.stop();
	$('comic-overlay').hide();
}