function HeaderControl(earliestYear,headerTitle,yearSelected,PaperYears){
    this.HeaderTitle = headerTitle;
    // this.HeaderTitle = "Heritage Research";    
    this.EarliestYear = earliestYear;
	this.PaperYears = PaperYears;
    this.YearSelected = yearSelected;
    //this.HeaderTemplate = "{#HeaderTitle#}<br><br> View: <select name=\"Year\" OnChange=\"document.styleSheets[0].rules[0].style.cursor='wait';loadData(1,this.value,0,0);\">";
    this.HeaderTemplate = "<b>Pick Papers by Year&nbsp;</b><br> <select name=\"Year\" OnChange=\"loadData(1,this.value,0,0);\">";
    this.DropDownTemplate = "<option value=\"12\" {#selected#}></option><option value=\"12\" class=\"text-10px\">Last 12 Months</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;
	var PaperYears = this.PaperYears;
    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)
 	*/
	
	var arrYears = new Array();
	arrYears = PaperYears.split(',');
	//alert(PaperYears);
	for(var i = 0;i<arrYears.length;i++)
	{
	   if (this.YearSelected == arrYears[i])
        {
            result += this.ItemTemplate.replace("{#year#}",arrYears[i]).replace("{#showyear#}",arrYears[i]).replace("{#selected#}","selected");
        }
        else
        {
            result += this.ItemTemplate.replace("{#year#}",arrYears[i]).replace("{#showyear#}",arrYears[i]).replace("{#selected#}","");
        }
	}
 
    result += this.FooterTemplate;
    
    $(this.HostControlID).innerHTML = result;
}