String.prototype.trim = function() {
	return this.replace(/^\s+|\s+$/g,"");
}
window.onload= function()
	{
	    var listItems = document.getElementById('drpList').getElementsByTagName('li');    
	    for(var i =0;i< listItems.length;i++)
	    {
	        listItems[i].onclick=Click;
	        listItems[i].onmouseover =MouseOver;
	        listItems[i].onmouseout =MouseOut;
	    }
	 }
	
	 function MouseOver()
	 {
	    this.className="hover";
	    
	 }
	 function MouseOut()
	 {
	    this.className="";
	 }
	 
	 function Click()
	 {
	    var TempInnerHTML = this.innerHTML.trim().replace(/&amp;/gi,"&");
	    if(TempInnerHTML.length>21)
	    {
	        TempInnerHTML=TempInnerHTML.slice(0,21)
	        TempInnerHTML+="...";
	    }
	    GetDropDown().innerHTML=TempInnerHTML;
	    if(this.id=="drpHeading")
	    {
	        GetHidden().value="";
	    }
	    else
	    {
	        GetHidden().value=this.innerHTML;
	    }
	    showhide('CustomList');
	 }
	 

document.onclick=check;
function check(e){
var target = (e && e.target) || (event && event.srcElement);
var obj = document.getElementById('CustomList');
if(GetDropDown()!=target && obj.style.display!='none')
{
    obj.style.display='none'; //Click outside
}
if(obj==target)
{
    obj.style.display='';
}
}

