var COnglet = Class.create();

COnglet.prototype = {
  'initialize' : function(ongletTitles, callBack, options){
    this.options = {
      'callBack'            : callBack,
      'className'           : 'tabnav',
      'color'               : new Array(),
      'textColor'           : new Array(),
      'ongletTitles'        : ongletTitles
    };

		Object.extend(this.options, options || {});

    this.selectedOnglet = 0;
  },
  'getOngletBar' : function(onglet){
    var the_content = '';
    this.selectedOnglet = onglet;
    for(var i=0; i<this.options.ongletTitles.length; i++){
      the_content += this.getOnglet(i);
    }
    return '<ul class="'+this.options.className+'">'+the_content+'</ul>';
  },
  'getOnglet' : function (i){
    return '<li'+(i==this.selectedOnglet?' class="active'+(i==0?' firstone':'')+'"'+(this.options.color[i]==''?'':' style="background-color: '+this.options.color[i]+';"'):(i==0?' class="firstone"':''))+'>'
          +'<a href="javascript:'+this.options.callBack+'('+i+');"'+(i==this.selectedOnglet&&this.options.textColor[i]!=''?' style=" color:'+this.options.textColor[i]+';"':'')+'>'
          +this.options.ongletTitles[i]
          +'</a></li>';
  }
  
};