(function(){
	var $photoSlide = $('#photoSlide');
	
  var $asset = $photoSlide.find('.toutAsset'),
      toutCount = $asset.length,
      currNum = 1,
      pagiBlock = '<div id="pagiNav"><h5>SLIDESHOW</h5><div class="navCount"><span id="currTout">'+currNum+'</span> of '+toutCount+' </div><ul class="pagi"><li class="navButton prev"><a href="#prev">prev</a></li><li class="navButton next"><a href="#next">next</a></li></ul></div>';
  $photoSlide.append(pagiBlock);
  var $currNum = $photoSlide.find('#currTout');
  $photoSlide.find('.navButton').bind('click',function(){
        $asset.eq(currNum-1).hide();
        if($(this).hasClass('prev')){
          currNum = (currNum-1 > 0) ? currNum-1 : toutCount;
          
        } else {
          currNum = (currNum+1 <= toutCount) ? currNum+1 : 1;
        }
        $currNum.text(currNum);       
        $asset.eq(currNum-1).show();
        return false;
  });

})();