// jquery script alireza balouch @ siteman.no 2008
	
$(document).ready(function() 
	    { 
	        var slideTid = 1000;
	        var height = 400;
	      /*  
          $('#slides').css({position: 'absolute'});
          
          $('#asl1').click(function(){
              $('#slides').animate({ top: "-400px" } , slideTid);
              return false;
          }) ;
		  
          $('#asl2').click(function(){
              $('#slides').animate({ top: "-800px" } , slideTid);
              return false;
          }) ;          
			
          $('#asl3').click(function(){
              $('#slides').animate({ top: "-1200px" } , slideTid);
              return false;
          }) ;
                    
          $('#asl4').click(function(){
              $('#slides').animate({ top: "-1600px" } , slideTid);
              return false;
          }) ;
          
          $('#asl5').click(function(){
              $('#slides').animate({ top: "-2000px" } , slideTid);
              return false;
          }) ;          
                    
          $('#asl6').click(function(){
              $('#slides').animate({ top: "-2400px" } , slideTid);
              return false;
          }) ;

          $('#asl7').click(function(){
              $('#slides').animate({ top: "-2800px" } , slideTid);
              return false;
          }) ;
                    
          $('#asl8').click(function(){
              $('#slides').animate({ top: "-3200px" } , slideTid);
              return false;
          }) ;          

          $('#asl9').click(function(){
              $('#slides').animate({ top: "-3600px" } , slideTid);
              return false;
          }) ;
          
          $('#asl10').click(function(){
              $('#slides').animate({ top: "-4000px" } , slideTid);
              return false;
          }) ;          

          $('#asl11').click(function(){
              $('#slides').animate({ top: "-4400px" } , slideTid);
              return false;
          }) ;   
          
          $('#asl12').click(function(){
              $('#slides').animate({ top: "-4800px" } , slideTid);
              return false;
          }) ;
          */
          
	      $("#art17 ul li").click(function() {
	      	var listItem = $(this);
	      	var newIndex = $("#art17 ul li").index(listItem) + 1;
	      	var pxToAnimate = (newIndex*height);
	      	$('#slides').animate({ top: "-" + pxToAnimate + "px" } , slideTid);
              return false;
	      });
          
	    } 
	);