//?????? showCalendar,???

//<input name="startDate" type="text" size="10" maxlength="6" onclick="event.cancelBubble=true;javascript:showCalendar(this,'startDate',false,'startDate',null,'');">

document.onclick=hideCalendar;

/**
 * @param tt          this
 * @param sImg        ????????????
 * @param bOpenBound  true:?????? false:????????? 
 * @param sFld1       ?????????
 * @param sFld2       ???????????NULL
 * @param sCallback   ????
 * @param arrDate   
 */
function showCalendar(tt,sImg,bOpenBound,sFld1,sFld2,sCallback,arrDate) {
  var fld1,fld2;
  var cf=document.getElementById("CalFrame");
  var wcf=window.frames.CalFrame;
  var oImg=document.getElementById(sImg);
  if(!oImg){alert("1");return;}
  if(!sFld1){alert("2");return;}
  fld1=document.getElementById(sFld1);
  if(!fld1){alert("3");return;}
  //??????TEXT
  if(fld1.tagName!="INPUT"||fld1.type!="text"){alert("4");return;}
  if(sFld2) {
    fld2=document.getElementById(sFld2);
    if(!fld2){alert("5");return;}
    if(fld2.tagName!="INPUT"||fld2.type!="text"){alert("6");return;}
  }
  if(!wcf.bCalLoaded){alert("7");return;}
  if(cf.style.display=="block"){cf.style.display="none";return;}
  
  var eT=0,eL=0,p=oImg;
  var sT=document.body.scrollTop,sL=document.body.scrollLeft;
  var eH=0,eW=oImg.width;
  var ttt=0,ttl=0;
  
  ttt=tt.offsetTop; 
  ttl=tt.offsetLeft;
  eH = tt.clientHeight;
  while (tt = tt.offsetParent) {
    ttt+=tt.offsetTop; 
    ttl+=tt.offsetLeft;
  }	
 
  cf.style.top=ttt+eH+"px";
  cf.style.left=ttl+"px";        
  cf.style.display="block";
  
  wcf.openbound=bOpenBound;
  wcf.fld1=fld1;
  wcf.fld2=fld2;
  wcf.callback=sCallback;
  wcf.arrDate=arrDate;
  wcf.initCalendar();
}

function hideCalendar() {
  var cf=document.getElementById("CalFrame");
  cf.style.display="none";
}