function SliderComponent(obj){
  slide           = $('#'+obj.conteiner);
	slide_conteiner = $('#'+obj.conteiner_info); 
	size      = $('#'+obj.conteiner+' a').size();
  step      = obj.step;
  THIS      = this;
  $(window).resize(function(){
	   THIS.Init();
  });
  this.Init();
}
SliderComponent.prototype.Init  = function() {
	conteiner_info = slide_conteiner.width();
  count       = 5;
	step_left = (step*count);
  max_steps = Math.ceil(size / count)-1;
  min_steps = size - count;
  
  //var bcount = step*;
  //step_left = (step*bcount);
  //max_steps = Math.ceil(size / bcount)-5;
  //min_steps = size - bcount;
  
  current_step = 0;
  left  = 0;
  proceed_now = false;
    
    if(count>=size){
      $('#back').hide();
      $('#next').hide();
    }

    $('#hidden_div').css({    
            'position':'relative',
            'overflow':'hidden',
            'height':'130px',
            'width':'100%'
    });
  $('#slider_div').css({
      'width':'30000px',
      'position':'relative'
  });  
  if(size>count){
    var number = '1-5';
  }else{
    var number = '1-'+size;
  }
  $('#number').html(number+' θη '+size);
}
SliderComponent.prototype.back  = function(event) {
      
      event.preventDefault();
      if(current_step <= 0) {
         left= step_left*max_steps;
         left *= -1; 
         slide.animate({
           left: left
         })
         current_step = max_steps; 
         var c = (current_step*5)==0 ? '1' : (current_step*5);
         $('#number').html(c+'-'+((current_step+1)*5)+' θη '+size);
         return; 
      }
      
      if(proceed_now) return;
      proceed_now = true;
      
      current_step--;
            
      left += eval(step_left);
      slide.animate({
         left: left
      }, 'slow', function(){
         proceed_now = false;
      })
      var c = (current_step*5)==0 ? '1' : (current_step*5);
      $('#number').html(c+'-'+((current_step+1)*5)+' θη '+size);
}

SliderComponent.prototype.next  = function(event) {
      event.preventDefault();
      
      if(current_step >= max_steps) {
         left = 0   
         slide.animate({
           left: left
         })
         current_step=0; 
         var c = (current_step*5)==0 ? '1' : (current_step*5);
         $('#number').html(c+'-'+((current_step+1)*5)+' θη '+size);
         return;
      }
      
      if(proceed_now) return;
      proceed_now = true;
      
      current_step++;
      
      left -= eval(step_left);
      slide.animate({
         left: left
      }, 'slow', function(){
         proceed_now = false;
      })
      $('#number').html((current_step*5)+'-'+((current_step+1)*5)+' θη '+size);
}