// Requires jquery.
jQuery.noConflict();
jQuery(document).ready( function() 
{     
    jQuery("div[id*='customDropDownSelector']").click( function()
    {              
          jQuery(this).next().toggle();
          return false;
    });    
    
    jQuery("div[id*='customDropDownMenu']").click( function()
    {           
        // Hide the drop down when it is clicked.
        jQuery(this).hide();
        return false;     
    });    
   
    jQuery("li[id*='listItem']").mouseover( function()    
    {
        jQuery(this).css("background", "blue").css("color","white");
    
    }).mouseout( function()    
    {
        jQuery(this).css("background", "").css("color","");
    
    }).click( function()
    {
        // Set currently selected item to display in the drop down.          
        jQuery(this).parent().parent().siblings().find("label").get(0).innerHTML = this.innerHTML;
    });
    
    jQuery(document).click( function()
    {
    	// If click outside the dropdown, then hide it.
        jQuery("div[id*='customDropDownMenu']").hide();
    });
});