Calendar = function(el) {

  this.el = el;

  this.pathToCSS   = 'templates/share/calendar2/calendar.css';

  /* I18 Words */
  this.iname_day   = 'Day';
  this.iname_month = 'Month';
  this.iname_year  = 'Year';
  this.iname_today = 'Today';
  this.iname_all   = 'All data';

  this.selector    = 'months';

  this.genCalSelector = function() {
    selector = this.selector;
    str  = '<div class="cs">';
    str += '<table cellspacing="0">';
    str += '<tr>';
    if( selector == 'days' ) {
      str += '<th id="'+this.el+'_day" class="act" onclick="'+this.el+'.setCalendarTab()">'+this.iname_day+'</th>';
    } else {
      str += '<th id="'+this.el+'_day" onclick="'+this.el+'.setCalendarTab(\'days\')">'+this.iname_day+'</th>';
    }
    if( selector == 'months' ) {
      str += '<th id="'+this.el+'_months" class="act" onclick="'+this.el+'.setCalendarTab(\'months\')">'+this.iname_month+'</th>';
    } else {
      str += '<th id="'+this.el+'_months" onclick="'+this.el+'.setCalendarTab(\'months\')">'+this.iname_month+'</th>';
    }
    if( selector == 'years' ) {
      str += '<th id="'+this.el+'_years" class="act" onclick="'+this.el+'.setCalendarTab(\'years\')">'+this.iname_year+'</th>';
    } else {
      str += '<th id="'+this.el+'_years" onclick="'+this.el+'.setCalendarTab(\'years\')">'+this.iname_year+'</th>';
    }
    str += '</tr>';
    str += '</table>';
    str += '</div>';
    return str;
  }



  this.setCalendarTab = function( calendar_range ) {
    alert("blub");
    this.selector = calendar_range;
    this.render();
  }



  this.genCalBottomSelector = function( selector ) {
    str  = '<div id="'+this.calName+'_sr" class="sr">';
    str += '<table cellpadding="0" cellspacing="0">';
    str += '<tr>';
    if( selector == 'today' ) {
      str += '<th id="'+this.calName+'_today" onclick="">'+this.iname_today+'</th>';
    } else {
      str += '<th id="'+this.calName+'_today" onclick="">'+this.iname_today+'</th>';
    }
    if( selector == 'all' ) {
      str += '<th id="'+this.calName+'_all" onclick="">'+this.iname_all+'</th>';
    } else {
      str += '<th id="'+this.calName+'_all" onclick="">'+this.iname_all+'</th>';
    }
    str += '</tr>';
    str += '</table>';
    str += '</div>';
    return str;
  }



  this.genCalendar = function() {
    str  = '<div class="wm_calendar">';
    str += this.genCalSelector('days');
    str += this.genCalBottomSelector('today');
    str += '</div>';
    return str;
  }

  this.render = function() {
    var el = this.el;
		var n = (typeof el == 'string') ? document.getElementById(el) : el;
		n.innerHTML = this.genCalendar();
		return true;
  }

}