var n=0;
var currentClass = 'squared';
var dvs = new Array();

function gotopict(m) {
  if ((n+m) >= 0 && (n+m) < (dvs.length-3)){
	if ($(dvs[n+m]).attr("class")!= currentClass  ) {
      
      $(dvs[n]).fadeOut('slow');
	  $("#" + currentClass).fadeOut('slow');
	  n = n+m;
	  currentClass = $(dvs[n]).attr("class")
      $("#" + currentClass).fadeIn('slow');
	  $(dvs[n]).fadeIn('slow');
	} else {
      $(dvs[n]).fadeOut('slow');
      n= n+m;
      $(dvs[n]).fadeIn('slow');
	}
	$("#counter").html("<span>" + (n+1) + "</span> / <span>" + (dvs.length -3) + "</span>");
  }
}

$(document).ready (function() {
  dvs = $("#fadeshow").find("img");
  currentClass = $(dvs[0]).attr("class");
  $("#" + currentClass).show();
  $(dvs[0]).show();
	$("#counter").html("<span>1</span> / <span>" + (dvs.length -3) + "</span>");
});



