// JavaScript Document<script type="text/javascript">
var gl;
var canvas;

function initWin(){
  docWidth = $(window).width();
  docHeight = $(window).height();
  $("#webgl-canvas").width(docWidth);
  $("#webgl-canvas").height(docHeight);    
  canvas.width = docWidth;
  canvas.height = docHeight;
  try {
    gl = canvas.getContext( "experimental-webgl") ;
    gl.viewportWidth = docWidth;
    gl.viewportHeight = docHeight;
  } catch(e) {
  }
  if (!gl) {
   // alert("This website requires WebGL. Try running Chrome 9+ or Firefox 4+");
   $('body').css("background","url('/wp-content/themes/clockwork/img/background.jpg') no-repeat scroll center top #000000");
  $('#page').css("background","none");
    return 0;
  }
  else
  {
    initUI();
    return 1;
  }
 
}

$(window).resize(function() {
  initWin();
});

function webGLStart() {
  canvas = document.getElementById("webgl-canvas");
  wgl = initWin();
  if(wgl == 1)
  {
  initShaders();
  initTextures();
  initBuffers();
  setDebugParam();
  
  gl.clearColor(0., 0., 0., 0.);
  gl.clearDepth(1.);
  gl.blendFunc(gl.SRC_ALPHA, gl.ONE_MINUS_SRC_ALPHA);
  gl.enable(gl.BLEND);
  gl.enable(gl.DEPTH_TEST);
  gl.depthFunc(gl.LEQUAL);
  
  interact();
  animate();
	
 toggleConsole();
 }
}