window.addEvent('domready', function() {
	
	if($chk($('comics')))
		new QuickBox({ooffset : 0});
	else
		new QuickBox();
	
	var scroller = new Fx.Scroll(window, {
		duration: 2000, 
		wait: false, 
		transition: Fx.Transitions.Quad.easeOut
	});
	
	$$('a.go-home').addEvent('click', function(){
		//scroller.toElement('home-page');
		var position = $('home-page').getPosition(this.element);
		scroller.start(position.x, 0);
	});
	
	$$('a.go-about').addEvent('click', function(){
		var position = $('about-page').getPosition(this.element);
		scroller.start(position.x, 0);
	});
	
	$$('a.go-works').addEvent('click', function(){
		var position = $('works-page').getPosition(this.element);
		scroller.start(position.x, 0);
	});
	
	$$('a.go-contact').addEvent('click', function(){
		var position = $('contact-page').getPosition(this.element);
		scroller.start(position.x, 0);
	});
	
	
	$$('ul.mini li img').set('morph', {
		duration: 'short',
		transition: 'quad'
	});
	
	var in_fun = function(){
		this.morph({height: 100, width: 100, margin: 5});
		this.getParent('li').morph({'background-color': '#969696'});
	};
	
	var out_fun = function(){
		//if(this.getElement('img').getStyle('height').toInt() > '99')
		this.morph({height: 90, width: 90, margin: 10});
		this.getParent('li').morph({'background-color': '#4C4848'});
	};
	
	$$('ul.mini li img').addEvents({
		'mouseover': in_fun,
		'mouseout': function(){ out_fun.delay(250, this);}//.delay(100, this)
	});
	
});