var i = 1;
  var k = 1;
  var portf_count = 5;

$(document).ready(function(){
    
    	//if($.browser.msie && $.browser.version == 6) { $("div.arow_left").hide(); }
				
		$("#portf_next").click(function () {
		  
		  showPortfNext();
		});
		
		
		$("#portf_prev").click(function () {
		  
		  showPortfPrev();
		});
		
		
		//при старте прячем иконку "влево"
		$("div.arow_left").hide();
	
	    //$("#portf_link_1").attr({'onClick':''});
	
});
//alert(i);      
 
//================================================================================  
  
  
  function showPortfNext()
  {
	  $("#portf_link_"+i).attr({'class':'text_bg_off'});//предыдущая ссылка активна
	  $("#portf_link_"+i).attr({'onClick':'showPortf('+i+')'});
	  
	  if(i < portf_count) //пролистываем вперед пока не достигнем максимума фреймов
	  {
	  
		  k++;
		  
		  $("#portf_"+i).hide("slide", { direction: "left" }, 1000);
		  $("#portf_"+k).show("slide", { direction: "right" }, 1000);
		  
		  i++;
		  
		  if(i == portf_count) //
		  {
			$("div.arow_left").show();
			$("div.arow_right").hide();
		  }
		  else 
		  {
			$("div.arow_left").show();
			$("div.arow_right").show();
		  }
	  }
	  
	  
	  //i
	  $("#portf_link_"+i).attr({'class':'text_bg_on'});//текущая неактивна
	  $("#portf_link_"+i).attr({'onClick':''});
  }
  
  
  function showPortfPrev()
  {
	  	  
	  $("#portf_link_"+i).attr({'class':'text_bg_off'});
	  $("#portf_link_"+i).attr({'onClick':'showPortf('+i+')'});
	  
	  
	  
	  if(i > 1) //пролистываем назад пока не достигнем начального фрейма
	  {
		  
		  i--;
		  
		  $("#portf_"+i).show("slide", { direction: "left" }, 1000);
		  $("#portf_"+k).hide("slide", { direction: "right" }, 1000);
		  
		  k--;
		  
		  if(i == 1) //прячем стрелку влево
		  {
			$("div.arow_left").hide();
			$("div.arow_right").show();
		  }
		  else //если в середине показываем обе стрелки
		  {
			$("div.arow_left").show();
			$("div.arow_right").show();
		  }
		  
		  
	  }
	    	  
	  
	  
	  $("#portf_link_"+i).attr({'class':'text_bg_on'});
	  $("#portf_link_"+i).attr({'onClick':''});
  
  }
  
  
  function showPortf(frame_num)
  {
		
		
		
		//alert(i);
		  	$("#portf_link_"+k).attr({'onClick':'showPortf('+k+')'});
			
		  
		  
		  $("#portf_link_"+i).attr({'class':'text_bg_off'});//предыдущая ссылка активна
		  
		  //---------------
		  if(frame_num < i)
		  {
			$("#portf_"+i).hide("slide", { direction: "right" }, 1000);
		    $("#portf_"+frame_num).show("slide", { direction: "left" }, 1000); 
						  	  
			
			  //--------------------------------
			  if(frame_num == 1) //показываем стрелку влево прячем стрелку вправо
			  {
				$("div.arow_left").hide();
				$("div.arow_right").show();
			  }
			  else // показываем обе стрелки
			  {
				$("div.arow_left").show();
				$("div.arow_right").show();
			  }
			  //--------------------------------
			
		  }
		  else
		  {
			$("#portf_"+i).hide("slide", { direction: "left" }, 1000);
		    $("#portf_"+frame_num).show("slide", { direction: "right" }, 1000);  
			
			  //--------------------------------
			  if(frame_num == portf_count) //показываем стрелку влево прячем стрелку вправо
			  {
				$("div.arow_left").show();
				$("div.arow_right").hide();
			  }
			  else // показываем обе стрелки
			  {
				$("div.arow_left").show();
				$("div.arow_right").show();
			  }
			  //--------------------------------
			  
		  }
		  //$("#portf_"+i).hide("slide", { direction: "left" }, 1000);
		  //$("#portf_"+frame_num).show("slide", { direction: "right" }, 1000);
		  //---------------
		  
		  
		  i=frame_num;
		  k = frame_num;
		  
		  $("#portf_link_"+frame_num).attr({'class':'text_bg_on'});//
	      $("#portf_link_"+frame_num).attr({'onClick':''});
		  
	  
	  	
	  	  
  }