var isTracking = false;
var tCam;

function cam() {
  if(isTracking)
  {
    $(".frame").show();
    var tracker = new tracking.ObjectTracker('face');
    tCam = tracking.track('#video', tracker, { camera: true });

    tracker.on('track', function(event) {
      if(event.data.length > 0)
      {
        $(".selector button").trigger("click");
      }
    });
    isTracking = !isTracking;
  }
  else { $(".frame").hide(); }
};

cam();


$(".selector select").on("click", function() {
  $(".selector").css("height", "75px");
});

$(".selector button").on("click", function() {
  var job = $("select :selected").text().toLowerCase();
  
  $(".selector").find("button,label,select").fadeOut();
  $("body").addClass("lightsOut");
  $("header, .frame").fadeOut();

  if(isTracking)
    tCam.stop();

  $(".selector ."+job).removeClass("hide").parent().css({ 
    height: "100%", 
    width: "100%",
    left: "0px",
    top: "0px",
    margin: "0px",
    padding: "0px"
  });

  if(job === "programmer")
    $(".selector").append( $("<div/>").html("Compiling...<div class='loader'></div>").addClass("modal").fadeIn() );
});

var colors = ["blue", "red", "orange", "#000"];

$("code").html(function (i, text) {
  return $.map(text.split(' '), function (word) {
    return '<span style="color:' + colors[Math.floor(Math.random() * colors.length)] + '">' + word + '</span>';
  }).join(' ');
});

/* Reset everything */
$(window).keypress(function(e) {
  if(e.altKey && e.charCode == 8721 )
  {
    isTracking = true;
    cam();
  }
  if(e.altKey && e.charCode == 231 && $("body").hasClass("lightsOut"))
  {
    $(".selector").find("button,label,select").fadeIn();
    $("body").removeClass("lightsOut");
    $("header").fadeIn();
    $(".programmer, .writer").addClass("hide").parent().removeAttr("style");
    $(".modal").remove();

    if(isTracking) {
      $(".frame").fadeIn();
      tCam.run();
    }
  } 
});