MediaWiki:Common.js

/* Any JavaScript here will be loaded for all users on every page load. */

// NeoGeo Color converter
(function () {

  var cconvdiv = document.getElementById('color-converter');
  cconvdiv.innerHTML = '<form name="cconvform" action=""><input type="text" maxlength="3" size="4" id="color-red">' +
                       '<input type="text" maxlength="3" size="4" id="color-green">' +
                       '<input type="text" maxlength="3" size="4" id="color-blue">' +
                       '<input type="button" value="Convert" onClick="cconv();"></form>';

}());

function cconv(frm) {

  var red = Math.min(255, document.forms["cconvform"]["color-red"].value);
  var green = Math.min(255, document.forms["cconvform"]["color-green"].value);
  var blue = Math.min(255, document.forms["cconvform"]["color-blue"].value);

  var icolor = red + "," + green + "," + blue;

  var luma = Math.floor((54.213*red) + (182.376*green) + (18.411*blue)) & 1;

  red = Math.floor(red / 8);
  green = Math.floor(green / 8);
  blue = Math.floor(blue / 8);

  var ocolor = ((red<<1)+luma)<<2 + "," + ((green<<1)+luma)<<2 + "," + ((blue<<1)+luma)<<2;

  var hex = (((luma^1)<<15)|((red&1)<<14)|((green&1)<<13)|((blue&1)<<12)|((red&0x1E)<<7)|((green&0x1E)<<3)|(blue>>1)).toString(16).toUpperCase();
  while (hex.length < 4) {
    hex = "0" + hex;
  }

  document.getElementById('cconvresult').innerHTML = '$' + hex + ' In: <div style="width:64px; height:32px; background:rgb(' + icolor + ');"></div>  Out:<div style="width:64px; height:32px; background:rgb(' + ocolor + ');"></div> ';

}