// JavaScript Document wraphandler = { init: function() { if (!document.getElementById) return; // set up the appropriate wrapper wraphandler.setWrapper(); // and make sure it gets set up again if you resize the window wraphandler.addEvent(window,"resize",wraphandler.setWrapper); }, setWrapper: function() { // width stuff from ppk's evolt.org/article/document_body_doctype_switching_and_more/17/30655/index.html var theWidth = 0; if (window.innerWidth) { theWidth = window.innerWidth } else if (document.documentElement && document.documentElement.clientWidth) { theWidth = document.documentElement.clientWidth } else if (document.body) { theWidth = document.body.clientWidth } if (theWidth != 0) { if (theWidth < 1026) { document.getElementById('header').className = 'headerAlt'; document.getElementById('header').innerHTML = ''; } else { document.getElementById('header').className = 'headerMain'; document.getElementById('header').innerHTML = ''; } } }, // addEvent stuff from John Resig's ejohn.org/projects/flexible-javascript-events addEvent: function( obj, type, fn ) { if ( obj.attachEvent ) { obj['e'+type+fn] = fn; obj[type+fn] = function(){obj['e'+type+fn]( window.event );} obj.attachEvent( 'on'+type, obj[type+fn] ); } else { obj.addEventListener( type, fn, false ); } } } wraphandler.addEvent(window,"load",wraphandler.init);