getPageSize = function() {
   var docElem = document.documentElement
   var width = self.innerWidth || (docElem&&docElem.clientWidth) || document.body.clientWidth;
   var height = self.innerHeight || (docElem&&docElem.clientHeight) || document.body.clientHeight;
   var ret = new Array(parseInt(width),parseInt(height));
   return ret;
} 

Event.observe(window, 'load', function(){
	var itemSize = getPageSize();
	new Effect.Opacity($('GlobalFirst'), {queue: 'front', duration:2, from:0, to:1.0, beforeStart:function(){
		if(itemSize[1] > 670)
			$('GlobalFirst').setStyle({'height': itemSize[1]+'px'});
	}});
	new Effect.Opacity($('GlobalSecond'), {queue: 'end', duration:1, from:0, to:1});
	new Effect.Opacity($('Content'), {queue: 'end', duration:1, from:0, to:1});
	new Effect.Appear($('Content').down('dl'), {delay: 1, queue: 'end', duration:1, from:0, to:1});
	new Effect.Appear($('Content').down('ul'), {queue: 'end', duration:1, from:0, to:1});
	new Effect.Appear($('Content').down('.links'), {queue: 'end', duration:1, from:0, to:1});
});