function HeaderControl(earliestYear,headerTitle,yearSelected){
    this.HeaderTitle = headerTitle;
    // this.HeaderTitle = "Heritage Research";    
    this.EarliestYear = earliestYear;
    this.YearSelected = yearSelected;
    this.HeaderTemplate = "{#HeaderTitle#}<br><br>";
    //this.HeaderTemplate = "View: <select name=\"Year\" OnChange=\"loadData(1,this.value,0,0);\">";
    //this.DropDownTemplate = "<option value=\"12\"></option><option value=\"0\" {#selected#} class=\"text-10px\">All Papers</option>";
    //this.ItemTemplate = "<option value=\"{#year#}\" {#selected#} class=\"text-10px blue-text\">{#showyear#}</option>";
	//this.FooterTemplate = "</select>";
    this.HostControlID = null;
}

HeaderControl.prototype.RenderHeader = function(){
    var result = "";
    var time = new Date();
    var year = time.getFullYear();
    var EarliestYear = this.EarliestYear;
    result += this.HeaderTemplate.replace("{#HeaderTitle#}",this.HeaderTitle);
    /*
	
    if (this.YearSelected == 0)
    {
        result += this.DropDownTemplate.replace("{#selected#}","selected");
    }
    else
    {
        result += this.DropDownTemplate.replace("{#selected#}","");
    }
     
    do 
    {
        if (this.YearSelected == year)
        {
            result += this.ItemTemplate.replace("{#year#}",year).replace("{#showyear#}",year).replace("{#selected#}","selected");
        }
        else
        {
            result += this.ItemTemplate.replace("{#year#}",year).replace("{#showyear#}",year).replace("{#selected#}","");
        }
        year--;
    }
    while (year >= EarliestYear)
 
    result += this.FooterTemplate;
    */
    $(this.HostControlID).innerHTML = result;
	
}