function attachEventListener(target, eventType, functionRef, capture) {
  if (typeof target.addEventListener != 'undefined') {
    target.addEventListener(eventType, functionRef, capture);
  }
  else if (typeof target.attachEvent != 'undefined') {
    target.attachEvent('on' + eventType, functionRef);
  }
  else {
    return false;
  }
  return true;
}

function checkBrowserWidth() {
  var theWidth = getBrowserWidth();
  var setWidth = 0;

  if (theWidth > 1250) {
    setWidth = 1250;
  }
  else if (theWidth < 800) {
    setWidth = 800;
    // document.cookie = 'res=' + escape('800x600') + '; path=/';
  }
  else {
    setStylesheet('');
    // document.cookie = 'res=; path=/';
    setWidth = theWidth;
  }

  if (theWidth < 860) {
    setStylesheet('800x600');
  }

  var embrulhao = document.getElementById('embrulhao');
  if (embrulhao != null) {
  // alert(setWidth);
    // document.getElementById('cabecalho').style.width = setWidth - 40;
    embrulhao.style.width = setWidth - 40;
  }

  return true;
}

function getBrowserWidth() {
  if (window.innerWidth) {
    return window.innerWidth;
  }
  else if (document.documentElement && document.documentElement.clientWidth !== 0) {
    return document.documentElement.clientWidth;
  }
  else if (document.body) {
    return document.body.clientWidth;
  }
  return 0;
}

function setStylesheet(styleTitle) {
  var currTag;
  if (document.getElementsByTagName) {
    for (var i = 0; (currTag = document.getElementsByTagName('link')[i]); i++) {
      if (currTag.getAttribute('rel').indexOf('style') != -1 && currTag.getAttribute('title')) {
        currTag.disabled = true;

        if(currTag.getAttribute('title') == styleTitle) {
          currTag.disabled = false;
        }
      }
    }
  }
  return true;
}

// attachEventListener(document, 'load', checkBrowserWidth, false);
attachEventListener(window, 'resize', checkBrowserWidth, false);
