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 http://www.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 (document.getElementById('wrapper') && document.getElementById('breakoutBoxs') &&
		  document.getElementById('right-column') && document.getElementById('left-column-padding') && 
	      document.getElementById('right-column-padding') && document.getElementById('middle-colour')  ) {
        if (theWidth < 900) {        
          document.getElementById('breakoutBoxs').className = 'altBreakoutBoxs';
		  var rightContent = document.getElementById('breakoutBoxs');
		  document.getElementById('right-column').style.display = 'none';
		  document.getElementById('left-column-padding').appendChild(rightContent);
		  document.getElementById('middle-colour').style.marginRight = "-16em";
        } else {
          document.getElementById('breakoutBoxs').className = 'mainBreakoutBoxs';
		  var leftContent = document.getElementById('breakoutBoxs');
		  document.getElementById('right-column').style.display = 'block';
		  document.getElementById('right-column-padding').appendChild(leftContent);
		  document.getElementById('middle-colour').style.marginRight = "0";
		  
        }
	  } 
    }
  },

  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);