function modalBox(_width, _height, _title, _src) {
  if(document.getElementById('modal_box') == undefined) {
    targetElement = document.getElementsByTagName('body');
    modal = document.createElement('div');
    modal.setAttribute('id', 'modal_box');
    //modal.setAttribute('style', 'border: 1px solid #4B4C3C; width: '+_width+'px; height: '+_height+'px; position: absolute;');
    
    modalTitle = document.createElement('div');
    modalTitle.setAttribute('id', 'modal_title');
    
    textTitle = document.createTextNode(_title);
    
    boxTitle = document.createElement('div');
    boxTitle.setAttribute('id', 'box_title');
    boxTitle.appendChild(textTitle);
    
    boxClose = document.createElement('div');
    buttonClose = document.createElement('a');
    buttonClose.setAttribute('href', 'javascript:closeModal();');
    buttonClose.setAttribute('id', 'button_close');
    imgClose = document.createElement('img');
    imgClose.setAttribute('src', 'js/images/close_modal.jpg');
    imgClose.setAttribute('border', '0');
    imgClose.setAttribute('hspace', '0');
    imgClose.setAttribute('vspace', '0');
    buttonClose.appendChild(imgClose);
    
    modalTitle.appendChild(boxTitle);
    modalTitle.appendChild(buttonClose);
    
    ifr = document.createElement('iframe');
    //ifr.setAttribute('frameborder', '0');
    //ifr.setAttribute('width', _width+'px');
    //ifr.setAttribute('height', (_height - 21)+'px');
    ifr.setAttribute('src', _src);
    ifr.setAttribute('id', 'modal_iframe');
    ifr.setAttribute('allowTransparency', 'true');
    ifr.setAttribute('frameBorder', 'none');
    
    bgModal = document.createElement('div');
    bgModal.setAttribute('id', 'bg_modal');
    
    modal.appendChild(modalTitle);
    modal.appendChild(ifr);
    
    targetElement[0].appendChild(bgModal);
    targetElement[0].appendChild(modal);
    
    if(document.all) {
      document.getElementById('bg_modal').style.position = 'absolute';
      document.getElementById('bg_modal').style.top = '0';
      document.getElementById('bg_modal').style.left = '0';
      document.getElementById('bg_modal').style.width = document.body.scrollWidth;
      document.getElementById('bg_modal').style.height = document.body.scrollHeight;
      document.getElementById('bg_modal').style.backgroundColor = '#000';
      document.getElementById('bg_modal').style.filter = 'alpha(opacity=80)';
      document.getElementById('bg_modal').style.zIndex = 2;
    } else {
      document.getElementById('bg_modal').style.position = 'absolute';
      document.getElementById('bg_modal').style.top = '0';
      document.getElementById('bg_modal').style.left = '0';
      document.getElementById('bg_modal').style.width = document.body.scrollWidth;
      document.getElementById('bg_modal').style.height = document.body.scrollHeight;
      document.getElementById('bg_modal').style.opacity = '0.8';
      document.getElementById('bg_modal').style.backgroundColor = '#000';
      document.getElementById('bg_modal').style.zIndex = 2;
    }
    
    document.getElementById('bg_modal').onclick = function() {
      closeModal();
    }
    
    //'height: 20px; background-color: #9C9A69; border-bottom: 1px solid #4B4C3C; color: #fff; font-family: verdana; font-weight: bold; font-size: 15px;'
    
    document.getElementById('modal_title').style.width = _width+'px';
    document.getElementById('modal_title').style.height = '27px';
    document.getElementById('modal_title').style.background = 'url(\'js/images/bg_title_modal.jpg\')';
    document.getElementById('modal_title').style.borderTopWidth = '0px';
    document.getElementById('modal_title').style.borderLeftWidth = '0px';
    document.getElementById('modal_title').style.borderRightWidth = '0px';
    document.getElementById('modal_title').style.borderBottomWidth = '1px';
    document.getElementById('modal_title').style.borderStyle = 'solid';
    document.getElementById('modal_title').style.borderColor = '#010101';
    document.getElementById('modal_title').style.color = '#ffffff';
    document.getElementById('modal_title').style.fontFamily = 'verdana';
    document.getElementById('modal_title').style.fontWeight = 'bold';
    document.getElementById('modal_title').style.fontSize = '13px';
    
    document.getElementById('modal_iframe').frameBorder = '0';
    document.getElementById('modal_iframe').style.width = _width+'px';
    document.getElementById('modal_iframe').style.height = (_height - 30)+'px';
    document.getElementById('modal_iframe').style.background = 'url(\'imagens/mande_foto_bg.jpg\')';
    document.getElementById('modal_iframe').style.backgroundColor = '#010101';
    document.getElementById('modal_iframe').style.backgroundRepeat = 'no-repeat';
    document.getElementById('modal_iframe').style.backgroundPosition = 'right bottom';
    
    document.getElementById('modal_box').style.borderWidth = '1px';
    document.getElementById('modal_box').style.borderStyle = 'solid';
    document.getElementById('modal_box').style.borderColor = '#510404';
    document.getElementById('modal_box').style.backgroundColor = '#010101';
    document.getElementById('modal_box').style.width = _width+'px';
    document.getElementById('modal_box').style.height = _height+'px';
    document.getElementById('modal_box').style.position = 'absolute';
    document.getElementById('modal_box').style.top = document.body.scrollTop + (screen.height - (screen.height / 2)) - (_height / 1.5);
    document.getElementById('modal_box').style.left = (screen.width - (screen.width / 2)) - (_width / 2);
    //document.getElementById('modal_box').style.marginTop = screen.height - (_height * 1.5);//-(_height / 2);
    //document.getElementById('modal_box').style.marginLeft = screen.width / - (_width * 2);//-(_width / 2);
    document.getElementById('modal_box').style.zIndex = 3;

    document.getElementById('box_title').style.paddingLeft = '4px';
    document.getElementById('box_title').style.paddingTop = '2px';
    
    if(document.all) {
      document.getElementById('box_title').style.styleFloat = 'left';
      document.getElementById('button_close').style.styleFloat = 'right';
    } else {
      document.getElementById('box_title').style.cssFloat = 'left';
      document.getElementById('button_close').style.cssFloat = 'right';
    }
  }
}

function closeModal(_callBackFunction) {
  el_1 = document.getElementById('modal_box');
  el_2 = document.getElementById('bg_modal');
  parentElement = el_1.parentNode;
  if(_callBackFunction) {
    _callBackFunction;
  }
  parentElement.removeChild(el_1);
  parentElement.removeChild(el_2);
}