function Slider(wrapId,imgW,sepW,visibleNum) { //imgWidth, separatorWidth

  this.imgW = imgW;

  this.sepW = sepW;

  this.visibleNum = visibleNum;

  this.aktSlider = 0;

  this.wrap = $('#'+wrapId)[0];

  this.slidesAr = [];

  var self = this;

  this.moving = false;

  this.scrollSpeed = 100;

  var ar = this.slidesAr;

  $.each($("div.slide",this.wrap),

    function(idx){

      ar[idx]={

        divObj : this,

        pos : 0,

        num : $("img",this).length

      };

      ar[idx].divObj.style.width = (ar[idx].num*(self.imgW+self.sepW)*1.5)+ "px";

    } // func

  ); //each





  this.step = function(dir) {

    if (this.moving) return false;



    if ((dir == "next" && this.slidesAr[this.aktSlider].num - this.slidesAr[this.aktSlider].pos == this.visibleNum)

    || (dir == "prev" && this.slidesAr[this.aktSlider].pos == 0)) {

        return false;

    }



    (dir == 'next') ? this.slidesAr[this.aktSlider].pos++ : this.slidesAr[this.aktSlider].pos--;

    //this.slidesAr[this.aktSlider].divObj.style.marginLeft = -1 * (pos*(this.imgW+this.sepW));

    if (this.slidesAr[this.aktSlider].pos == 0) {
           $(".scrollButton")[0].className += " inactive";
    } else {
           $(".scrollButton")[0].className = $(".scrollButton")[0].className.replace("inactive","");
    }

    if (this.slidesAr[this.aktSlider].num - this.slidesAr[this.aktSlider].pos == this.visibleNum) {
           $(".scrollButton")[1].className += " inactive";
    } else {
           $(".scrollButton")[1].className = $(".scrollButton")[1].className.replace("inactive","");
    }

    var celMargin = -1 * (this.slidesAr[this.aktSlider].pos*(this.imgW+this.sepW));




    var self = this;

    this.moving = true;

    if (this.slidesAr[this.aktSlider].divObj.style.marginLeft == "") {

      this.slidesAr[this.aktSlider].divObj.style.marginLeft = 0;

    };

    $(this.slidesAr[this.aktSlider].divObj).animate(

        {marginLeft: celMargin},

        this.scrollSpeed,

        function() {

          self.moving = false;

        });



    return false;

  }

  



  this.changeSlider = function(id) {

    if (this.moving) return false;

    var self = this;

    $.each(this.slidesAr,

      function(i){

        if (this.divObj.id == id) {

          $(this.divObj).show('fast');

          self.aktSlider = i;

        } else {

          $(this.divObj).hide('fast');

        }

      }

    );// each

  }

  

  this.disable = function(dir) {

    return false;

  }

  

  this.changeSlider(this.slidesAr[this.aktSlider].divObj.id);

  $(this.wrap).mousewheel(

    function(event, delta) { self.step('prev'); return false},

    function(event, delta) { self.step('next'); return false},

    true);


        this.step("prev"); // nyilak inaktivra
  return this;

}



var celInput = null;



function bindImageActions(divId,celInputId) {

  celInput = $('#'+celInputId)[0];

  $("a",$('#'+divId)).click(

      function(){

        celInput.innerHTML += this.title;

    }

  );

}