function changePic(el, to) {
  var imgs = $("#img-wrap img");
  $("a.volley").removeClass("volley");
  $(el).addClass("volley");
  if( to == 0 ) name = " ";
  else if( !(to % 2) ) name = "Dan Grzeca";
  else name = "Phineas X. Jones";
  $("#msg").html(name);
  $(imgs[1]).attr("src", "img/" + to + ".jpg")
            .fadeIn(300, function(){
              $(imgs[0]).css("display", "none")
              $("#img-wrap").append($(imgs[0]));
            });
}

function getId(txt) {
  var id = parseInt( txt );
  if( isNaN(id) ) id = 0;
  return id;
}

function preloadImages() {
	if (document.images) { 		
		image2 = new Image();
		image2.src = "img/2.jpg";
		image3 = new Image();
		image3.src = "img/3.jpg";
		image4 = new Image();
		image4.src = "img/4.jpg";
		image5 = new Image();
		image5.src = "img/5.jpg";
		image6 = new Image();
		image6.src = "img/6.jpg";
		image7 = new Image();
		image7.src = "img/7.jpg";
		image8 = new Image();
		image8.src = "img/8.jpg";
		image9 = new Image();
		image9.src = "img/9.jpg";
		image10 = new Image();
		image10.src = "img/10.jpg";
	}
}

$(document).ready(function(){
  preloadImages();
  $("#nav a").click(function() {
    var id = getId( $(this).text() );
    changePic(this, id);
    return false;
  });
}).keydown(function(e) {
  var kc = e.which;
  if( kc == 37 || kc == 39 ) {
    var id = getId( $("a.volley").text() );
    if( kc == 37 && id > 0 )
      changePic( $("a.volley").prev(), id - 1);
    else if( kc == 39 && id < 10 )
      changePic( $("a.volley").next(), id + 1);
  }
});