main.js

function hook() {
    $('logo').addEvent('mouseover', mouseover);
    $('logo').addEvent('mouseout', mouseoff);
}

function mouseover() {

    $('logo').tween('height', height_to_p(80));
    $('logo_text').setStyle('display', 'block');
    $('logo_text').fade('in');
    $('fabface').setStyle('display', 'block');
    $('fabface').fade('in');

}

function mouseoff() {

    $('logo_text').fade('out');
    $('fabface').fade('out');
    $('logo').tween('height', '60px');
}

function height_to_p(prec) { return (height/100)*prec; }

function width_to_p(prec) { return (width/100)*prec; }

function resize() { width = window.innerWidth; height = window.innerHeight; }

var width = window.innerWidth;
var height = window.innerHeight;
window.onResize(resize);
document.addEvent('domready', hook);