/* Simple script to show and hide the grid */

var switcher;
var baseline;
var dropshadow;

$switcher = 1;
$baseline = 1;
$dropshadow = 0;

$(function() {
	
  $(document).bind('keydown', 'g', grid_switch);
  $(document).bind('keydown', 'b', baseline_switch);
  $(document).bind('keydown', 'd', dropshadowhell);
  if(jQuery.browser.version == '1.9.1') {
    $("#not_firefox").css("display", "none");
  }

});

function grid_switch() {

  if($switcher == 0) {
    $("body").css("background-image", "none");
    $switcher = 1;
    $baseline = 1;
    }
  else {
    $("body").css("background-image", "url(/images/bg_grid-45.png)");
    $switcher = 0;
    $baseline = 1;
    }

 }

function baseline_switch() {
  
  if($baseline == 0) {
    $("body").css("background-image", "none");
    $switcher = 1;
    $baseline = 1;
    }
  else {
    $("body").css("background-image", "url(/images/21px_baseline.png)");
    $switcher = 1;
    $baseline = 0;
    }

 }

function dropshadowhell() {

  if(!$dropshadow) {
    $("body").addClass("dropshadowhell");
    $dropshadow = 1;
  }
  else {
    $("body").removeClass("dropshadowhell");
    $dropshadow = 0;
  }
 }
 
 
 
 
$(function() { 

  $(document).keypress(function(e){
  	 var code = e.keyCode;
  	 if(e.keyCode==0)code=e.charCode;
  	 switch( code ) {
  	   case 40:
  	   case 106:
  	      node = list[++selectedIndex];
  	      if (node) {
  	        $.scrollTo(node, speed);
  	      }
  	    break;
  	    case 38:
  	    case 107:
  	       node = list[--selectedIndex];
  	       if (node) {
  	         $.scrollTo( node, speed);
  	       }
  	    break;
  	   	case 104:
  	   		 selectedIndex = -1;
  	    	 $.scrollTo('html');
  	    	 node = null;
  	    	break;
  	    }
  	   if(selectedIndex<=0)selectedIndex=0;
  	   if(selectedIndex>=list.length)selectedIndex = list.length-1;
    });


  var list = $(".scrollBlock");
  var selectedIndex = -1;
  var speed = 200;
  
  //alert(list.length);
})