ToolTip Question
<p>OK, so I have a checkboxlist (which is databounded) and I'm displaying a tooltip icon next to each checkbox. This code displays a css tooltip on hove rfor the icon. I want to pass a different message for each icon: project duration, customer involvement, etc. Atm, the same message is displayed when I hover over each of the icons. How can I fix this? Thanks!</p>

<pre><code>protected void agilefactors_DataBound(object sender, EventArgs e) {     

    var checkBox = sender as CheckBoxList;
    if (checkBox != null)
    {

        foreach (ListItem listItem in checkBox.Items)
        {

            listItem.Text = string.Format("{0} &lt;span class='link'&gt;&lt;a href='javascript: void(0)'&gt;&lt;font face='verdana,arial,helvetica' size='2'&gt;&lt;img src='{1}' Height='20' Width='20' /&gt;&lt;/font&gt;&lt;span&gt;&lt;b&gt;Project Duration:&lt;/b&gt;&lt;br/&gt;Ideally, the project should be close to 6 months: much shorter means less iterations, and much longer tends towards long term planning.&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;", listItem.Text, GetImageFor(listItem.Text));

        }
    }
}

private string GetImageFor(string text) {     

    // return image url for check box based on text. 
    switch (text)
    {
        case "Project Duration": return "images/info.png";
        case "Customer Involvement": return "images/info.png";
        case "Acceptance of Change": return "images/info.png";
        case "Team Size": return "images/info.png";
        case "Skill of Team": return "images/info.png";
        case "Organisational and Reporting Structure": return "images/info.png";
        case "Process": return "images/info.png";
        case "Documentation Requirements": return "images/info.png";
        case "Layout of Workspace": return "images/info.png";
        case "Empowered Team": return "images/info.png";
        default: return null;
    }
}
</code></pre>
