function createContentTabs(width, count, mover){
  var contentmoover = $('content_moover'+count);
  var cont = $('content_cont'+count);
  var contentclass = $$('.content_class'+count);
  var tabsdiv = $('tabs'+count);
  var tabulatorclass = $$('.tabulator_class'+count,tabs);
  
  contentmoover.setStyle('right', 0);
  var content = new Fx.Morph(contentmoover, {duration:1000, wait:false, transition: Fx.Transitions.Expo.easeOut});
  var module = new Fx.Morph(cont, {duration:1000, wait:false, transition: Fx.Transitions.Expo.easeOut});

  var actual = 0;  //actual opened tab
  var tabslength = 0;
  var tabsline = 1;
  var tabs = new Array();
  var contents = new Array();
  contentclass.each( function(obj, i){
    contents[i]=obj;
  });

  tabulatorclass.each( function(obj, i){
    tabslength+=obj.clientWidth+obj.getStyle('margin-right').toInt();
    if (tabslength>cont.clientWidth){
      tabslength=obj.clientWidth+obj.getStyle('margin-right').toInt();
      tabsline++;
    }
    obj.addClass('line-'+tabsline);
  });
  for(i=tabsline;i>0;i--){
    $$('#tabs'+count+' .line-'+i).setStyle('height',(tabsline-i+1)*40);
    $$('#tabs'+count+' .line-'+i).setStyle('margin-bottom',-(tabsline-i)*(40));    
  }
  cont.setStyle('height' , contents[actual].getSize().y);
  
  tabulatorclass.each( function(obj, i){
      var tabevent = new Fx.Morph(obj, {duration:300, wait:false ,transition: Fx.Transitions.linear});
      if (i!=actual){
        tabevent.start({
          'top' : 10,
          'opacity' : 0.8
        });
      }
      obj.addEvent('click', function(){
            tabs[actual].fireEvent('mouseleave', tabs[actual],300);
            actual=i;
            content.cancel();
            content.start({
              'right' : width*i
            });
            module.cancel();
            module.start({
              'height' : contents[i].getSize().y
            });
            tabs[actual].fireEvent('mouseenter', tabs[actual],300);
          },this);
  
      obj.addEvent('mouseenter', function(){
            tabevent.cancel();
            tabevent.start({
              'top' : 0,
              'opacity' : 1
            });
            if(mover){
              tabs[actual].fireEvent('mouseleave', tabs[actual],300);
              actual=i;
              content.cancel();
              content.start({
                'right' : width*i
              });
              module.cancel();
              module.start({
                'height' : contents[i].getSize().y
              });
            }
          });
      obj.addEvent('mouseleave', function(){
            if (i!=actual){
              tabevent.cancel();
              tabevent.start({
                'top' : 10,
                'opacity' : 0.8
              });
            }
          });
      tabs[i]=obj;
            
  });
  
};
