function sliderpush(sliderdiv, prefix, clickelement) {

        
        index = window[prefix+'_index'];
        var count = window[prefix+'_count'];
        var width = window[prefix+'_width'];

        if (clickelement) {
        
        

          var thisdirection = clickelement.attr('rel');
        

        if (thisdirection == 'zap_v') {

          index--;    

          if (index >= 0) {

            var forsidetopmoveto = width * index;
            $("#"+sliderdiv+"").animate({
              left: '-' + forsidetopmoveto +'px' 
              
            });      

          } else {
            index++;  
          }


        } else if (thisdirection == 'zap_h') {

          index++;  
          
          if (index < count) {

            var forsidetopmoveto = width * index;
                        
            $("#"+sliderdiv+"").animate({
              left: '-' + forsidetopmoveto +'px' 
              
            });  
          

          } else {
            
            
            index = 0;
            var forsidetopmoveto = width * index;
                        
            $("#"+sliderdiv+"").animate({
              left: '-' + forsidetopmoveto +'px' 
              
            });  
            
            
            
            //index--;  
          }          


        } else {
            
                    var forsidetopmoveto = width * index;
          
          $("#"+sliderdiv+"").animate({
            left: '-' + forsidetopmoveto +'px' 
            
          });    
            
          
        }

        } else {

          index++;  
          
          if (index < count) {

            var forsidetopmoveto = width * index;
                        
            $("#"+sliderdiv+"").animate({
              left: '-' + forsidetopmoveto +'px' 
              
            });      

          } else {
            index = 0;
            
            var forsidetopmoveto = width * index;
            
            $("#"+sliderdiv+"").animate({
              left: '-' + forsidetopmoveto +'px' 
              
            });    
          }  
          


        }

        $("#"+prefix+"_nav ul li").removeClass("active");
        $("#"+prefix+"_nav ul li").eq(index).addClass("active");

        window[prefix+'_index'] = index;

        //$("#debug").html(index + '-' + forsidetopmoveto);

}