var DivId;   
   	var	crossobj, crossMonthObj, crossYearObj, monthSelected, yearSelected, dateSelected, omonthSelected, oyearSelected, odateSelected, monthConstructed, yearConstructed, intervalID1, intervalID2, timeoutID1, timeoutID2, ctlToPlaceValue, ctlNow, dateFormat, nStartingYear

	var	bPageLoaded=false
	var	ie=document.all
	var	dom=document.getElementById

	var	ns4=document.layers
	
	var IE = document.all?true:false
	
	var bShow = false;
	
	var tempX=0;
	var tempY=0;
	
	
 //get the name of the user control according to the argBtnID
function GetUserControlName(argBtnID)
{
    var iPos = argBtnID.lastIndexOf("_");    
    return argBtnID.substring(0, iPos);
}

//show the current dropdown
function ShowDropDown(argBtnID)
{
   // HideDropdowns();
    
    var pnlToShow = GetUserControlName(argBtnID) + "_pnlChkboxList";
   // document.getElementById(pnlToShow).style.display = "block";
    DivId = pnlToShow;
     
    show();
}

//hide all the dropdown checkbox
function HideDropdowns()
{
    TagToChange = "div";
    ClassToChange = "ChkListDropDown";
    
    for (i=0;i<document.getElementsByTagName(TagToChange).length; i++) 
    {
        if (document.getElementsByTagName(TagToChange).item(i).className == ClassToChange)
        {
            document.getElementsByTagName(TagToChange).item(i).style.display = "none";
        }
    }
}

function GetResult(argBtnID)
{
    var sUserCtrlName = GetUserControlName(argBtnID);
    
    var idPnlToShow = sUserCtrlName + "_pnlChkboxList";
    var pnlToShow = document.getElementById(idPnlToShow);
    
    var elm;
    if (navigator.appName == "Microsoft Internet Explorer")
        elm = pnlToShow.all;
    else
    {
        elm = pnlToShow.getElementsByTagName("input");
    }
    //
    var sResult = "";
    for(var i=0; i<elm.length; i++)
    {
        if (elm[i].type=="checkbox")
        {
            if (elm[i].checked == true)
            {
                var sTemp = elm[i].nextSibling.innerHTML;
                if (sResult == "")
	                sResult += sTemp;
	            else
	                sResult += ", " + sTemp;
	        }
        }
     }
        
    var txtResult = sUserCtrlName + "_txtResult";
    document.getElementById(txtResult).value = sResult;
}

function show()
{
        HideDropdowns();
        
		var d;		
		d = document.getElementById(DivId);		
		d.style.display = "block";
		bShow=true;
		
}
document.onclick = function hidecal2 ()
{ 		
   
		if (!bShow)
		{
			
			hideCalendar()
		}
		bShow = false
}
function hideCalendar()	
{	
		
		if (!IE)
		{
		   
		    window.captureEvents(Event.CLICK)		    
		    window.onclick = getMouseXY;	
		}
		else
		{
		    //document.onclick = getMouseXY;	
		    if (ie)   
              { 
                // grab the x-y pos.s if browser is IE
                tempX = event.clientX + document.body.scrollLeft
                tempY = event.clientY + document.body.scrollTop
             
              }
              else
              {  // grab the x-y pos.s if browser is NS
                tempX = e.pageX
                tempY = e.pageY
              }  
             
              if (tempX < 0){tempX = 0}
              if (tempY < 0){tempY = 0}  
              
		            var overDiv;
		            overDiv = document.getElementById(DivId);
            				
		            /*var w = overDiv.style.width.replace('px','');
		            var h = overDiv.style.height.replace('px','');
            		
		            w =parseInt(w);
		            h =parseInt(h);
		            */
            		
		            w=170;
		            h=210;			
            		
            		//alert('a:Div Left : ' + overDiv.offsetLeft);		           
		           // alert('a: Div Top : ' + overDiv.offsetTop);
		          //  alert('a: TempX : ' + tempX);
		          //  alert('a: TempY : ' + tempY);
                        		
		            if((tempX ) >= (overDiv.offsetLeft ) && (tempX ) <= (overDiv.offsetLeft + w) && ((tempY + 15) >= (overDiv.offsetTop )) && ((tempY + 15) <= (overDiv.offsetTop  + h))){}		
                    else
                    {
                       overDiv.style.display = "none";
                       GetResult(DivId);
                    }
	    }
}	
	
function init()	
{  
		if (!ns4)
		{
			if (!ie) { }
			var d;		
		    d = document.getElementById(DivId);
			crossobj=(dom)?document.getElementById(DivId).style : ie? document.all.d : document.d
			hideCalendar()
			
			bPageLoaded=true
		}
}
function getMouseXY(e) 
{
 
  if (ie)   
  { 
    // grab the x-y pos.s if browser is IE
    tempX = event.clientX + document.body.scrollLeft
    tempY = event.clientY + document.body.scrollTop
 
  }
  else
  {  // grab the x-y pos.s if browser is NS
    tempX = e.pageX
    tempY = e.pageY
  }  
 
  if (tempX < 0){tempX = 0}
  if (tempY < 0){tempY = 0}  
  
		var overDiv;
		overDiv = document.getElementById(DivId);
				
		/*var w = overDiv.style.width.replace('px','');
		var h = overDiv.style.height.replace('px','');
		
		w =parseInt(w);
		h =parseInt(h);
		*/
		
		w=170;
		h=210;			
		
       // alert('Div Left : ' + overDiv.offsetLeft);		           
      //  alert('Div Top : ' + overDiv.offsetTop);
      //  alert('TempX : ' + tempX);
       //alert('TempY : ' + tempY);
            		
        if((tempX ) >= (overDiv.offsetLeft ) && (tempX ) <= (overDiv.offsetLeft + w) && ((tempY + 15) >= (overDiv.offsetTop )) && ((tempY + 15) <= (overDiv.offsetTop  + h))){}		
        else
        {
           overDiv.style.display = "none";
           GetResult(DivId);
        }
 
}