wraphandler = {
  init: function() {
    if (!document.getElementById) return;
    wraphandler.setWrapper();
    wraphandler.addEvent(window,"resize",wraphandler.setWrapper);
	 wraphandler.clickArea();
  },

  setWrapper: function() {
    var sqcWidth = (document.getElementById('extra').clientWidth),
	 sqcWidth2 = (document.getElementById('inner_extra').clientWidth)+40,
	 sup_no=0,
	 cols=2,
	 o = document.getElementById("extra").getElementsByTagName("div");
	for(var i=0;i<o.length;i++) if(o[i].className.indexOf("supplemental")>=0){sup_no++}
	if((sup_no*250)<=sqcWidth) {cols=sup_no} else {
	cols=Math.floor((sqcWidth/250),5)}
	cols=(Math.max(Math.min(cols,5),1));
	document.getElementById('extra').className='cols'+cols;
	//alert(sqcWidth+", "+sqcWidth2);
	for(var j=2;j<=sup_no;j++) {document.getElementById("s"+j).style.clear="none"}
	for(var j=(cols+1);j<=sup_no;j=j+cols) {document.getElementById("s"+j).style.clear="left"}
  },

  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 );
    }
  },
  
  clickArea: function() {
	var els = document.getElementsByTagName("div"),
	className="inner_s";
	for (var i = 0; i < els.length; i++) if (els[i].className.indexOf(className)>=0) {
		els[i].onmouseover=function() {this.className+=" inner_s_hover"}
		els[i].onmouseout=function() {this.className=this.className.replace(new RegExp(" inner_s_hover\\b"), "")}
		els[i].onclick = function () {location.href = this.getElementsByTagName("a")[0].href}
   }
  }
 
}

wraphandler.addEvent(window,"load",wraphandler.init);