// lifted mostly from http://whatsmy.browsersize.com/
function BrowserWindow(){
  this.width = window.innerWidth != undefined ? window.innerWidth : document.body.offsetWidth;
  this.height = window.innerHeight != undefined ? window.innerHeight : document.body.offsetHeight;
}

function setScreenInfoValues(fieldToPopulate){
  var bwin = new BrowserWindow();
  var screenProperties = '"screen":{"width":"' + screen.width + '", "height":"' + screen.height + '", "colorDepth":"' + screen.colorDepth + '", "pixelDepth":"' + screen.pixelDepth + '"}';
  var browserProperties = '"browser":{"width":"' + bwin.width + '", "height":"' + bwin.height + '"}';
  $("#"+fieldToPopulate).val('{' + screenProperties + ',' + browserProperties + '}');
}

function setBrowserVisualization(index, screenDetails) {
  $("#info_sw_m_"+index).html(screenDetails.screen.width);
  $("#info_sh_m_"+index).html(screenDetails.screen.height);
  $("#info_sc_m_"+index).html(screenDetails.screen.colorDepth);
  $("#info_ww_m_"+index).html(screenDetails.browser.width);
  $("#info_wh_m_"+index).html(screenDetails.browser.height);
  $("#ww_"+index).val(screenDetails.browser.width);
  $("#wh_"+index).val(screenDetails.browser.height);
}

function setMySize(w, h){
  if (w > screen.width || h > screen.Height) {
      moveTo(0, 0);
  }
  resizeTo(w, h);
  return false;
}

function getBrowserWidth() {
  return new BrowserWindow().width;
}

function getBrowserHeight() {
  return new BrowserWindow().height;
}

function showRecommendedBrowserSizeMessage(element, suggestedWidth, suggestedHeight) {
  var browserWidth = getBrowserWidth();
  var browserHeight = getBrowserHeight();

  if (browserWidth < suggestedWidth) {
    var suggestedDimensions = "" + suggestedWidth + "x" + suggestedHeight;
    var currentDimensions = "" + browserWidth + "x" + browserHeight;
    var message = "This site is best viewed in <strong>" + suggestedDimensions + "</strong> or higher browser size.<br/>" +
                  "Your browser size is: <strong>" + currentDimensions + "</strong>";

      $(element)
            .html(message)
            .addClass("fci-alerttext")
//            .css("border","3px solid lightgray")
//            .css("padding","2em")
//            .css("position","absolute")
//            .css("top","13em")
//            .fadeIn(2000)
//            .fadeOut(10000)
            ;
  } else {
    $(element).empty();
  }
}