$(document).ready(function(){
  
  
// add text resize widget to navbar
  var n = document.getElementById('navbar');
  
  var u = document.createElement('ul');
  u.setAttribute('id', 'rz');
  
  var l = document.createElement('li');
  var la = document.createElement('a');
  la.className = 'trl tradj';
  la.setAttribute('id', 'rzlg');
  la.setAttribute('href', '#');
  la.innerHTML = 'Lg';
  l.appendChild(la);
  u.appendChild(l);
  
  var m = document.createElement('li');
  var ma = document.createElement('a');
  ma.className = 'trl';
  ma.setAttribute('id', 'rzmd');
  ma.setAttribute('href', '#');
  ma.innerHTML = 'Md';
  m.appendChild(ma);
  u.appendChild(m);
  
  var s = document.createElement('li');
  var sa = document.createElement('a');
  sa.className = 'trl';
  sa.setAttribute('id', 'rzsm');
  sa.setAttribute('href', '#');
  sa.innerHTML = 'Sm';
  s.appendChild(sa);
  u.appendChild(s);
  
  var t = document.createElement('li');
  t.className = 'txt';
  var ts = document.createElement('span');
  ts.innerHTML = 'Text:';
  t.appendChild(ts);
  u.appendChild(t);

  n.appendChild(u);

  // add the onclick events to the above
  function ss(which) {
    $("#main").removeClass();
    $("#main").addClass(which);
    kdjs.createCookie('kdtext', which, 365);
  }

  var c = kdjs.readCookie('kdtext');
  if (c) ss(c);

  $("#rzsm").click(function(){
      ss('sm');
      return false;
  });

  $("#rzmd").click(function(){
      ss('md');
      return false;
  });
  
  $("#rzlg").click(function(){
      ss('lg');
      return false;
  });
  
// END Add Resize Widget






  // Game Boxes  ---------------------------------------
  
  $('#g1').addClass('gbox');

  $('#g1').css("display", "none");
  
  $('#g1').load("/gameContent/one.html");

  var bs1 = document.getElementById('bs1');
  var b1 = document.createElement('a');
  b1.className = 'gamebtn1';
  b1.setAttribute('id', 'gb1');
  b1.setAttribute('href', '#');
  bs1.appendChild(b1);
  
  $('a#gb1').click(function() {
    $('#g1').toggle(400);
    return false;
  });
  





  // hides the slickbox as soon as the DOM is ready
  // (a little sooner than page load)
  $('#slickbox').hide();

  // shows the slickbox on clicking the noted link
  $('a#slick-show').click(function() {
    $('#slickbox').show('slow');
    return false;
  });

  // hides the slickbox on clicking the noted link
  $('a#slick-hide').click(function() {
    $('#slickbox').hide('fast');
    return false;
  });

  // toggles the slickbox on clicking the noted link
  $('a#slick-toggle').click(function() {
    $('#slickbox').toggle(400);
    return false;
  });


});


// does not bind to the div in IE
var game = {
  
  test:function() {
    $('#g1').hide('fast');
  }

}