var MINI_VIEW_HEIGHT = 600;
var MINI_VIEW_WIDTH  = 248;

function size() {
    var size = new Array( 2 );
  
    if( typeof( window.innerWidth ) == 'number' ) {
        // Non-IE
        size[0] = window.innerWidth;
        size[1] = window.innerHeight;
    } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
        // IE 6+ in 'standards compliant mode'
        size[0] = document.documentElement.clientWidth;
        size[1] = document.documentElement.clientHeight;
    } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
        //IE 4 compatible
        size[0] = document.body.clientWidth;
        size[1] = document.body.clientHeight;
    }            
    
    return size;
}
        
function which() {
    // get container width and height
    var sz = size();
    // draw message
    var e = document.getElementById( 'container' );
    var f = document.getElementById( 'icon' );
    var g = document.getElementById( 'box' );
    var h = document.getElementById( 'logo' );
    if( sz[0] <= MINI_VIEW_WIDTH && sz[1] <= MINI_VIEW_HEIGHT ) {                            
        // mini view    
        e.className = 'mini-view';
        f.className = 'mini-icon';
        g.className = 'mini-box';
        h.className = 'mini-logo';
    } else {
        // full view
        e.className = 'full-view';
        f.className = 'full-icon';
        g.className = 'full-box';
        h.className = 'full-logo';
    }
}        

function _main() {
    which();         
}

function main() {
    setTimeout( _main, 100 );            
}