var scale=100;
var skillsup = "All";


$(document).ready(function () {init();});

function init() {
var divs = document.getElementsByTagName("div");
var spans = document.getElementsByTagName("span");
var paras = document.getElementsByTagName("p");
var samples = new Array();
  for (var i=0; i< divs.length; i++) {
    if (divs[i].className == "sample") {
          samples[samples.length] = divs[i];
        }
  }
  var j=0;
  
  showsamples(samples,0);  
}


function showsamples(samples,n) {
  $(".sample").show();
}

function bigger() {
  $(".sample").effect("scale", { percent: 162});
}

function smaller() {
  $(".sample").effect("scale", { percent: 62});
}

function zoomIn(zoomed) {
  zoomCurrent = "#" + zoomed;
  $(zoomCurrent).show("scale",{}, 500);
  $("#fader").show();
}

function zoomOut() {
  $(zoomCurrent).hide("scale",{}, 500);
  $("#fader").hide();
  zoomCurrent = "";
}

function skillsub(x) {
  if (x == 'All') {
    $(".sample").show();
    skillsup = x;
  } else {
    $(".sample:not(." + x + ")").hide();
    $("." + x + ":not(." + skillsup + ")").show();
    skillsup = x;
  } 
}
