// Dynamically change layout based on window sized
// Based on work by Simon Collison et al
// http://www.collylogic.com/?/comments/redesign-notes-1-width-based-layout/


slidehandler = {
  init: function() {
    if (!document.getElementById) return;
    // set up the appropriate wrapper
    slidehandler.slideWrap();
  },

  slideWrap: function() {
    // width stuff from ppk's http://www.evolt.org/article/document_body_doctype_switching_and_more/17/30655/index.html
    var slideImgWidth = document.getElementById("slideImg").width;
    if (slideImgWidth != 0) {
        if (slideImgWidth <= 480) {
            document.getElementById('slideCapt').className = 'slideCapLeft';
            document.getElementById('slideImg').className = 'slideImgLeft';
        } else {
            var sc = document.getElementById('slideCapt');
            if (navigator.userAgent.indexOf("MSIE") == -1) {
                sc.className = 'slideCap';
                document.getElementById('slideImg').className = 'slideImg';
            } else {
                sc.className = 'slideCap';
                dl = sc.getElementsByTagName('DL')[0];
                for(var i=0; i < dl.childNodes.length; i++){
                    var node = dl.childNodes[i];
                    var nn = node.nodeName.toUpperCase();
                    if( nn == 'DT' || nn == 'DD' ) node.style.height = '1%';
                }
            }
        }
    }
  },

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

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