window.MobileJS = {}

MobileJS.cssua = function(html, userAgent) {

  /** This block is taken from cssua.js

      User-agent specific CSS support

      Created: 2006-06-10-1635

      Modified: 2011-01-10-1101

      Copyright (c)2006-2011 Stephen M. McKamey

      Distributed under The MIT License */

  /*const string*/ var PREFIX = " ua-";

  var R_All = /[\w\-\.]+[\/][v]?\d+(\.\d+)*/g,

      R_AOL = /\b(aol|america online browser)[\s\/]*(\d+(\.\d+)*)/,

      R_MSIE = /\b(msie|microsoft internet explorer)[\s\/]*(\d+(\.\d+)*)/,

      R_Gecko = /rv[:](\d+(\.\d+)*).*?\bgecko[\/]\d+/,

      R_Opera = /\bopera[\s\/]*(\d+(\.\d+)*)/,

      R_Android = /\bandroid[\s]+(\d+(\.\d+)*)/,

      R_iOS = /\bos[\s]+(\d+(\_\d+)*) like mac os x/,

      R_WinPhone = /\bwindows phone os (\d+(\_\d+)*)/,

      R_MSPIE = /\b(mspie|microsoft pocket internet explorer)[\s\/]*(\d+(\.\d+)*)/,

      R_iCab = /\bicab[\s\/]*(\d+(\.\d+)*)/,

      R_BlackBerry = /\bblackberry\w*[\s\/]+(\d+(\.\d+)*)/,

      R_mobile = /(\bandroid\b|\bipad\b|\bipod\b|\bblackberry|\bwebos\b|\bwindows ce\b|\bwindows phone os\b|\bwindows ce\b|\bpalm|\bsymbian|\bj2me\b|\bdocomo\b|\bpda\b|\bchtml\b|\bmidp\b|\bcldc\b|\w*?mobile\w*?|\w*?phone\w*?)/;

  var cssua = {

    /*Map<string,string>*/

    parse : function(/*string*/ uaStr) {

      /*Map<string,string>*/

      var ua = {};

      uaStr = (""+uaStr).toLowerCase();

      if (!uaStr) {

        return ua;

      }

      // do this first for all (covers generic user-agents)

      var raw = uaStr.match(R_All);

      if (raw) {

        for (var i=0; i<raw.length; i++) {

          var s = raw[i].indexOf('/'),

          b = raw[i].substring(0, s);

          if (b && b !== "mozilla") {

            // shorten this common engine

            if (b === "applewebkit") {

              b = "webkit";

            }

            ua[b] = raw[i].substr(s+1);

          }

        }

      }

       // aol uses multiple engines so continue checking

      if (R_AOL.exec(uaStr)) {

         ua.aol = RegExp.$2;

      }

       // order is important as user-agents spoof each other

      if (R_Opera.exec(uaStr)) {

         ua.opera = RegExp.$1;

      } else if (R_iCab.exec(uaStr)) {

         ua.icab = RegExp.$1;

      } else if (R_MSIE.exec(uaStr)) {

         ua.ie = RegExp.$2;

      } else if (R_MSPIE.exec(uaStr)) {

         ua.mspie = RegExp.$2;

      } else if (R_Gecko.exec(uaStr)) {

         ua.gecko = RegExp.$1;

      } else if (R_Android.exec(uaStr)) {

         ua.android = RegExp.$1;

      } else if (R_iOS.exec(uaStr)) {

         ua.ios = RegExp.$1.split('_').join('.');

      } else if (R_WinPhone.exec(uaStr)) {

         ua.winphone = RegExp.$1;

      }

       // ensure that mobile devices have indication

      if (!ua.blackberry && R_BlackBerry.exec(uaStr)) {

         ua.blackberry = RegExp.$1;

      }

      if (R_mobile.exec(uaStr)) {

         ua.mobile = RegExp.$1;

      }

      // version standardization

      if (ua.safari) {

        if (ua.chrome || (ua.mobile && !ua.ios)) {

          delete ua.safari;

        } else if (ua.version) {

          ua.safari = ua.version;

        } else {

          ua.safari = ({

            "419": "2.0.4",

            "417": "2.0.3",

            "416": "2.0.2",

            "412": "2.0",

            "312": "1.3",

            "125": "1.2",

            "85": "1.0"

          })[parseInt(ua.safari, 10)] || ua.safari;

        }

      } else if (ua.opera && ua.version) {

         ua.opera = ua.version;

      }

      if (ua.version) {

        delete ua.version;

      }

      return ua;

    },

    /*string*/

    format : function (/*Map<string,string>*/ ua) {

      /*string*/

      function format(/*string*/ b, /*string*/ v) {

        b = b.split(' ').join('_').split('.').join('-');

        /*string*/ var css = PREFIX+b;

        if (v) {

          v = v.split(' ').join('_').split('.').join('-');

          var i = v.indexOf('-');

          while (i > 0) {

            // loop through chopping last '-' to end off

            // concat result onto return string

            css += PREFIX+b+'-'+v.substring(0, i);

            i = v.indexOf('-', i+1);

          }

          css += PREFIX+b+'-'+v;

        }

        return css;

      }

      var  uaCss = "";

      for (var b in ua) {

        if (b && ua.hasOwnProperty(b)) {

          uaCss += format(b, ua[b]);

        }

      }

      // user-agent classNames

      return uaCss;

    },

    /* Encodes parsed userAgent object as a compact URI-Encoded key-value collection */

    /*string*/

    encode : function(/*Map<string,string>*/ ua) {

      var query = "";

      for (var b in ua) {

        if (b && ua.hasOwnProperty(b)) {

          if (query) {

            query += "&";

          }

          query += encodeURIComponent(b)+"="+encodeURIComponent(ua[b]);

        }

      }

      return query;

    }

  };

  // calculate userAgent

  cssua.userAgent = cssua.ua = cssua.parse(userAgent);

  // append CSS classes to HTML node

  var ua = cssua.format(cssua.ua);

  if (html.className) {

    html.className += ua;

  } else {

    html.className = ua.substr(1);

  }

  return cssua;

}

MobileJS.top_menu = function() {

  $("top-menu").hide();

  $$('div.quick-search/h1').first().observe("click", function(event) {

    $("top-menu").toggle();

  });

}

MobileJS.main_menu = function() {

  // Get visible menu links

  menu_links = $('main-menu').select("a").collect(function(a) {

    a.hide();

    return { name: a.innerHTML, target: a.getAttribute("href") };

  });

  // Build selectbox

  var selectbox = "<select id='main-menu-selectbox'>";

  menu_links.each(function(ary) {

    selectbox = selectbox + "<option value='" + ary.target + "'>" + ary.name + "</option>";

  });

  selectbox = selectbox + "<option value='quick-search'>" + $('quick-search').select("a").first().innerHTML + " ... </option>"

  selectbox = selectbox + "</select>";

  // insert selectbox, set current page value and install onchange handler

  $('main-menu').innerHTML = selectbox;

  var current_select_value = menu_links.select(function(ary) {

    return ary.target.search(document.location.pathname) > -1;

  }).first();

  if (current_select_value != undefined) {

    $('main-menu-selectbox').value = current_select_value.target;

  }

  $('main-menu-selectbox').observe("change", function(event) {

    if (this.value == "quick-search") {

      $('quick-search').show();

    } else {

      $('quick-search').hide();

      document.location.pathname = this.value;

    }

  });

}

MobileJS.issues_filter = function() {

  var qf = $("query_form");

  if (qf == undefined) {

    return false;

  }

  qf.hide();

  var headline = qf.up().select("h2").first();

  headline.observe("click", function(event) {

    $("query_form").toggle();

  });

}

MobileJS.quick_search = function() {

  $('quick-search').hide();

}

MobileJS.headline = function() {

  var magic_header_width_factor = 1.5;

  var current_width = $$("#header/h1").first().getWidth() * magic_header_width_factor;

  var screen_width = document.width;

  if (current_width > screen_width) {

    // Try decreasing kerning, first

    $$("#header/h1").first().style.letterSpacing="-0.2ex"

    current_width = $$("#header/h1").first().getWidth() * magic_header_width_factor;

  }

  if (current_width > screen_width) {

    // Try decreasing font size, but not too far

    for (i = 2.0; i > 1.0; i = i - 0.1) {

      $$("#header/h1").first().style.fontSize = i + "em";

      current_width = $$("#header/h1").first().getWidth() * magic_header_width_factor;

      if (current_width < screen_width) break;

    }

  }

}

MobileJS.contextual_actions = function() {

  var contextual = $$("#content").first().select(".contextual").first();

  if (contextual == undefined) {

    return false;

  }

  var context_links = contextual.select("a");

  if (context_links.size() == 0) {

    return false;

  }

  context_links.each(function(a) {

    a.observe("click", function() {

      contextual.hide();

      return true;

    });

  });

  contextual.hide();

  var headline = contextual.up().select("h2").first();

  headline.observe("click", function(event) {

    contextual.toggle();

  });

}

MobileJS.hidden_sidebar = function() {

  $("sidebar").hide();

  var sidebar_button = "<span id='sidebar-toggle-button'>&nbsp;&nbsp;</span>";

  $("main-menu").insert({before: sidebar_button});

  $("sidebar-toggle-button").observe("click", function() {

    $("sidebar").toggle();

  });

}

MobileJS.screen_adjustment = function() {

  var mobile_viewport_tag = '<meta name = "viewport" ' +

      'content = "width=device-width; initial-scale=1.0;' +

      'maximum-scale=1.0; user-scalable=0;" />';

  $$('head').first().insert({bottom: mobile_viewport_tag});

}

document.observe("dom:loaded", function() {

  if (cssua.userAgent.mobile) {

    MobileJS.headline();

    MobileJS.top_menu();

    MobileJS.quick_search();

    MobileJS.main_menu();

    MobileJS.issues_filter();

    MobileJS.contextual_actions();

    MobileJS.hidden_sidebar();

    MobileJS.screen_adjustment();

  }

});

window.cssua = MobileJS.cssua(document.documentElement, navigator.userAgent);