(function(){
	var $photoSlide = $('#photoSlide'),
        $asset = $photoSlide.find('.toutAsset'),
        toutCount = $asset.length,
        currNum = 1,
        pagiBlock = '<div id="pagiNav"><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 $pagiNav = $('#pagiNav'),
	  $artImg = $photoSlide.find('img'),
	  $artImgLength = $artImg.length;
	  $pagiNav.css('top', $artImg.eq(0).attr('height')+ 5);

  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);       
		$pagiNav.css('top', $asset.eq(currNum-1).show().find('img').attr('height')+ 5);
    return false;
  });
})();