jpockets5
asked on
calendar help
Hey everyone.. i need to put a pop up calendar on my site.. i found this code and everything is working good except on thing... When i click on the calendar it shows today date.. I would like for it to show the date that is in the form box...
Here is the javascript page.....
function getAnchorPosition(anchorna me) {
      // This function will return an Object with x and y properties
      var useWindow=false;
      var coordinates=new Object();
      var x=0,y=0;
      // Browser capability sniffing
      var use_gebi=false, use_css=false, use_layers=false;
      if (document.getElementById) { use_gebi=true; }
      else if (document.all) { use_css=true; }
      else if (document.layers) { use_layers=true; }
      // Logic to find position
      if (use_gebi && document.all) {
           x=AnchorPosition_getPageOf fsetLeft(d ocument.al l[anchorna me]);
           y=AnchorPosition_getPageOf fsetTop(do cument.all [anchornam e]);
           }
      else if (use_gebi) {
           var o=document.getElementById( anchorname );
           x=AnchorPosition_getPageOf fsetLeft(o );
           y=AnchorPosition_getPageOf fsetTop(o) ;
           }
      else if (use_css) {
           x=AnchorPosition_getPageOf fsetLeft(d ocument.al l[anchorna me]);
           y=AnchorPosition_getPageOf fsetTop(do cument.all [anchornam e]);
           }
      else if (use_layers) {
           var found=0;
           for (var i=0; i<document.anchors.length; i++) {
                 if (document.anchors[i].name= =anchornam e) { found=1; break; }
                 }
           if (found==0) {
                 coordinates.x=0; coordinates.y=0; return coordinates;
                 }
           x=document.anchors[i].x;
           y=document.anchors[i].y;
           }
      else {
           coordinates.x=0; coordinates.y=0; return coordinates;
           }
      coordinates.x=x;
      coordinates.y=y;
      return coordinates;
      }
// getAnchorWindowPosition(an chorname)
// Â This function returns an object having .x and .y properties which are the coordinates
// Â of the named anchor, relative to the window
function getAnchorWindowPosition(an chorname) {
      var coordinates=getAnchorPosit ion(anchor name);
      var x=0;
      var y=0;
      if (document.getElementById) {
           if (isNaN(window.screenX)) {
                 x=coordinates.x-document.b ody.scroll Left+windo w.screenLe ft;
                 y=coordinates.y-document.b ody.scroll Top+window .screenTop ;
                 }
           else {
                 x=coordinates.x+window.scr eenX+(wind ow.outerWi dth-window .innerWidt h)-window. pageXOffse t;
                 y=coordinates.y+window.scr eenY+(wind ow.outerHe ight-24-wi ndow.inner Height)-wi ndow.pageY Offset;
                 }
           }
      else if (document.all) {
           x=coordinates.x-document.b ody.scroll Left+windo w.screenLe ft;
           y=coordinates.y-document.b ody.scroll Top+window .screenTop ;
           }
      else if (document.layers) {
           x=coordinates.x+window.scr eenX+(wind ow.outerWi dth-window .innerWidt h)-window. pageXOffse t;
           y=coordinates.y+window.scr eenY+(wind ow.outerHe ight-24-wi ndow.inner Height)-wi ndow.pageY Offset;
           }
      coordinates.x=x;
      coordinates.y=y;
      return coordinates;
      }
// Functions for IE to get position of an object
function AnchorPosition_getPageOffs etLeft (el) {
      var ol=el.offsetLeft;
      while ((el=el.offsetParent) != null) { ol += el.offsetLeft; }
      return ol;
      }
function AnchorPosition_getWindowOf fsetLeft (el) {
      return AnchorPosition_getPageOffs etLeft(el) -document. body.scrol lLeft;
      }     Â
function AnchorPosition_getPageOffs etTop (el) {
      var ot=el.offsetTop;
      while((el=el.offsetParent) != null) { ot += el.offsetTop; }
      return ot;
      }
function AnchorPosition_getWindowOf fsetTop (el) {
      return AnchorPosition_getPageOffs etTop(el)- document.b ody.scroll Top;
      }
var MONTH_NAMES=new Array('January','February' ,'March',' April','Ma y','June', 'July','Au gust','Sep tember','O ctober','N ovember',' December', 'Jan','Feb ','Mar','A pr','May', 'Jun','Jul ','Aug','S ep','Oct', 'Nov','Dec ');
var DAY_NAMES=new Array('Sunday','Monday','T uesday','W ednesday', 'Thursday' ,'Friday', 'Saturday' ,'Sun','Mo n','Tue',' Wed','Thu' ,'Fri','Sa t');
function LZ(x) {return(x<0||x>9?"":"0")+x }
// -------------------------- ---------- ---------- ---------- ----------
// isDate ( date_string, format_string )
// Returns true if date string matches format of format string and
// is a valid date. Else returns false.
// It is recommended that you trim whitespace around the value before
// passing it to this function, as whitespace is NOT ignored!
// -------------------------- ---------- ---------- ---------- ----------
function isDate(val,format) {
      var date=getDateFromFormat(val ,format);
      if (date==0) { return false; }
      return true;
      }
// -------------------------- ---------- ---------- ---------- ---------- -
// compareDates(date1,date1fo rmat,date2 ,date2form at)
// Â Compare two date strings to see which is greater.
// Â Returns:
// Â 1 if date1 is greater than date2
// Â 0 if date2 is greater than date1 of if they are the same
// Â -1 if either of the dates is in an invalid format
// -------------------------- ---------- ---------- ---------- ---------- -
function compareDates(date1,datefor mat1,date2 ,dateforma t2) {
      var d1=getDateFromFormat(date1 ,dateforma t1);
      var d2=getDateFromFormat(date2 ,dateforma t2);
      if (d1==0 || d2==0) {
           return -1;
           }
      else if (d1 > d2) {
           return 1;
           }
      return 0;
      }
// -------------------------- ---------- ---------- ---------- ----------
// formatDate (date_object, format)
// Returns a date in the output format specified.
// The format string uses the same abbreviations as in getDateFromFormat()
// -------------------------- ---------- ---------- ---------- ----------
function formatDate(date,format) {
      format=format+"";
      var result="";
      var i_format=0;
      var c="";
      var token="";
      var y=date.getYear()+"";
      var M=date.getMonth()+1;
      var d=date.getDate();
      var E=date.getDay();
      var H=date.getHours();
      var m=date.getMinutes();
      var s=date.getSeconds();
      var yyyy,yy,MMM,MM,dd,hh,h,mm, ss,ampm,HH ,H,KK,K,kk ,k;
      // Convert real date parts into formatted versions
      var value=new Object();
      if (y.length < 4) {y=""+(y-0+1900);}
      value["y"]=""+y;
      value["yyyy"]=y;
      value["yy"]=y.substring(2, 4);
      value["M"]=M;
      value["MM"]=LZ(M);
      value["MMM"]=MONTH_NAMES[M -1];
      value["NNN"]=MONTH_NAMES[M +11];
      value["d"]=d;
      value["dd"]=LZ(d);
      value["E"]=DAY_NAMES[E+7];
      value["EE"]=DAY_NAMES[E];
      value["H"]=H;
      value["HH"]=LZ(H);
      if (H==0){value["h"]=12;}
      else if (H>12){value["h"]=H-12;}
      else {value["h"]=H;}
      value["hh"]=LZ(value["h"]) ;
      if (H>11){value["K"]=H-12;} else {value["K"]=H;}
      value["k"]=H+1;
      value["KK"]=LZ(value["K"]) ;
      value["kk"]=LZ(value["k"]) ;
      if (H > 11) { value["a"]="PM"; }
      else { value["a"]="AM"; }
      value["m"]=m;
      value["mm"]=LZ(m);
      value["s"]=s;
      value["ss"]=LZ(s);
      while (i_format < format.length) {
           c=format.charAt(i_format);
           token="";
           while ((format.charAt(i_format)= =c) && (i_format < format.length)) {
                 token += format.charAt(i_format++);
                 }
           if (value[token] != null) { result=result + value[token]; }
           else { result=result + token; }
           }
      return result;
      }
     Â
// -------------------------- ---------- ---------- ---------- ----------
// Utility functions for parsing in getDateFromFormat()
// -------------------------- ---------- ---------- ---------- ----------
function _isInteger(val) {
      var digits="1234567890";
      for (var i=0; i < val.length; i++) {
           if (digits.indexOf(val.charAt (i))==-1) { return false; }
           }
      return true;
      }
function _getInt(str,i,minlength,ma xlength) {
      for (var x=maxlength; x>=minlength; x--) {
           var token=str.substring(i,i+x) ;
           if (token.length < minlength) { return null; }
           if (_isInteger(token)) { return token; }
           }
      return null;
      }
     Â
// -------------------------- ---------- ---------- ---------- ----------
// getDateFromFormat( date_string , format_string )
//
// This function takes a date string and a format string. It matches
// If the date string matches the format string, it returns the
// getTime() of the date. If it does not match, it returns 0.
// -------------------------- ---------- ---------- ---------- ----------
function getDateFromFormat(val,form at) {
      val=val+"";
      format=format+"";
      var i_val=0;
      var i_format=0;
      var c="";
      var token="";
      var token2="";
      var x,y;
      var now=new Date();
      var year=now.getYear();
      var month=now.getMonth()+1;
      var date=1;
      var hh=now.getHours();
      var mm=now.getMinutes();
      var ss=now.getSeconds();
      var ampm="";
     Â
      while (i_format < format.length) {
           // Get next token from format string
           c=format.charAt(i_format);
           token="";
           while ((format.charAt(i_format)= =c) && (i_format < format.length)) {
                 token += format.charAt(i_format++);
                 }
           // Extract contents of value based on format token
           if (token=="yyyy" || token=="yy" || token=="y") {
                 if (token=="yyyy") { x=4;y=4; }
                 if (token=="yy")  { x=2;y=2; }
                 if (token=="y")   { x=2;y=4; }
                 year=_getInt(val,i_val,x,y );
                 if (year==null) { return 0; }
                 i_val += year.length;
                 if (year.length==2) {
                      if (year > 70) { year=1900+(year-0); }
                      else { year=2000+(year-0); }
                      }
                 }
           else if (token=="MMM"||token=="NNN "){
                 month=0;
                 for (var i=0; i<MONTH_NAMES.length; i++) {
                      var month_name=MONTH_NAMES[i];
                      if (val.substring(i_val,i_val +month_nam e.length). toLowerCas e()==month _name.toLo werCase()) {
                            if (token=="MMM"||(token=="NN N"&&i>11)) {
                                 month=i+1;
                                 if (month>12) { month -= 12; }
                                 i_val += month_name.length;
                                 break;
                                 }
                            }
                      }
                 if ((month < 1)||(month>12)){return 0;}
                 }
           else if (token=="EE"||token=="E"){
                 for (var i=0; i<DAY_NAMES.length; i++) {
                      var day_name=DAY_NAMES[i];
                      if (val.substring(i_val,i_val +day_name. length).to LowerCase( )==day_nam e.toLowerC ase()) {
                            i_val += day_name.length;
                            break;
                            }
                      }
                 }
           else if (token=="MM"||token=="M") {
                 month=_getInt(val,i_val,to ken.length ,2);
                 if(month==null||(month<1)| |(month>12 )){return 0;}
                 i_val+=month.length;}
           else if (token=="dd"||token=="d") {
                 date=_getInt(val,i_val,tok en.length, 2);
                 if(date==null||(date<1)||( date>31)){ return 0;}
                 i_val+=date.length;}
           else if (token=="hh"||token=="h") {
                 hh=_getInt(val,i_val,token .length,2) ;
                 if(hh==null||(hh<1)||(hh>1 2)){return 0;}
                 i_val+=hh.length;}
           else if (token=="HH"||token=="H") {
                 hh=_getInt(val,i_val,token .length,2) ;
                 if(hh==null||(hh<0)||(hh>2 3)){return 0;}
                 i_val+=hh.length;}
           else if (token=="KK"||token=="K") {
                 hh=_getInt(val,i_val,token .length,2) ;
                 if(hh==null||(hh<0)||(hh>1 1)){return 0;}
                 i_val+=hh.length;}
           else if (token=="kk"||token=="k") {
                 hh=_getInt(val,i_val,token .length,2) ;
                 if(hh==null||(hh<1)||(hh>2 4)){return 0;}
                 i_val+=hh.length;hh--;}
           else if (token=="mm"||token=="m") {
                 mm=_getInt(val,i_val,token .length,2) ;
                 if(mm==null||(mm<0)||(mm>5 9)){return 0;}
                 i_val+=mm.length;}
           else if (token=="ss"||token=="s") {
                 ss=_getInt(val,i_val,token .length,2) ;
                 if(ss==null||(ss<0)||(ss>5 9)){return 0;}
                 i_val+=ss.length;}
           else if (token=="a") {
                 if (val.substring(i_val,i_val +2).toLowe rCase()==" am") {ampm="AM";}
                 else if (val.substring(i_val,i_val +2).toLowe rCase()==" pm") {ampm="PM";}
                 else {return 0;}
                 i_val+=2;}
           else {
                 if (val.substring(i_val,i_val +token.len gth)!=toke n) {return 0;}
                 else {i_val+=token.length;}
                 }
           }
      // If there are any trailing characters left in the value, it doesn't match
      if (i_val != val.length) { return 0; }
      // Is date valid for month?
      if (month==2) {
           // Check for leap year
           if ( ( (year%4==0)&&(year%100 != 0) ) || (year%400==0) ) { // leap year
                 if (date > 29){ return 0; }
                 }
           else { if (date > 28) { return 0; } }
           }
      if ((month==4)||(month==6)||( month==9)| |(month==1 1)) {
           if (date > 30) { return 0; }
           }
      // Correct hours value
      if (hh<12 && ampm=="PM") { hh=hh-0+12; }
      else if (hh>11 && ampm=="AM") { hh-=12; }
      var newdate=new Date(year,month-1,date,hh, mm,ss);
      return newdate.getTime();
      }
// -------------------------- ---------- ---------- ---------- ----------
// parseDate( date_string [, prefer_euro_format] )
//
// This function takes a date string and tries to match it to a
// number of possible date formats to get the value. It will try to
// match against the following international formats, in this order:
// y-M-d  MMM d, y  MMM d,y  y-MMM-d  d-MMM-y  MMM d
// M/d/y  M-d-y    M.d.y   MMM-d   M/d    M-d
// d/M/y  d-M-y    d.M.y   d-MMM   d/M    d-M
// A second argument may be passed to instruct the method to search
// for formats like d/M/y (european format) before M/d/y (American).
// Returns a Date object or null if no patterns match.
// -------------------------- ---------- ---------- ---------- ----------
function parseDate(val) {
      var preferEuro=(arguments.leng th==2)?arg uments[1]: false;
      generalFormats=new Array('y-M-d','MMM d, y','MMM d,y','y-MMM-d','d-MMM-y',' MMM d');
      monthFirst=new Array('M/d/y','M-d-y','M.d .y','MMM-d ','M/d','M -d');
      dateFirst =new Array('d/M/y','d-M-y','d.M .y','d-MMM ','d/M','d -M');
      var checkList=new Array('generalFormats',pre ferEuro?'d ateFirst': 'monthFirs t',preferE uro?'month First':'da teFirst');
      var d=null;
      for (var i=0; i<checkList.length; i++) {
           var l=window[checkList[i]];
           for (var j=0; j<l.length; j++) {
                 d=getDateFromFormat(val,l[ j]);
                 if (d!=0) { return new Date(d); }
                 }
           }
      return null;
      }
/* SOURCE FILE: PopupWindow.js */
/*
PopupWindow.js
Author: Matt Kruse
Last modified: 02/16/04
DESCRIPTION: This object allows you to easily and quickly popup a window
in a certain place. The window can either be a DIV or a separate browser
window.
COMPATABILITY: Works with Netscape 4.x, 6.x, IE 5.x on Windows. Some small
positioning errors - usually with Window positioning - occur on the
Macintosh platform. Due to bugs in Netscape 4.x, populating the popup
window with <STYLE> tags may cause errors.
USAGE:
// Create an object for a WINDOW popup
var win = new PopupWindow();
// Create an object for a DIV window using the DIV named 'mydiv'
var win = new PopupWindow('mydiv');
// Set the window to automatically hide itself when the user clicks
// anywhere else on the page except the popup
win.autoHide();
// Show the window relative to the anchor name passed in
win.showPopup(anchorname);
// Hide the popup
win.hidePopup();
// Set the size of the popup window (only applies to WINDOW popups
win.setSize(width,height);
// Populate the contents of the popup window that will be shown. If you
// change the contents while it is displayed, you will need to refresh()
win.populate(string);
// set the URL of the window, rather than populating its contents
// manually
win.setUrl("http://www.site.com/");
// Refresh the contents of the popup
win.refresh();
// Specify how many pixels to the right of the anchor the popup will appear
win.offsetX = 50;
// Specify how many pixels below the anchor the popup will appear
win.offsetY = 100;
NOTES:
1) Requires the functions in AnchorPosition.js
2) Your anchor tag MUST contain both NAME and ID attributes which are the
  same. For example:
  <A NAME="test" ID="test"> </A>
3) There must be at least a space between <A> </A> for IE5.5 to see the
  anchor tag correctly. Do not do <A></A> with no space.
4) When a PopupWindow object is created, a handler for 'onmouseup' is
  attached to any event handler you may have already defined. Do NOT define
  an event handler for 'onmouseup' after you define a PopupWindow object or
  the autoHide() will not work correctly.
*/
// Set the position of the popup window based on the anchor
function PopupWindow_getXYPosition( anchorname ) {
      var coordinates;
      if (this.type == "WINDOW") {
           coordinates = getAnchorWindowPosition(an chorname);
           }
      else {
           coordinates = getAnchorPosition(anchorna me);
           }
      this.x = coordinates.x;
      this.y = coordinates.y;
      }
// Set width/height of DIV/popup window
function PopupWindow_setSize(width, height) {
      this.width = width;
      this.height = height;
      }
// Fill the window with contents
function PopupWindow_populate(conte nts) {
      this.contents = contents;
      this.populated = false;
      }
// Set the URL to go to
function PopupWindow_setUrl(url) {
      this.url = url;
      }
// Set the window popup properties
function PopupWindow_setWindowPrope rties(prop s) {
      this.windowProperties = props;
      }
// Refresh the displayed contents of the popup
function PopupWindow_refresh() {
      if (this.divName != null) {
           // refresh the DIV object
           if (this.use_gebi) {
                 document.getElementById(th is.divName ).innerHTM L = this.contents;
                 }
           else if (this.use_css) {
                 document.all[this.divName] .innerHTML = this.contents;
                 }
           else if (this.use_layers) {
                 var d = document.layers[this.divNa me];
                 d.document.open();
                 d.document.writeln(this.co ntents);
                 d.document.close();
                 }
           }
      else {
           if (this.popupWindow != null && !this.popupWindow.closed) {
                 if (this.url!="") {
                      this.popupWindow.location. href=this. url;
                      }
                 else {
                      this.popupWindow.document. open();
                      this.popupWindow.document. writeln(th is.content s);
                      this.popupWindow.document. close();
                 }
                 this.popupWindow.focus();
                 }
           }
      }
// Position and show the popup, relative to an anchor object
function PopupWindow_showPopup(anch orname) {
      this.getXYPosition(anchorn ame);
      this.x += this.offsetX;
      this.y += this.offsetY;
      if (!this.populated && (this.contents != "")) {
           this.populated = true;
           this.refresh();
           }
      if (this.divName != null) {
           // Show the DIV object
           if (this.use_gebi) {
                 document.getElementById(th is.divName ).style.le ft = this.x + "px";
                 document.getElementById(th is.divName ).style.to p = this.y + "px";
                 document.getElementById(th is.divName ).style.vi sibility = "visible";
                 }
           else if (this.use_css) {
                 document.all[this.divName] .style.lef t = this.x;
                 document.all[this.divName] .style.top = this.y;
                 document.all[this.divName] .style.vis ibility = "visible";
                 }
           else if (this.use_layers) {
                 document.layers[this.divNa me].left = this.x;
                 document.layers[this.divNa me].top = this.y;
                 document.layers[this.divNa me].visibi lity = "visible";
                 }
           }
      else {
           if (this.popupWindow == null || this.popupWindow.closed) {
                 // If the popup window will go off-screen, move it so it doesn't
                 if (this.x<0) { this.x=0; }
                 if (this.y<0) { this.y=0; }
                 if (screen && screen.availHeight) {
                      if ((this.y + this.height) > screen.availHeight) {
                            this.y = screen.availHeight - this.height;
                            }
                      }
                 if (screen && screen.availWidth) {
                      if ((this.x + this.width) > screen.availWidth) {
                            this.x = screen.availWidth - this.width;
                            }
                      }
                 var avoidAboutBlank = window.opera || ( document.layers && !navigator.mimeTypes['*'] ) || navigator.vendor == 'KDE' || ( document.childNodes && !document.all && !navigator.taintEnabled );
                 this.popupWindow = window.open(avoidAboutBlan k?"":"abou t:blank"," window_"+a nchorname, this.windo wPropertie s+",width= "+this.wid th+",heigh t="+this.h eight+",sc reenX="+th is.x+",lef t="+this.x +",screenY ="+this.y+ ",top="+th is.y+"");
                 }
           this.refresh();
           }
      }
// Hide the popup
function PopupWindow_hidePopup() {
      if (this.divName != null) {
           if (this.use_gebi) {
                 document.getElementById(th is.divName ).style.vi sibility = "hidden";
                 }
           else if (this.use_css) {
                 document.all[this.divName] .style.vis ibility = "hidden";
                 }
           else if (this.use_layers) {
                 document.layers[this.divNa me].visibi lity = "hidden";
                 }
           }
      else {
           if (this.popupWindow && !this.popupWindow.closed) {
                 this.popupWindow.close();
                 this.popupWindow = null;
                 }
           }
      }
// Pass an event and return whether or not it was the popup DIV that was clicked
function PopupWindow_isClicked(e) {
      if (this.divName != null) {
           if (this.use_layers) {
                 var clickX = e.pageX;
                 var clickY = e.pageY;
                 var t = document.layers[this.divNa me];
                 if ((clickX > t.left) && (clickX < t.left+t.clip.width) && (clickY > t.top) && (clickY < t.top+t.clip.height)) {
                      return true;
                      }
                 else { return false; }
                 }
           else if (document.all) { // Need to hard-code this to trap IE for error-handling
                 var t = window.event.srcElement;
                 while (t.parentElement != null) {
                      if (t.id==this.divName) {
                            return true;
                            }
                      t = t.parentElement;
                      }
                 return false;
                 }
           else if (this.use_gebi && e) {
                 var t = e.originalTarget;
                 while (t.parentNode != null) {
                      if (t.id==this.divName) {
                            return true;
                            }
                      t = t.parentNode;
                      }
                 return false;
                 }
           return false;
           }
      return false;
      }
// Check an onMouseDown event to see if we should hide
function PopupWindow_hideIfNotClick ed(e) {
      if (this.autoHideEnabled && !this.isClicked(e)) {
           this.hidePopup();
           }
      }
// Call this to make the DIV disable automatically when mouse is clicked outside it
function PopupWindow_autoHide() {
      this.autoHideEnabled = true;
      }
// This global function checks all PopupWindow objects onmouseup to see if they should be hidden
function PopupWindow_hidePopupWindo ws(e) {
      for (var i=0; i<popupWindowObjects.lengt h; i++) {
           if (popupWindowObjects[i] != null) {
                 var p = popupWindowObjects[i];
                 p.hideIfNotClicked(e);
                 }
           }
      }
// Run this immediately to attach the event listener
function PopupWindow_attachListener () {
      if (document.layers) {
           document.captureEvents(Eve nt.MOUSEUP );
           }
      window.popupWindowOldEvent Listener = document.onmouseup;
      if (window.popupWindowOldEven tListener != null) {
           document.onmouseup = new Function("window.popupWind owOldEvent Listener() ; PopupWindow_hidePopupWindo ws();");
           }
      else {
           document.onmouseup = PopupWindow_hidePopupWindo ws;
           }
      }
// CONSTRUCTOR for the PopupWindow object
// Pass it a DIV name to use a DHTML popup, otherwise will default to window popup
function PopupWindow() {
      if (!window.popupWindowIndex) { window.popupWindowIndex = 0; }
      if (!window.popupWindowObject s) { window.popupWindowObjects = new Array(); }
      if (!window.listenerAttached) {
           window.listenerAttached = true;
           PopupWindow_attachListener ();
           }
      this.index = popupWindowIndex++;
      popupWindowObjects[this.in dex] = this;
      this.divName = null;
      this.popupWindow = null;
      this.width=0;
      this.height=0;
      this.populated = false;
      this.visible = false;
      this.autoHideEnabled = false;
     Â
      this.contents = "";
      this.url="";
      this.windowProperties="too lbar=no,lo cation=no, status=no, menubar=no ,scrollbar s=auto,res izable,alw aysRaised, dependent, titlebar=n o";
      if (arguments.length>0) {
           this.type="DIV";
           this.divName = arguments[0];
           }
      else {
           this.type="WINDOW";
           }
      this.use_gebi = false;
      this.use_css = false;
      this.use_layers = false;
      if (document.getElementById) { this.use_gebi = true; }
      else if (document.all) { this.use_css = true; }
      else if (document.layers) { this.use_layers = true; }
      else { this.type = "WINDOW"; }
      this.offsetX = 0;
      this.offsetY = 0;
      // Method mappings
      this.getXYPosition = PopupWindow_getXYPosition;
      this.populate = PopupWindow_populate;
      this.setUrl = PopupWindow_setUrl;
      this.setWindowProperties = PopupWindow_setWindowPrope rties;
      this.refresh = PopupWindow_refresh;
      this.showPopup = PopupWindow_showPopup;
      this.hidePopup = PopupWindow_hidePopup;
      this.setSize = PopupWindow_setSize;
      this.isClicked = PopupWindow_isClicked;
      this.autoHide = PopupWindow_autoHide;
      this.hideIfNotClicked = PopupWindow_hideIfNotClick ed;
      }
/* SOURCE FILE: CalendarPopup.js */
// HISTORY
// -------------------------- ---------- ---------- ---------- ----------
// Feb 7, 2005: Fixed a CSS styles to use px unit
// March 29, 2004: Added check in select() method for the form field
// Â Â Â being disabled. If it is, just return and don't do anything.
// March 24, 2004: Fixed bug - when month name and abbreviations were
// Â Â Â changed, date format still used original values.
// January 26, 2004: Added support for drop-down month and year
// Â Â Â navigation (Thanks to Chris Reid for the idea)
// September 22, 2003: Fixed a minor problem in YEAR calendar with
// Â Â Â CSS prefix.
// August 19, 2003: Renamed the function to get styles, and made it
// Â Â Â work correctly without an object reference
// August 18, 2003: Changed showYearNavigation and
// Â Â Â showYearNavigationInput to optionally take an argument of
// Â Â Â true or false
// July 31, 2003: Added text input option for year navigation.
// Â Â Â Added a per-calendar CSS prefix option to optionally use
// Â Â Â different styles for different calendars.
// July 29, 2003: Fixed bug causing the Today link to be clickable
// Â Â Â even though today falls in a disabled date range.
// Â Â Â Changed formatting to use pure CSS, allowing greater control
// Â Â Â over look-and-feel options.
// June 11, 2003: Fixed bug causing the Today link to be unselectable
// Â Â Â under certain cases when some days of week are disabled
// March 14, 2003: Added ability to disable individual dates or date
// Â Â Â ranges, display as light gray and strike-through
// March 14, 2003: Removed dependency on graypixel.gif and instead
/// Â Â use table border coloring
// March 12, 2003: Modified showCalendar() function to allow optional
// Â Â Â start-date parameter
// March 11, 2003: Modified select() function to allow optional
// Â Â Â start-date parameter
/*
DESCRIPTION: This object implements a popup calendar to allow the user to
select a date, month, quarter, or year.
COMPATABILITY: Works with Netscape 4.x, 6.x, IE 5.x on Windows. Some small
positioning errors - usually with Window positioning - occur on the
Macintosh platform.
The calendar can be modified to work for any location in the world by
changing which weekday is displayed as the first column, changing the month
names, and changing the column headers for each day.
USAGE:
// Create a new CalendarPopup object of type WINDOW
var cal = new CalendarPopup();
// Create a new CalendarPopup object of type DIV using the DIV named 'mydiv'
var cal = new CalendarPopup('mydiv');
// Easy method to link the popup calendar with an input box.
cal.select(inputObject, anchorname, dateFormat);
// Same method, but passing a default date other than the field's current value
cal.select(inputObject, anchorname, dateFormat, '01/02/2000');
// This is an example call to the popup calendar from a link to populate an
// input box. Note that to use this, date.js must also be included!!
<A HREF="#" onClick="cal.select(docume nt.forms[0 ].date,'an chorname', 'MM/dd/yyy y'); return false;">Select</A>
// Set the type of date select to be used. By default it is 'date'.
cal.setDisplayType(type);
// When a date, month, quarter, or year is clicked, a function is called and
// passed the details. You must write this function, and tell the calendar
// popup what the function name is.
// Function to be called for 'date' select receives y, m, d
cal.setReturnFunction(func tionname);
// Function to be called for 'month' select receives y, m
cal.setReturnMonthFunction (functionn ame);
// Function to be called for 'quarter' select receives y, q
cal.setReturnQuarterFuncti on(functio nname);
// Function to be called for 'year' select receives y
cal.setReturnYearFunction( functionna me);
// Show the calendar relative to a given anchor
cal.showCalendar(anchornam e);
// Hide the calendar. The calendar is set to autoHide automatically
cal.hideCalendar();
// Set the month names to be used. Default are English month names
cal.setMonthNames("January ","Februar y","March" ,...);
// Set the month abbreviations to be used. Default are English month abbreviations
cal.setMonthAbbreviations( "Jan","Feb ","Mar",.. .);
// Show navigation for changing by the year, not just one month at a time
cal.showYearNavigation();
// Show month and year dropdowns, for quicker selection of month of dates
cal.showNavigationDropdown s();
// Set the text to be used above each day column. The days start with
// sunday regardless of the value of WeekStartDay
cal.setDayHeaders("S","M", "T",...);
// Set the day for the first column in the calendar grid. By default this
// is Sunday (0) but it may be changed to fit the conventions of other
// countries.
cal.setWeekStartDay(1); // week is Monday - Sunday
// Set the weekdays which should be disabled in the 'date' select popup. You can
// then allow someone to only select week end dates, or Tuedays, for example
cal.setDisabledWeekDays(0, 1); // To disable selecting the 1st or 2nd days of the week
// Selectively disable individual days or date ranges. Disabled days will not
// be clickable, and show as strike-through text on current browsers.
// Date format is any format recognized by parseDate() in date.js
// Pass a single date to disable:
cal.addDisabledDates("2003 -01-01");
// Pass null as the first parameter to mean "anything up to and including" the
// passed date:
cal.addDisabledDates(null, "01/02/03");
// Pass null as the second parameter to mean "including the passed date and
// anything after it:
cal.addDisabledDates("Jan 01, 2003", null);
// Pass two dates to disable all dates inbetween and including the two
cal.addDisabledDates("Janu ary 01, 2003", "Dec 31, 2003");
// When the 'year' select is displayed, set the number of years back from the
// current year to start listing years. Default is 2.
// This is also used for year drop-down, to decide how many years +/- to display
cal.setYearSelectStartOffs et(2);
// Text for the word "Today" appearing on the calendar
cal.setTodayText("Today");
// The calendar uses CSS classes for formatting. If you want your calendar to
// have unique styles, you can set the prefix that will be added to all the
// classes in the output.
// For example, normal output may have this:
// Â Â <SPAN CLASS="cpTodayTextDisabled ">Today<SP AN>
// But if you set the prefix like this:
cal.setCssPrefix("Test");
// The output will then look like:
// Â Â <SPAN CLASS="TestcpTodayTextDisa bled">Toda y<SPAN>
// And you can define that style somewhere in your page.
// When using Year navigation, you can make the year be an input box, so
// the user can manually change it and jump to any year
cal.showYearNavigationInpu t();
// Set the calendar offset to be different than the default. By default it
// will appear just below and to the right of the anchorname. So if you have
// a text box where the date will go and and anchor immediately after the
// text box, the calendar will display immediately under the text box.
cal.offsetX = 20;
cal.offsetY = 20;
NOTES:
1) Requires the functions in AnchorPosition.js and PopupWindow.js
2) Your anchor tag MUST contain both NAME and ID attributes which are the
  same. For example:
  <A NAME="test" ID="test"> </A>
3) There must be at least a space between <A> </A> for IE5.5 to see the
  anchor tag correctly. Do not do <A></A> with no space.
4) When a CalendarPopup object is created, a handler for 'onmouseup' is
  attached to any event handler you may have already defined. Do NOT define
  an event handler for 'onmouseup' after you define a CalendarPopup object
  or the autoHide() will not work correctly.
 Â
5) The calendar popup display uses style sheets to make it look nice.
*/
// CONSTRUCTOR for the CalendarPopup Object
function CalendarPopup() {
      var c;
      if (arguments.length>0) {
           c = new PopupWindow(arguments[0]);
           }
      else {
           c = new PopupWindow();
           c.setSize(150,175);
           }
      c.offsetX = -152;
      c.offsetY = 25;
      c.autoHide();
      // Calendar-specific properties
      c.monthNames = new Array("January","February" ,"March"," April","Ma y","June", "July","Au gust","Sep tember","O ctober","N ovember"," December") ;
      c.monthAbbreviations = new Array("Jan","Feb","Mar","A pr","May", "Jun","Jul ","Aug","S ep","Oct", "Nov","Dec ");
      c.dayHeaders = new Array("S","M","T","W","T", "F","S");
      c.returnFunction = "CP_tmpReturnFunction";
      c.returnMonthFunction = "CP_tmpReturnMonthFunction ";
      c.returnQuarterFunction = "CP_tmpReturnQuarterFuncti on";
      c.returnYearFunction = "CP_tmpReturnYearFunction" ;
      c.weekStartDay = 0;
      c.isShowYearNavigation = false;
      c.displayType = "date";
      c.disabledWeekDays = new Object();
      c.disabledDatesExpression = "";
      c.yearSelectStartOffset = 2;
      c.currentDate = null;
      c.todayText="Today";
      c.cssPrefix="";
      c.isShowNavigationDropdown s=false;
      c.isShowYearNavigationInpu t=false;
      window.CP_calendarObject = null;
      window.CP_targetInput = null;
      window.CP_dateFormat = "MM/dd/yyyy";
      // Method mappings
      c.copyMonthNamesToWindow = CP_copyMonthNamesToWindow;
      c.setReturnFunction = CP_setReturnFunction;
      c.setReturnMonthFunction = CP_setReturnMonthFunction;
      c.setReturnQuarterFunction = CP_setReturnQuarterFunctio n;
      c.setReturnYearFunction = CP_setReturnYearFunction;
      c.setMonthNames = CP_setMonthNames;
      c.setMonthAbbreviations = CP_setMonthAbbreviations;
      c.setDayHeaders = CP_setDayHeaders;
      c.setWeekStartDay = CP_setWeekStartDay;
      c.setDisplayType = CP_setDisplayType;
      c.setDisabledWeekDays = CP_setDisabledWeekDays;
      c.addDisabledDates = CP_addDisabledDates;
      c.setYearSelectStartOffset = CP_setYearSelectStartOffse t;
      c.setTodayText = CP_setTodayText;
      c.showYearNavigation = CP_showYearNavigation;
      c.showCalendar = CP_showCalendar;
      c.hideCalendar = CP_hideCalendar;
      c.getStyles = getCalendarStyles;
      c.refreshCalendar = CP_refreshCalendar;
      c.getCalendar = CP_getCalendar;
      c.select = CP_select;
      c.setCssPrefix = CP_setCssPrefix;
      c.showNavigationDropdowns = CP_showNavigationDropdowns ;
      c.showYearNavigationInput = CP_showYearNavigationInput ;
      c.copyMonthNamesToWindow() ;
      // Return the object
      return c;
      }
function CP_copyMonthNamesToWindow( ) {
      // Copy these values over to the date.js
      if (typeof(window.MONTH_NAMES )!="undefi ned" && window.MONTH_NAMES!=null) {
           window.MONTH_NAMES = new Array();
           for (var i=0; i<this.monthNames.length; i++) {
                 window.MONTH_NAMES[window. MONTH_NAME S.length] = this.monthNames[i];
           }
           for (var i=0; i<this.monthAbbreviations. length; i++) {
                 window.MONTH_NAMES[window. MONTH_NAME S.length] = this.monthAbbreviations[i] ;
           }
      }
}
// Temporary default functions to be called when items clicked, so no error is thrown
function CP_tmpReturnFunction(y,m,d ) {
      if (window.CP_targetInput!=nu ll) {
           var dt = new Date(y,m-1,d,0,0,0);
           if (window.CP_calendarObject! =null) { window.CP_calendarObject.c opyMonthNa mesToWindo w(); }
           window.CP_targetInput.valu e = formatDate(dt,window.CP_da teFormat);
           }
      else {
           alert('Use setReturnFunction() to define which function will get the clicked results!');
           }
      }
function CP_tmpReturnMonthFunction( y,m) {
      alert('Use setReturnMonthFunction() to define which function will get the clicked results!\nYou clicked: year='+y+' , month='+m);
      }
function CP_tmpReturnQuarterFunctio n(y,q) {
      alert('Use setReturnQuarterFunction() to define which function will get the clicked results!\nYou clicked: year='+y+' , quarter='+q);
      }
function CP_tmpReturnYearFunction(y ) {
      alert('Use setReturnYearFunction() to define which function will get the clicked results!\nYou clicked: year='+y);
      }
// Set the name of the functions to call to get the clicked item
function CP_setReturnFunction(name) { this.returnFunction = name; }
function CP_setReturnMonthFunction( name) { this.returnMonthFunction = name; }
function CP_setReturnQuarterFunctio n(name) { this.returnQuarterFunction = name; }
function CP_setReturnYearFunction(n ame) { this.returnYearFunction = name; }
// Over-ride the built-in month names
function CP_setMonthNames() {
      for (var i=0; i<arguments.length; i++) { this.monthNames[i] = arguments[i]; }
      this.copyMonthNamesToWindo w();
      }
// Over-ride the built-in month abbreviations
function CP_setMonthAbbreviations() {
      for (var i=0; i<arguments.length; i++) { this.monthAbbreviations[i] = arguments[i]; }
      this.copyMonthNamesToWindo w();
      }
// Over-ride the built-in column headers for each day
function CP_setDayHeaders() {
      for (var i=0; i<arguments.length; i++) { this.dayHeaders[i] = arguments[i]; }
      }
// Set the day of the week (0-7) that the calendar display starts on
// This is for countries other than the US whose calendar displays start on Monday(1), for example
function CP_setWeekStartDay(day) { this.weekStartDay = day; }
// Show next/last year navigation links
function CP_showYearNavigation() { this.isShowYearNavigation = (arguments.length>0)?argum ents[0]:tr ue; }
// Which type of calendar to display
function CP_setDisplayType(type) {
      if (type!="date"&&type!="week -end"&&typ e!="month" &&type!="q uarter"&&t ype!="year ") { alert("Invalid display type! Must be one of: date,week-end,month,quarte r,year"); return false; }
      this.displayType=type;
      }
// How many years back to start by default for year display
function CP_setYearSelectStartOffse t(num) { this.yearSelectStartOffset =num; }
// Set which weekdays should not be clickable
function CP_setDisabledWeekDays() {
      this.disabledWeekDays = new Object();
      for (var i=0; i<arguments.length; i++) { this.disabledWeekDays[argu ments[i]] = true; }
      }
     Â
// Disable individual dates or ranges
// Builds an internal logical test which is run via eval() for efficiency
function CP_addDisabledDates(start, end) {
      if (arguments.length==1) { end=start; }
      if (start==null && end==null) { return; }
      if (this.disabledDatesExpress ion!="") { this.disabledDatesExpressi on+= "||"; }
      if (start!=null) { start = parseDate(start); start=""+start.getFullYear ()+LZ(star t.getMonth ()+1)+LZ(s tart.getDa te());}
      if (end!=null) { end=parseDate(end); end=""+end.getFullYear()+L Z(end.getM onth()+1)+ LZ(end.get Date());}
      if (start==null) { this.disabledDatesExpressi on+="(ds<= "+end+")"; }
      else if (end  ==null) { this.disabledDatesExpressi on+="(ds>= "+start+") "; }
      else { this.disabledDatesExpressi on+="(ds>= "+start+"& &ds<="+end +")"; }
      }
     Â
// Set the text to use for the "Today" link
function CP_setTodayText(text) {
      this.todayText = text;
      }
// Set the prefix to be added to all CSS classes when writing output
function CP_setCssPrefix(val) {
      this.cssPrefix = val;
      }
// Show the navigation as an dropdowns that can be manually changed
function CP_showNavigationDropdowns () { this.isShowNavigationDropd owns = (arguments.length>0)?argum ents[0]:tr ue; }
// Show the year navigation as an input box that can be manually changed
function CP_showYearNavigationInput () { this.isShowYearNavigationI nput = (arguments.length>0)?argum ents[0]:tr ue; }
// Hide a calendar object
function CP_hideCalendar() {
      if (arguments.length > 0) { window.popupWindowObjects[ arguments[ 0]].hidePo pup(); }
      else { this.hidePopup(); }
      }
// Refresh the contents of the calendar display
function CP_refreshCalendar(index) {
      var calObject = window.popupWindowObjects[ index];
      if (arguments.length>1) {
           calObject.populate(calObje ct.getCale ndar(argum ents[1],ar guments[2] ,arguments [3],argume nts[4],arg uments[5]) );
           }
      else {
           calObject.populate(calObje ct.getCale ndar());
           }
      calObject.refresh();
      }
// Populate the calendar and display it
function CP_showCalendar(anchorname ) {
      if (arguments.length>1) {
           if (arguments[1]==null||argum ents[1]==" ") {
                 this.currentDate=new Date();
                 }
           else {
                 this.currentDate=new Date(parseDate(arguments[1 ]));
                 }
           }
      this.populate(this.getCale ndar());
      this.showPopup(anchorname) ;
      }
// Simple method to interface popup calendar with a text-entry box
function CP_select(inputobj, linkname, format) {
      var selectedDate=(arguments.le ngth>3)?ar guments[3] :null;
      if (!window.getDateFromFormat ) {
           alert("calendar.select: To use this method you must also include 'date.js' for date formatting");
           return;
           }
      if (this.displayType!="date"& &this.disp layType!=" week-end") {
           alert("calendar.select: This function can only be used with displayType 'date' or 'week-end'");
           return;
           }
      if (inputobj.type!="text" && inputobj.type!="hidden" && inputobj.type!="textarea") {
           alert("calendar.select: Input object passed is not a valid form input object");
           window.CP_targetInput=null ;
           return;
           }
      if (inputobj.disabled) { return; } // Can't use calendar input on disabled form input!
      window.CP_targetInput = inputobj;
      window.CP_calendarObject = this;
      this.currentDate=null;
      var time=0;
      if (selectedDate!=null) {
           time = getDateFromFormat(selected Date,forma t)
           }
      else if (inputobj.value!="") {
           time = getDateFromFormat(inputobj .value,for mat);
           }
      if (selectedDate!=null || inputobj.value!="") {
           if (time==0) { this.currentDate=null; }
           else { this.currentDate=new Date(time); }
           }
      window.CP_dateFormat = format;
      this.showCalendar(linkname );
      }
     Â
// Get style block needed to display the calendar correctly
function getCalendarStyles() {
      var result = "";
      var p = "";
      if (this!=null && typeof(this.cssPrefix)!="u ndefined" && this.cssPrefix!=null && this.cssPrefix!="") { p=this.cssPrefix; }
      result += "<STYLE>\n";
      result += "."+p+"cpYearNavigation,." +p+"cpMont hNavigatio n { background-color:#C0C0C0; text-align:center; vertical-align:center; text-decoration:none; color:#000000; font-weight:bold; }\n";
      result += "."+p+"cpDayColumnHeader, ."+p+"cpYearNavigation,."+ p+"cpMonth Navigation ,."+p+"cpC urrentMont hDate,."+p +"cpCurren tMonthDate Disabled,. "+p+"cpOth erMonthDat e,."+p+"cp OtherMonth DateDisabl ed,."+p+"c pCurrentDa te,."+p+"c pCurrentDa teDisabled ,."+p+"cpT odayText,. "+p+"cpTod ayTextDisa bled,."+p+ "cpText { font-family:arial; font-size:8pt; }\n";
      result += "TD."+p+"cpDayColumnHeader { text-align:right; border:solid thin #C0C0C0;border-width:0px 0px 1px 0px; }\n";
      result += "."+p+"cpCurrentMonthDate, ."+p+"cpOtherMonthDate, ."+p+"cpCurrentDate  { text-align:right; text-decoration:none; }\n";
      result += "."+p+"cpCurrentMonthDateD isabled, ."+p+"cpOtherMonthDateDisa bled, ."+p+"cpCurrentDateDisable d { color:#D0D0D0; text-align:right; text-decoration:line-throu gh; }\n";
      result += "."+p+"cpCurrentMonthDate, .cpCurrentDate { color:#000000; }\n";
      result += "."+p+"cpOtherMonthDate { color:#808080; }\n";
      result += "TD."+p+"cpCurrentDate { color:white; background-color: #C0C0C0; border-width:1px; border:solid thin #800000; }\n";
      result += "TD."+p+"cpCurrentDateDisa bled { border-width:1px; border:solid thin #FFAAAA; }\n";
      result += "TD."+p+"cpTodayText, TD."+p+"cpTodayTextDisable d { border:solid thin #C0C0C0; border-width:1px 0px 0px 0px;}\n";
      result += "A."+p+"cpTodayText, SPAN."+p+"cpTodayTextDisab led { height:20px; }\n";
      result += "A."+p+"cpTodayText { color:black; }\n";
      result += "."+p+"cpTodayTextDisabled { color:#D0D0D0; }\n";
      result += "."+p+"cpBorder { border:solid thin #808080; }\n";
      result += "</STYLE>\n";
      return result;
      }
// Return a string containing all the calendar code to be displayed
function CP_getCalendar() {
      var now = new Date();
      // Reference to window
      if (this.type == "WINDOW") { var windowref = "window.opener."; }
      else { var windowref = ""; }
      var result = "";
      // If POPUP, write entire HTML document
      if (this.type == "WINDOW") {
           result += "<HTML><HEAD><TITLE>Calend ar</TITLE> "+this.get Styles()+" </HEAD><BO DY MARGINWIDTH=0 MARGINHEIGHT=0 TOPMARGIN=0 RIGHTMARGIN=0 LEFTMARGIN=0>\n";
           result += '<CENTER><TABLE WIDTH=100% BORDER=0 BORDERWIDTH=0 CELLSPACING=0 CELLPADDING=0>\n';
           }
      else {
           result += '<TABLE CLASS="'+this.cssPrefix+'c pBorder" WIDTH=144 BORDER=1 BORDERWIDTH=1 CELLSPACING=0 CELLPADDING=1>\n';
           result += '<TR><TD ALIGN=CENTER>\n';
           result += '<CENTER>\n';
           }
      // Code for DATE display (default)
      // -------------------------- -----
      if (this.displayType=="date" || this.displayType=="week-en d") {
           if (this.currentDate==null) { this.currentDate = now; }
           if (arguments.length > 0) { var month = arguments[0]; }
                 else { var month = this.currentDate.getMonth( )+1; }
           if (arguments.length > 1 && arguments[1]>0 && arguments[1]-0==arguments[ 1]) { var year = arguments[1]; }
                 else { var year = this.currentDate.getFullYe ar(); }
           var daysinmonth= new Array(0,31,28,31,30,31,30, 31,31,30,3 1,30,31);
           if ( ( (year%4 == 0)&&(year%100 != 0) ) || (year%400 == 0) ) {
                 daysinmonth[2] = 29;
                 }
           var current_month = new Date(year,month-1,1);
           var display_year = year;
           var display_month = month;
           var display_date = 1;
           var weekday= current_month.getDay();
           var offset = 0;
          Â
           offset = (weekday >= this.weekStartDay) ? weekday-this.weekStartDay : 7-this.weekStartDay+weekda y ;
           if (offset > 0) {
                 display_month--;
                 if (display_month < 1) { display_month = 12; display_year--; }
                 display_date = daysinmonth[display_month] -offset+1;
                 }
           var next_month = month+1;
           var next_month_year = year;
           if (next_month > 12) { next_month=1; next_month_year++; }
           var last_month = month-1;
           var last_month_year = year;
           if (last_month < 1) { last_month=12; last_month_year--; }
           var date_class;
           if (this.type!="WINDOW") {
                 result += "<TABLE WIDTH=144 BORDER=0 BORDERWIDTH=0 CELLSPACING=0 CELLPADDING=0>";
                 }
           result += '<TR>\n';
           var refresh = windowref+'CP_refreshCalen dar';
           var refreshLink = 'javascript:' + refresh;
           if (this.isShowNavigationDrop downs) {
                 result += '<TD CLASS="'+this.cssPrefix+'c pMonthNavi gation" WIDTH="78" COLSPAN="3"><select CLASS="'+this.cssPrefix+'c pMonthNavi gation" name="cpMonth" onChange="'+refresh+'('+th is.index+' ,this.opti ons[this.s electedInd ex].value- 0,'+(year- 0)+');">';
                 for( var monthCounter=1; monthCounter<=12; monthCounter++ ) {
                      var selected = (monthCounter==month) ? 'SELECTED' : '';
                      result += '<option value="'+monthCounter+'" '+selected+'>'+this.monthN ames[month Counter-1] +'</option >';
                      }
                 result += '</select></TD>';
                 result += '<TD CLASS="'+this.cssPrefix+'c pMonthNavi gation" WIDTH="10"> </TD>';
                 result += '<TD CLASS="'+this.cssPrefix+'c pYearNavig ation" WIDTH="56" COLSPAN="3"><select CLASS="'+this.cssPrefix+'c pYearNavig ation" name="cpYear" onChange="'+refresh+'('+th is.index+' ,'+month+' ,this.opti ons[this.s electedInd ex].value- 0);">';
                 for( var yearCounter=year-this.year SelectStar tOffset; yearCounter<=year+this.yea rSelectSta rtOffset; yearCounter++ ) {
                      var selected = (yearCounter==year) ? 'SELECTED' : '';
                      result += '<option value="'+yearCounter+'" '+selected+'>'+yearCounter +'</option >';
                      }
                 result += '</select></TD>';
                 }
           else {
                 if (this.isShowYearNavigation ) {
                      result += '<TD CLASS="'+this.cssPrefix+'c pMonthNavi gation" WIDTH="10"><A CLASS="'+this.cssPrefix+'c pMonthNavi gation" HREF="'+refreshLink+'('+th is.index+' ,'+last_mo nth+','+la st_month_y ear+');">& lt;</A></T D>';
                      result += '<TD CLASS="'+this.cssPrefix+'c pMonthNavi gation" WIDTH="58"><SPAN CLASS="'+this.cssPrefix+'c pMonthNavi gation">'+ this.month Names[mont h-1]+'</SP AN></TD>';
                      result += '<TD CLASS="'+this.cssPrefix+'c pMonthNavi gation" WIDTH="10"><A CLASS="'+this.cssPrefix+'c pMonthNavi gation" HREF="'+refreshLink+'('+th is.index+' ,'+next_mo nth+','+ne xt_month_y ear+');">& gt;</A></T D>';
                      result += '<TD CLASS="'+this.cssPrefix+'c pMonthNavi gation" WIDTH="10"> </TD>';
                      result += '<TD CLASS="'+this.cssPrefix+'c pYearNavig ation" WIDTH="10"><A CLASS="'+this.cssPrefix+'c pYearNavig ation" HREF="'+refreshLink+'('+th is.index+' ,'+month+' ,'+(year-1 )+');">< ;</A></TD> ';
                      if (this.isShowYearNavigation Input) {
                            result += '<TD CLASS="'+this.cssPrefix+'c pYearNavig ation" WIDTH="36"><INPUT NAME="cpYear" CLASS="'+this.cssPrefix+'c pYearNavig ation" SIZE="4" MAXLENGTH="4" VALUE="'+year+'" onBlur="'+refresh+'('+this .index+',' +month+',t his.value- 0);"></TD> ';
                            }
                      else {
                            result += '<TD CLASS="'+this.cssPrefix+'c pYearNavig ation" WIDTH="36"><SPAN CLASS="'+this.cssPrefix+'c pYearNavig ation">'+y ear+'</SPA N></TD>';
                            }
                      result += '<TD CLASS="'+this.cssPrefix+'c pYearNavig ation" WIDTH="10"><A CLASS="'+this.cssPrefix+'c pYearNavig ation" HREF="'+refreshLink+'('+th is.index+' ,'+month+' ,'+(year+1 )+');">> ;</A></TD> ';
                      }
                 else {
                      result += '<TD CLASS="'+this.cssPrefix+'c pMonthNavi gation" WIDTH="22"><A CLASS="'+this.cssPrefix+'c pMonthNavi gation" HREF="'+refreshLink+'('+th is.index+' ,'+last_mo nth+','+la st_month_y ear+');">& lt;<</A ></TD>\n';
                      result += '<TD CLASS="'+this.cssPrefix+'c pMonthNavi gation" WIDTH="100"><SPAN CLASS="'+this.cssPrefix+'c pMonthNavi gation">'+ this.month Names[mont h-1]+' '+year+'</SPAN></TD>\n';
                      result += '<TD CLASS="'+this.cssPrefix+'c pMonthNavi gation" WIDTH="22"><A CLASS="'+this.cssPrefix+'c pMonthNavi gation" HREF="'+refreshLink+'('+th is.index+' ,'+next_mo nth+','+ne xt_month_y ear+');">& gt;></A ></TD>\n';
                      }
                 }
           result += '</TR></TABLE>\n';
           result += '<TABLE WIDTH=120 BORDER=0 CELLSPACING=0 CELLPADDING=1 ALIGN=CENTER>\n';
           result += '<TR>\n';
           for (var j=0; j<7; j++) {
                 result += '<TD CLASS="'+this.cssPrefix+'c pDayColumn Header" WIDTH="14%"><SPAN CLASS="'+this.cssPrefix+'c pDayColumn Header">'+ this.dayHe aders[(thi s.weekStar tDay+j)%7] +'</TD>\n' ;
                 }
           result += '</TR>\n';
           for (var row=1; row<=6; row++) {
                 result += '<TR>\n';
                 for (var col=1; col<=7; col++) {
                      var disabled=false;
                      if (this.disabledDatesExpress ion!="") {
                            var ds=""+display_year+LZ(disp lay_month) +LZ(displa y_date);
                            eval("disabled=("+this.dis abledDates Expression +")");
                            }
                      var dateClass = "";
                      if ((display_month == this.currentDate.getMonth( )+1) && (display_date==this.curren tDate.getD ate()) && (display_year==this.curren tDate.getF ullYear()) ) {
                            dateClass = "cpCurrentDate";
                            }
                      else if (display_month == month) {
                            dateClass = "cpCurrentMonthDate";
                            }
                      else {
                            dateClass = "cpOtherMonthDate";
                            }
                      if (disabled || this.disabledWeekDays[col- 1]) {
                            result += '      <TD CLASS="'+this.cssPrefix+da teClass+'" ><SPAN CLASS="'+this.cssPrefix+da teClass+'D isabled">' +display_d ate+'</SPA N></TD>\n' ;
                            }
                      else {
                            var selected_date = display_date;
                            var selected_month = display_month;
                            var selected_year = display_year;
                            if (this.displayType=="week-e nd") {
                                 var d = new Date(selected_year,selecte d_month-1, selected_d ate,0,0,0, 0);
                                 d.setDate(d.getDate() + (7-col));
                                 selected_year = d.getYear();
                                 if (selected_year < 1000) { selected_year += 1900; }
                                 selected_month = d.getMonth()+1;
                                 selected_date = d.getDate();
                                 }
                            result += '      <TD CLASS="'+this.cssPrefix+da teClass+'" ><A HREF="javascript:'+windowr ef+this.re turnFuncti on+'('+sel ected_year +','+selec ted_month+ ','+select ed_date+') ;'+windowr ef+'CP_hid eCalendar( \''+this.i ndex+'\'); " CLASS="'+this.cssPrefix+da teClass+'" >'+display _date+'</A ></TD>\n';
                            }
                      display_date++;
                      if (display_date > daysinmonth[display_month] ) {
                            display_date=1;
                            display_month++;
                            }
                      if (display_month > 12) {
                            display_month=1;
                            display_year++;
                            }
                      }
                 result += '</TR>';
                 }
           var current_weekday = now.getDay() - this.weekStartDay;
           if (current_weekday < 0) {
                 current_weekday += 7;
                 }
           result += '<TR>\n';
           result += '      <TD COLSPAN=7 ALIGN=CENTER CLASS="'+this.cssPrefix+'c pTodayText ">\n';
           if (this.disabledDatesExpress ion!="") {
                 var ds=""+now.getFullYear()+LZ (now.getMo nth()+1)+L Z(now.getD ate());
                 eval("disabled=("+this.dis abledDates Expression +")");
                 }
           if (disabled || this.disabledWeekDays[curr ent_weekda y+1]) {
                 result += '            <SPAN CLASS="'+this.cssPrefix+'c pTodayText Disabled"> '+this.tod ayText+'</ SPAN>\n';
                 }
           else {
                 result += '            <A CLASS="'+this.cssPrefix+'c pTodayText " HREF="javascript:'+windowr ef+this.re turnFuncti on+'(\''+n ow.getFull Year()+'\' ,\''+(now. getMonth() +1)+'\',\' '+now.getD ate()+'\') ;'+windowr ef+'CP_hid eCalendar( \''+this.i ndex+'\'); ">'+this.t odayText+' </A>\n';
                 }
           result += '            <BR>\n';
           result += '      </TD></TR></TABLE></CENTER ></TD></TR ></TABLE>\ n';
      }
      // Code common for MONTH, QUARTER, YEAR
      // -------------------------- ----------
      if (this.displayType=="month" || this.displayType=="quarter " || this.displayType=="year") {
           if (arguments.length > 0) { var year = arguments[0]; }
           else {
                 if (this.displayType=="year") {      var year = now.getFullYear()-this.yea rSelectSta rtOffset; }
                 else { var year = now.getFullYear(); }
                 }
           if (this.displayType!="year" && this.isShowYearNavigation) {
                 result += "<TABLE WIDTH=144 BORDER=0 BORDERWIDTH=0 CELLSPACING=0 CELLPADDING=0>";
                 result += '<TR>\n';
                 result += '      <TD CLASS="'+this.cssPrefix+'c pYearNavig ation" WIDTH="22"><A CLASS="'+this.cssPrefix+'c pYearNavig ation" HREF="javascript:'+windowr ef+'CP_ref reshCalend ar('+this. index+','+ (year-1)+' );"><&l t;</A></TD >\n';
                 result += '      <TD CLASS="'+this.cssPrefix+'c pYearNavig ation" WIDTH="100">'+year+'</TD>\ n';
                 result += '      <TD CLASS="'+this.cssPrefix+'c pYearNavig ation" WIDTH="22"><A CLASS="'+this.cssPrefix+'c pYearNavig ation" HREF="javascript:'+windowr ef+'CP_ref reshCalend ar('+this. index+','+ (year+1)+' );">>&g t;</A></TD >\n';
                 result += '</TR></TABLE>\n';
                 }
           }
          Â
      // Code for MONTH display
      // ----------------------
      if (this.displayType=="month" ) {
           // If POPUP, write entire HTML document
           result += '<TABLE WIDTH=120 BORDER=0 CELLSPACING=1 CELLPADDING=0 ALIGN=CENTER>\n';
           for (var i=0; i<4; i++) {
                 result += '<TR>';
                 for (var j=0; j<3; j++) {
                      var monthindex = ((i*3)+j);
                      result += '<TD WIDTH=33% ALIGN=CENTER><A CLASS="'+this.cssPrefix+'c pText" HREF="javascript:'+windowr ef+this.re turnMonthF unction+'( '+year+',' +(monthind ex+1)+');' +windowref +'CP_hideC alendar(\' '+this.ind ex+'\');" CLASS="'+date_class+'">'+t his.monthA bbreviatio ns[monthin dex]+'</A> </TD>';
                      }
                 result += '</TR>';
                 }
           result += '</TABLE></CENTER></TD></T R></TABLE> \n';
           }
     Â
      // Code for QUARTER display
      // ------------------------
      if (this.displayType=="quarte r") {
           result += '<BR><TABLE WIDTH=120 BORDER=1 CELLSPACING=0 CELLPADDING=0 ALIGN=CENTER>\n';
           for (var i=0; i<2; i++) {
                 result += '<TR>';
                 for (var j=0; j<2; j++) {
                      var quarter = ((i*2)+j+1);
                      result += '<TD WIDTH=50% ALIGN=CENTER><BR><A CLASS="'+this.cssPrefix+'c pText" HREF="javascript:'+windowr ef+this.re turnQuarte rFunction+ '('+year+' ,'+quarter +');'+wind owref+'CP_ hideCalend ar(\''+thi s.index+'\ ');" CLASS="'+date_class+'">Q'+ quarter+'< /A><BR><BR ></TD>';
                      }
                 result += '</TR>';
                 }
           result += '</TABLE></CENTER></TD></T R></TABLE> \n';
           }
      // Code for YEAR display
      // ---------------------
      if (this.displayType=="year") {
           var yearColumnSize = 4;
           result += "<TABLE WIDTH=144 BORDER=0 BORDERWIDTH=0 CELLSPACING=0 CELLPADDING=0>";
           result += '<TR>\n';
           result += '      <TD CLASS="'+this.cssPrefix+'c pYearNavig ation" WIDTH="50%"><A CLASS="'+this.cssPrefix+'c pYearNavig ation" HREF="javascript:'+windowr ef+'CP_ref reshCalend ar('+this. index+','+ (year-(yea rColumnSiz e*2))+');" ><<< /A></TD>\n ';
           result += '      <TD CLASS="'+this.cssPrefix+'c pYearNavig ation" WIDTH="50%"><A CLASS="'+this.cssPrefix+'c pYearNavig ation" HREF="javascript:'+windowr ef+'CP_ref reshCalend ar('+this. index+','+ (year+(yea rColumnSiz e*2))+');" >>>< /A></TD>\n ';
           result += '</TR></TABLE>\n';
           result += '<TABLE WIDTH=120 BORDER=0 CELLSPACING=1 CELLPADDING=0 ALIGN=CENTER>\n';
           for (var i=0; i<yearColumnSize; i++) {
                 for (var j=0; j<2; j++) {
                      var currentyear = year+(j*yearColumnSize)+i;
                      result += '<TD WIDTH=50% ALIGN=CENTER><A CLASS="'+this.cssPrefix+'c pText" HREF="javascript:'+windowr ef+this.re turnYearFu nction+'(' +currentye ar+');'+wi ndowref+'C P_hideCale ndar(\''+t his.index+ '\');" CLASS="'+date_class+'">'+c urrentyear +'</A></TD >';
                      }
                 result += '</TR>';
                 }
           result += '</TABLE></CENTER></TD></T R></TABLE> \n';
           }
      // Common
      if (this.type == "WINDOW") {
           result += "</BODY></HTML>\n";
           }
      return result;
      }
-------------------------- ---------- ---------- ---------
here is my asp/html
<!-- METADATA TYPE="typelib"
       FILE="C:\Program Files\Common Files\System\ado\msado15.d ll" -->
<!-- #include file="connectionstring.asp " -->
<HTML>
<HEAD>
      <TITLE>JavaScript Toolbox - Calendar Popup To Select Date</TITLE>
<SCRIPT LANGUAGE="JavaScript" SRC="CalendarPopup.js"></S CRIPT>
<!-- These styles are here only as an example of how you can over-ride the default
   styles that are included in the script itself. -->
<STYLE>
      .TESTcpYearNavigation,
      .TESTcpMonthNavigation
                 {
                 background-color:#6677DD;
                 text-align:center;
                 vertical-align:center;
                 text-decoration:none;
                 color:#FFFFFF;
                 font-weight:bold;
                 }
      .TESTcpDayColumnHeader,
      .TESTcpYearNavigation,
      .TESTcpMonthNavigation,
      .TESTcpCurrentMonthDate,
      .TESTcpCurrentMonthDateDis abled,
      .TESTcpOtherMonthDate,
      .TESTcpOtherMonthDateDisab led,
      .TESTcpCurrentDate,
      .TESTcpCurrentDateDisabled ,
      .TESTcpTodayText,
      .TESTcpTodayTextDisabled,
      .TESTcpText
                 {
                 font-family:arial;
                 font-size:8pt;
                 }
      TD.TESTcpDayColumnHeader
                 {
                 text-align:right;
                 border:solid thin #6677DD;
                 border-width:0 0 1 0;
                 }
      .TESTcpCurrentMonthDate,
      .TESTcpOtherMonthDate,
      .TESTcpCurrentDate
                 {
                 text-align:right;
                 text-decoration:none;
                 }
      .TESTcpCurrentMonthDateDis abled,
      .TESTcpOtherMonthDateDisab led,
      .TESTcpCurrentDateDisabled
                 {
                 color:#D0D0D0;
                 text-align:right;
                 text-decoration:line-throu gh;
                 }
      .TESTcpCurrentMonthDate
                 {
                 color:#6677DD;
                 font-weight:bold;
                 }
      .TESTcpCurrentDate
                 {
                 color: #FFFFFF;
                 font-weight:bold;
                 }
      .TESTcpOtherMonthDate
                 {
                 color:#808080;
                 }
      TD.TESTcpCurrentDate
                 {
                 color:#FFFFFF;
                 background-color: #6677DD;
                 border-width:1;
                 border:solid thin #000000;
                 }
      TD.TESTcpCurrentDateDisabl ed
                 {
                 border-width:1;
                 border:solid thin #FFAAAA;
                 }
      TD.TESTcpTodayText,
      TD.TESTcpTodayTextDisabled
                 {
                 border:solid thin #6677DD;
                 border-width:1 0 0 0;
                 }
      A.TESTcpTodayText,
      SPAN.TESTcpTodayTextDisabl ed
                 {
                 height:20px;
                 }
      A.TESTcpTodayText
                 {
                 color:#6677DD;
                 font-weight:bold;
                 }
      SPAN.TESTcpTodayTextDisabl ed
                 {
                 color:#D0D0D0;
                 }
      .TESTcpBorder
                 {
                 border:solid thin #6677DD;
                 }
</STYLE>
</HEAD>
<body>
<%
      Set cnStr = Server.CreateObject("ADODB .Connectio n")
      Set Rs = Server.CreateObject("ADODB .Recordset ")
      ' defining database connection (conncetionstring.asp)
cnStr.ConnectionString = path
cnStr.Provider = provider
cnStr.open
 Â
  intID = request.QueryString("ID")
  intID2 = request.QueryString("ID")
  SQL1 = "Select Expiration_Date FROM NationalAccountList WHERE ID =" & intID Â
      Rs.Open SQL1, cnStr,0,1
     Â
Expiration_Date = rs.Fields("Expiration_Date ").Value
%>
<FORM>
<!-- ========================== ========== ========== ========== ========== ========== ======
--><HR>
Default calendar.<BR>
<SCRIPT LANGUAGE="JavaScript" ID="js1">
var cal1 = new CalendarPopup();
</SCRIPT>
<SCRIPT LANGUAGE="JavaScript">writ eSource("j s1");</SCR IPT>
<INPUT TYPE="text" NAME="date1" VALUE="<%=Expiration_Date% >" SIZE=25>
<A HREF="#" onClick="cal1.select(docum ent.forms[ 0].date1,' anchor1',' MM/dd/yyyy '); return
false;" TITLE="cal1.select(documen t.forms[0] .date1,'an chor1','MM /dd/yyyy') ; return false;"
NAME="anchor1" ID="anchor1">select</A>
<!-- ========================== ========== ========== ========== ========== ========== ======
-->
</form>
</body>
</html>
just a heads up very new to javascript...
Here is the javascript page.....
function getAnchorPosition(anchorna
      // This function will return an Object with x and y properties
      var useWindow=false;
      var coordinates=new Object();
      var x=0,y=0;
      // Browser capability sniffing
      var use_gebi=false, use_css=false, use_layers=false;
      if (document.getElementById) { use_gebi=true; }
      else if (document.all) { use_css=true; }
      else if (document.layers) { use_layers=true; }
      // Logic to find position
      if (use_gebi && document.all) {
           x=AnchorPosition_getPageOf
           y=AnchorPosition_getPageOf
           }
      else if (use_gebi) {
           var o=document.getElementById(
           x=AnchorPosition_getPageOf
           y=AnchorPosition_getPageOf
           }
      else if (use_css) {
           x=AnchorPosition_getPageOf
           y=AnchorPosition_getPageOf
           }
      else if (use_layers) {
           var found=0;
           for (var i=0; i<document.anchors.length;
                 if (document.anchors[i].name=
                 }
           if (found==0) {
                 coordinates.x=0; coordinates.y=0; return coordinates;
                 }
           x=document.anchors[i].x;
           y=document.anchors[i].y;
           }
      else {
           coordinates.x=0; coordinates.y=0; return coordinates;
           }
      coordinates.x=x;
      coordinates.y=y;
      return coordinates;
      }
// getAnchorWindowPosition(an
// Â This function returns an object having .x and .y properties which are the coordinates
// Â of the named anchor, relative to the window
function getAnchorWindowPosition(an
      var coordinates=getAnchorPosit
      var x=0;
      var y=0;
      if (document.getElementById) {
           if (isNaN(window.screenX)) {
                 x=coordinates.x-document.b
                 y=coordinates.y-document.b
                 }
           else {
                 x=coordinates.x+window.scr
                 y=coordinates.y+window.scr
                 }
           }
      else if (document.all) {
           x=coordinates.x-document.b
           y=coordinates.y-document.b
           }
      else if (document.layers) {
           x=coordinates.x+window.scr
           y=coordinates.y+window.scr
           }
      coordinates.x=x;
      coordinates.y=y;
      return coordinates;
      }
// Functions for IE to get position of an object
function AnchorPosition_getPageOffs
      var ol=el.offsetLeft;
      while ((el=el.offsetParent) != null) { ol += el.offsetLeft; }
      return ol;
      }
function AnchorPosition_getWindowOf
      return AnchorPosition_getPageOffs
      }     Â
function AnchorPosition_getPageOffs
      var ot=el.offsetTop;
      while((el=el.offsetParent)
      return ot;
      }
function AnchorPosition_getWindowOf
      return AnchorPosition_getPageOffs
      }
var MONTH_NAMES=new Array('January','February'
var DAY_NAMES=new Array('Sunday','Monday','T
function LZ(x) {return(x<0||x>9?"":"0")+x
// --------------------------
// isDate ( date_string, format_string )
// Returns true if date string matches format of format string and
// is a valid date. Else returns false.
// It is recommended that you trim whitespace around the value before
// passing it to this function, as whitespace is NOT ignored!
// --------------------------
function isDate(val,format) {
      var date=getDateFromFormat(val
      if (date==0) { return false; }
      return true;
      }
// --------------------------
// compareDates(date1,date1fo
// Â Compare two date strings to see which is greater.
// Â Returns:
// Â 1 if date1 is greater than date2
// Â 0 if date2 is greater than date1 of if they are the same
// Â -1 if either of the dates is in an invalid format
// --------------------------
function compareDates(date1,datefor
      var d1=getDateFromFormat(date1
      var d2=getDateFromFormat(date2
      if (d1==0 || d2==0) {
           return -1;
           }
      else if (d1 > d2) {
           return 1;
           }
      return 0;
      }
// --------------------------
// formatDate (date_object, format)
// Returns a date in the output format specified.
// The format string uses the same abbreviations as in getDateFromFormat()
// --------------------------
function formatDate(date,format) {
      format=format+"";
      var result="";
      var i_format=0;
      var c="";
      var token="";
      var y=date.getYear()+"";
      var M=date.getMonth()+1;
      var d=date.getDate();
      var E=date.getDay();
      var H=date.getHours();
      var m=date.getMinutes();
      var s=date.getSeconds();
      var yyyy,yy,MMM,MM,dd,hh,h,mm,
      // Convert real date parts into formatted versions
      var value=new Object();
      if (y.length < 4) {y=""+(y-0+1900);}
      value["y"]=""+y;
      value["yyyy"]=y;
      value["yy"]=y.substring(2,
      value["M"]=M;
      value["MM"]=LZ(M);
      value["MMM"]=MONTH_NAMES[M
      value["NNN"]=MONTH_NAMES[M
      value["d"]=d;
      value["dd"]=LZ(d);
      value["E"]=DAY_NAMES[E+7];
      value["EE"]=DAY_NAMES[E];
      value["H"]=H;
      value["HH"]=LZ(H);
      if (H==0){value["h"]=12;}
      else if (H>12){value["h"]=H-12;}
      else {value["h"]=H;}
      value["hh"]=LZ(value["h"])
      if (H>11){value["K"]=H-12;} else {value["K"]=H;}
      value["k"]=H+1;
      value["KK"]=LZ(value["K"])
      value["kk"]=LZ(value["k"])
      if (H > 11) { value["a"]="PM"; }
      else { value["a"]="AM"; }
      value["m"]=m;
      value["mm"]=LZ(m);
      value["s"]=s;
      value["ss"]=LZ(s);
      while (i_format < format.length) {
           c=format.charAt(i_format);
           token="";
           while ((format.charAt(i_format)=
                 token += format.charAt(i_format++);
                 }
           if (value[token] != null) { result=result + value[token]; }
           else { result=result + token; }
           }
      return result;
      }
     Â
// --------------------------
// Utility functions for parsing in getDateFromFormat()
// --------------------------
function _isInteger(val) {
      var digits="1234567890";
      for (var i=0; i < val.length; i++) {
           if (digits.indexOf(val.charAt
           }
      return true;
      }
function _getInt(str,i,minlength,ma
      for (var x=maxlength; x>=minlength; x--) {
           var token=str.substring(i,i+x)
           if (token.length < minlength) { return null; }
           if (_isInteger(token)) { return token; }
           }
      return null;
      }
     Â
// --------------------------
// getDateFromFormat( date_string , format_string )
//
// This function takes a date string and a format string. It matches
// If the date string matches the format string, it returns the
// getTime() of the date. If it does not match, it returns 0.
// --------------------------
function getDateFromFormat(val,form
      val=val+"";
      format=format+"";
      var i_val=0;
      var i_format=0;
      var c="";
      var token="";
      var token2="";
      var x,y;
      var now=new Date();
      var year=now.getYear();
      var month=now.getMonth()+1;
      var date=1;
      var hh=now.getHours();
      var mm=now.getMinutes();
      var ss=now.getSeconds();
      var ampm="";
     Â
      while (i_format < format.length) {
           // Get next token from format string
           c=format.charAt(i_format);
           token="";
           while ((format.charAt(i_format)=
                 token += format.charAt(i_format++);
                 }
           // Extract contents of value based on format token
           if (token=="yyyy" || token=="yy" || token=="y") {
                 if (token=="yyyy") { x=4;y=4; }
                 if (token=="yy")  { x=2;y=2; }
                 if (token=="y")   { x=2;y=4; }
                 year=_getInt(val,i_val,x,y
                 if (year==null) { return 0; }
                 i_val += year.length;
                 if (year.length==2) {
                      if (year > 70) { year=1900+(year-0); }
                      else { year=2000+(year-0); }
                      }
                 }
           else if (token=="MMM"||token=="NNN
                 month=0;
                 for (var i=0; i<MONTH_NAMES.length; i++) {
                      var month_name=MONTH_NAMES[i];
                      if (val.substring(i_val,i_val
                            if (token=="MMM"||(token=="NN
                                 month=i+1;
                                 if (month>12) { month -= 12; }
                                 i_val += month_name.length;
                                 break;
                                 }
                            }
                      }
                 if ((month < 1)||(month>12)){return 0;}
                 }
           else if (token=="EE"||token=="E"){
                 for (var i=0; i<DAY_NAMES.length; i++) {
                      var day_name=DAY_NAMES[i];
                      if (val.substring(i_val,i_val
                            i_val += day_name.length;
                            break;
                            }
                      }
                 }
           else if (token=="MM"||token=="M") {
                 month=_getInt(val,i_val,to
                 if(month==null||(month<1)|
                 i_val+=month.length;}
           else if (token=="dd"||token=="d") {
                 date=_getInt(val,i_val,tok
                 if(date==null||(date<1)||(
                 i_val+=date.length;}
           else if (token=="hh"||token=="h") {
                 hh=_getInt(val,i_val,token
                 if(hh==null||(hh<1)||(hh>1
                 i_val+=hh.length;}
           else if (token=="HH"||token=="H") {
                 hh=_getInt(val,i_val,token
                 if(hh==null||(hh<0)||(hh>2
                 i_val+=hh.length;}
           else if (token=="KK"||token=="K") {
                 hh=_getInt(val,i_val,token
                 if(hh==null||(hh<0)||(hh>1
                 i_val+=hh.length;}
           else if (token=="kk"||token=="k") {
                 hh=_getInt(val,i_val,token
                 if(hh==null||(hh<1)||(hh>2
                 i_val+=hh.length;hh--;}
           else if (token=="mm"||token=="m") {
                 mm=_getInt(val,i_val,token
                 if(mm==null||(mm<0)||(mm>5
                 i_val+=mm.length;}
           else if (token=="ss"||token=="s") {
                 ss=_getInt(val,i_val,token
                 if(ss==null||(ss<0)||(ss>5
                 i_val+=ss.length;}
           else if (token=="a") {
                 if (val.substring(i_val,i_val
                 else if (val.substring(i_val,i_val
                 else {return 0;}
                 i_val+=2;}
           else {
                 if (val.substring(i_val,i_val
                 else {i_val+=token.length;}
                 }
           }
      // If there are any trailing characters left in the value, it doesn't match
      if (i_val != val.length) { return 0; }
      // Is date valid for month?
      if (month==2) {
           // Check for leap year
           if ( ( (year%4==0)&&(year%100 != 0) ) || (year%400==0) ) { // leap year
                 if (date > 29){ return 0; }
                 }
           else { if (date > 28) { return 0; } }
           }
      if ((month==4)||(month==6)||(
           if (date > 30) { return 0; }
           }
      // Correct hours value
      if (hh<12 && ampm=="PM") { hh=hh-0+12; }
      else if (hh>11 && ampm=="AM") { hh-=12; }
      var newdate=new Date(year,month-1,date,hh,
      return newdate.getTime();
      }
// --------------------------
// parseDate( date_string [, prefer_euro_format] )
//
// This function takes a date string and tries to match it to a
// number of possible date formats to get the value. It will try to
// match against the following international formats, in this order:
// y-M-d  MMM d, y  MMM d,y  y-MMM-d  d-MMM-y  MMM d
// M/d/y  M-d-y    M.d.y   MMM-d   M/d    M-d
// d/M/y  d-M-y    d.M.y   d-MMM   d/M    d-M
// A second argument may be passed to instruct the method to search
// for formats like d/M/y (european format) before M/d/y (American).
// Returns a Date object or null if no patterns match.
// --------------------------
function parseDate(val) {
      var preferEuro=(arguments.leng
      generalFormats=new Array('y-M-d','MMM d, y','MMM d,y','y-MMM-d','d-MMM-y','
      monthFirst=new Array('M/d/y','M-d-y','M.d
      dateFirst =new Array('d/M/y','d-M-y','d.M
      var checkList=new Array('generalFormats',pre
      var d=null;
      for (var i=0; i<checkList.length; i++) {
           var l=window[checkList[i]];
           for (var j=0; j<l.length; j++) {
                 d=getDateFromFormat(val,l[
                 if (d!=0) { return new Date(d); }
                 }
           }
      return null;
      }
/* SOURCE FILE: PopupWindow.js */
/*
PopupWindow.js
Author: Matt Kruse
Last modified: 02/16/04
DESCRIPTION: This object allows you to easily and quickly popup a window
in a certain place. The window can either be a DIV or a separate browser
window.
COMPATABILITY: Works with Netscape 4.x, 6.x, IE 5.x on Windows. Some small
positioning errors - usually with Window positioning - occur on the
Macintosh platform. Due to bugs in Netscape 4.x, populating the popup
window with <STYLE> tags may cause errors.
USAGE:
// Create an object for a WINDOW popup
var win = new PopupWindow();
// Create an object for a DIV window using the DIV named 'mydiv'
var win = new PopupWindow('mydiv');
// Set the window to automatically hide itself when the user clicks
// anywhere else on the page except the popup
win.autoHide();
// Show the window relative to the anchor name passed in
win.showPopup(anchorname);
// Hide the popup
win.hidePopup();
// Set the size of the popup window (only applies to WINDOW popups
win.setSize(width,height);
// Populate the contents of the popup window that will be shown. If you
// change the contents while it is displayed, you will need to refresh()
win.populate(string);
// set the URL of the window, rather than populating its contents
// manually
win.setUrl("http://www.site.com/");
// Refresh the contents of the popup
win.refresh();
// Specify how many pixels to the right of the anchor the popup will appear
win.offsetX = 50;
// Specify how many pixels below the anchor the popup will appear
win.offsetY = 100;
NOTES:
1) Requires the functions in AnchorPosition.js
2) Your anchor tag MUST contain both NAME and ID attributes which are the
  same. For example:
  <A NAME="test" ID="test"> </A>
3) There must be at least a space between <A> </A> for IE5.5 to see the
  anchor tag correctly. Do not do <A></A> with no space.
4) When a PopupWindow object is created, a handler for 'onmouseup' is
  attached to any event handler you may have already defined. Do NOT define
  an event handler for 'onmouseup' after you define a PopupWindow object or
  the autoHide() will not work correctly.
*/
// Set the position of the popup window based on the anchor
function PopupWindow_getXYPosition(
      var coordinates;
      if (this.type == "WINDOW") {
           coordinates = getAnchorWindowPosition(an
           }
      else {
           coordinates = getAnchorPosition(anchorna
           }
      this.x = coordinates.x;
      this.y = coordinates.y;
      }
// Set width/height of DIV/popup window
function PopupWindow_setSize(width,
      this.width = width;
      this.height = height;
      }
// Fill the window with contents
function PopupWindow_populate(conte
      this.contents = contents;
      this.populated = false;
      }
// Set the URL to go to
function PopupWindow_setUrl(url) {
      this.url = url;
      }
// Set the window popup properties
function PopupWindow_setWindowPrope
      this.windowProperties = props;
      }
// Refresh the displayed contents of the popup
function PopupWindow_refresh() {
      if (this.divName != null) {
           // refresh the DIV object
           if (this.use_gebi) {
                 document.getElementById(th
                 }
           else if (this.use_css) {
                 document.all[this.divName]
                 }
           else if (this.use_layers) {
                 var d = document.layers[this.divNa
                 d.document.open();
                 d.document.writeln(this.co
                 d.document.close();
                 }
           }
      else {
           if (this.popupWindow != null && !this.popupWindow.closed) {
                 if (this.url!="") {
                      this.popupWindow.location.
                      }
                 else {
                      this.popupWindow.document.
                      this.popupWindow.document.
                      this.popupWindow.document.
                 }
                 this.popupWindow.focus();
                 }
           }
      }
// Position and show the popup, relative to an anchor object
function PopupWindow_showPopup(anch
      this.getXYPosition(anchorn
      this.x += this.offsetX;
      this.y += this.offsetY;
      if (!this.populated && (this.contents != "")) {
           this.populated = true;
           this.refresh();
           }
      if (this.divName != null) {
           // Show the DIV object
           if (this.use_gebi) {
                 document.getElementById(th
                 document.getElementById(th
                 document.getElementById(th
                 }
           else if (this.use_css) {
                 document.all[this.divName]
                 document.all[this.divName]
                 document.all[this.divName]
                 }
           else if (this.use_layers) {
                 document.layers[this.divNa
                 document.layers[this.divNa
                 document.layers[this.divNa
                 }
           }
      else {
           if (this.popupWindow == null || this.popupWindow.closed) {
                 // If the popup window will go off-screen, move it so it doesn't
                 if (this.x<0) { this.x=0; }
                 if (this.y<0) { this.y=0; }
                 if (screen && screen.availHeight) {
                      if ((this.y + this.height) > screen.availHeight) {
                            this.y = screen.availHeight - this.height;
                            }
                      }
                 if (screen && screen.availWidth) {
                      if ((this.x + this.width) > screen.availWidth) {
                            this.x = screen.availWidth - this.width;
                            }
                      }
                 var avoidAboutBlank = window.opera || ( document.layers && !navigator.mimeTypes['*'] ) || navigator.vendor == 'KDE' || ( document.childNodes && !document.all && !navigator.taintEnabled );
                 this.popupWindow = window.open(avoidAboutBlan
                 }
           this.refresh();
           }
      }
// Hide the popup
function PopupWindow_hidePopup() {
      if (this.divName != null) {
           if (this.use_gebi) {
                 document.getElementById(th
                 }
           else if (this.use_css) {
                 document.all[this.divName]
                 }
           else if (this.use_layers) {
                 document.layers[this.divNa
                 }
           }
      else {
           if (this.popupWindow && !this.popupWindow.closed) {
                 this.popupWindow.close();
                 this.popupWindow = null;
                 }
           }
      }
// Pass an event and return whether or not it was the popup DIV that was clicked
function PopupWindow_isClicked(e) {
      if (this.divName != null) {
           if (this.use_layers) {
                 var clickX = e.pageX;
                 var clickY = e.pageY;
                 var t = document.layers[this.divNa
                 if ((clickX > t.left) && (clickX < t.left+t.clip.width) && (clickY > t.top) && (clickY < t.top+t.clip.height)) {
                      return true;
                      }
                 else { return false; }
                 }
           else if (document.all) { // Need to hard-code this to trap IE for error-handling
                 var t = window.event.srcElement;
                 while (t.parentElement != null) {
                      if (t.id==this.divName) {
                            return true;
                            }
                      t = t.parentElement;
                      }
                 return false;
                 }
           else if (this.use_gebi && e) {
                 var t = e.originalTarget;
                 while (t.parentNode != null) {
                      if (t.id==this.divName) {
                            return true;
                            }
                      t = t.parentNode;
                      }
                 return false;
                 }
           return false;
           }
      return false;
      }
// Check an onMouseDown event to see if we should hide
function PopupWindow_hideIfNotClick
      if (this.autoHideEnabled && !this.isClicked(e)) {
           this.hidePopup();
           }
      }
// Call this to make the DIV disable automatically when mouse is clicked outside it
function PopupWindow_autoHide() {
      this.autoHideEnabled = true;
      }
// This global function checks all PopupWindow objects onmouseup to see if they should be hidden
function PopupWindow_hidePopupWindo
      for (var i=0; i<popupWindowObjects.lengt
           if (popupWindowObjects[i] != null) {
                 var p = popupWindowObjects[i];
                 p.hideIfNotClicked(e);
                 }
           }
      }
// Run this immediately to attach the event listener
function PopupWindow_attachListener
      if (document.layers) {
           document.captureEvents(Eve
           }
      window.popupWindowOldEvent
      if (window.popupWindowOldEven
           document.onmouseup = new Function("window.popupWind
           }
      else {
           document.onmouseup = PopupWindow_hidePopupWindo
           }
      }
// CONSTRUCTOR for the PopupWindow object
// Pass it a DIV name to use a DHTML popup, otherwise will default to window popup
function PopupWindow() {
      if (!window.popupWindowIndex)
      if (!window.popupWindowObject
      if (!window.listenerAttached)
           window.listenerAttached = true;
           PopupWindow_attachListener
           }
      this.index = popupWindowIndex++;
      popupWindowObjects[this.in
      this.divName = null;
      this.popupWindow = null;
      this.width=0;
      this.height=0;
      this.populated = false;
      this.visible = false;
      this.autoHideEnabled = false;
     Â
      this.contents = "";
      this.url="";
      this.windowProperties="too
      if (arguments.length>0) {
           this.type="DIV";
           this.divName = arguments[0];
           }
      else {
           this.type="WINDOW";
           }
      this.use_gebi = false;
      this.use_css = false;
      this.use_layers = false;
      if (document.getElementById) { this.use_gebi = true; }
      else if (document.all) { this.use_css = true; }
      else if (document.layers) { this.use_layers = true; }
      else { this.type = "WINDOW"; }
      this.offsetX = 0;
      this.offsetY = 0;
      // Method mappings
      this.getXYPosition = PopupWindow_getXYPosition;
      this.populate = PopupWindow_populate;
      this.setUrl = PopupWindow_setUrl;
      this.setWindowProperties = PopupWindow_setWindowPrope
      this.refresh = PopupWindow_refresh;
      this.showPopup = PopupWindow_showPopup;
      this.hidePopup = PopupWindow_hidePopup;
      this.setSize = PopupWindow_setSize;
      this.isClicked = PopupWindow_isClicked;
      this.autoHide = PopupWindow_autoHide;
      this.hideIfNotClicked = PopupWindow_hideIfNotClick
      }
/* SOURCE FILE: CalendarPopup.js */
// HISTORY
// --------------------------
// Feb 7, 2005: Fixed a CSS styles to use px unit
// March 29, 2004: Added check in select() method for the form field
// Â Â Â being disabled. If it is, just return and don't do anything.
// March 24, 2004: Fixed bug - when month name and abbreviations were
// Â Â Â changed, date format still used original values.
// January 26, 2004: Added support for drop-down month and year
// Â Â Â navigation (Thanks to Chris Reid for the idea)
// September 22, 2003: Fixed a minor problem in YEAR calendar with
// Â Â Â CSS prefix.
// August 19, 2003: Renamed the function to get styles, and made it
// Â Â Â work correctly without an object reference
// August 18, 2003: Changed showYearNavigation and
// Â Â Â showYearNavigationInput to optionally take an argument of
// Â Â Â true or false
// July 31, 2003: Added text input option for year navigation.
// Â Â Â Added a per-calendar CSS prefix option to optionally use
// Â Â Â different styles for different calendars.
// July 29, 2003: Fixed bug causing the Today link to be clickable
// Â Â Â even though today falls in a disabled date range.
// Â Â Â Changed formatting to use pure CSS, allowing greater control
// Â Â Â over look-and-feel options.
// June 11, 2003: Fixed bug causing the Today link to be unselectable
// Â Â Â under certain cases when some days of week are disabled
// March 14, 2003: Added ability to disable individual dates or date
// Â Â Â ranges, display as light gray and strike-through
// March 14, 2003: Removed dependency on graypixel.gif and instead
/// Â Â use table border coloring
// March 12, 2003: Modified showCalendar() function to allow optional
// Â Â Â start-date parameter
// March 11, 2003: Modified select() function to allow optional
// Â Â Â start-date parameter
/*
DESCRIPTION: This object implements a popup calendar to allow the user to
select a date, month, quarter, or year.
COMPATABILITY: Works with Netscape 4.x, 6.x, IE 5.x on Windows. Some small
positioning errors - usually with Window positioning - occur on the
Macintosh platform.
The calendar can be modified to work for any location in the world by
changing which weekday is displayed as the first column, changing the month
names, and changing the column headers for each day.
USAGE:
// Create a new CalendarPopup object of type WINDOW
var cal = new CalendarPopup();
// Create a new CalendarPopup object of type DIV using the DIV named 'mydiv'
var cal = new CalendarPopup('mydiv');
// Easy method to link the popup calendar with an input box.
cal.select(inputObject, anchorname, dateFormat);
// Same method, but passing a default date other than the field's current value
cal.select(inputObject, anchorname, dateFormat, '01/02/2000');
// This is an example call to the popup calendar from a link to populate an
// input box. Note that to use this, date.js must also be included!!
<A HREF="#" onClick="cal.select(docume
// Set the type of date select to be used. By default it is 'date'.
cal.setDisplayType(type);
// When a date, month, quarter, or year is clicked, a function is called and
// passed the details. You must write this function, and tell the calendar
// popup what the function name is.
// Function to be called for 'date' select receives y, m, d
cal.setReturnFunction(func
// Function to be called for 'month' select receives y, m
cal.setReturnMonthFunction
// Function to be called for 'quarter' select receives y, q
cal.setReturnQuarterFuncti
// Function to be called for 'year' select receives y
cal.setReturnYearFunction(
// Show the calendar relative to a given anchor
cal.showCalendar(anchornam
// Hide the calendar. The calendar is set to autoHide automatically
cal.hideCalendar();
// Set the month names to be used. Default are English month names
cal.setMonthNames("January
// Set the month abbreviations to be used. Default are English month abbreviations
cal.setMonthAbbreviations(
// Show navigation for changing by the year, not just one month at a time
cal.showYearNavigation();
// Show month and year dropdowns, for quicker selection of month of dates
cal.showNavigationDropdown
// Set the text to be used above each day column. The days start with
// sunday regardless of the value of WeekStartDay
cal.setDayHeaders("S","M",
// Set the day for the first column in the calendar grid. By default this
// is Sunday (0) but it may be changed to fit the conventions of other
// countries.
cal.setWeekStartDay(1); // week is Monday - Sunday
// Set the weekdays which should be disabled in the 'date' select popup. You can
// then allow someone to only select week end dates, or Tuedays, for example
cal.setDisabledWeekDays(0,
// Selectively disable individual days or date ranges. Disabled days will not
// be clickable, and show as strike-through text on current browsers.
// Date format is any format recognized by parseDate() in date.js
// Pass a single date to disable:
cal.addDisabledDates("2003
// Pass null as the first parameter to mean "anything up to and including" the
// passed date:
cal.addDisabledDates(null,
// Pass null as the second parameter to mean "including the passed date and
// anything after it:
cal.addDisabledDates("Jan 01, 2003", null);
// Pass two dates to disable all dates inbetween and including the two
cal.addDisabledDates("Janu
// When the 'year' select is displayed, set the number of years back from the
// current year to start listing years. Default is 2.
// This is also used for year drop-down, to decide how many years +/- to display
cal.setYearSelectStartOffs
// Text for the word "Today" appearing on the calendar
cal.setTodayText("Today");
// The calendar uses CSS classes for formatting. If you want your calendar to
// have unique styles, you can set the prefix that will be added to all the
// classes in the output.
// For example, normal output may have this:
// Â Â <SPAN CLASS="cpTodayTextDisabled
// But if you set the prefix like this:
cal.setCssPrefix("Test");
// The output will then look like:
// Â Â <SPAN CLASS="TestcpTodayTextDisa
// And you can define that style somewhere in your page.
// When using Year navigation, you can make the year be an input box, so
// the user can manually change it and jump to any year
cal.showYearNavigationInpu
// Set the calendar offset to be different than the default. By default it
// will appear just below and to the right of the anchorname. So if you have
// a text box where the date will go and and anchor immediately after the
// text box, the calendar will display immediately under the text box.
cal.offsetX = 20;
cal.offsetY = 20;
NOTES:
1) Requires the functions in AnchorPosition.js and PopupWindow.js
2) Your anchor tag MUST contain both NAME and ID attributes which are the
  same. For example:
  <A NAME="test" ID="test"> </A>
3) There must be at least a space between <A> </A> for IE5.5 to see the
  anchor tag correctly. Do not do <A></A> with no space.
4) When a CalendarPopup object is created, a handler for 'onmouseup' is
  attached to any event handler you may have already defined. Do NOT define
  an event handler for 'onmouseup' after you define a CalendarPopup object
  or the autoHide() will not work correctly.
 Â
5) The calendar popup display uses style sheets to make it look nice.
*/
// CONSTRUCTOR for the CalendarPopup Object
function CalendarPopup() {
      var c;
      if (arguments.length>0) {
           c = new PopupWindow(arguments[0]);
           }
      else {
           c = new PopupWindow();
           c.setSize(150,175);
           }
      c.offsetX = -152;
      c.offsetY = 25;
      c.autoHide();
      // Calendar-specific properties
      c.monthNames = new Array("January","February"
      c.monthAbbreviations = new Array("Jan","Feb","Mar","A
      c.dayHeaders = new Array("S","M","T","W","T",
      c.returnFunction = "CP_tmpReturnFunction";
      c.returnMonthFunction = "CP_tmpReturnMonthFunction
      c.returnQuarterFunction = "CP_tmpReturnQuarterFuncti
      c.returnYearFunction = "CP_tmpReturnYearFunction"
      c.weekStartDay = 0;
      c.isShowYearNavigation = false;
      c.displayType = "date";
      c.disabledWeekDays = new Object();
      c.disabledDatesExpression = "";
      c.yearSelectStartOffset = 2;
      c.currentDate = null;
      c.todayText="Today";
      c.cssPrefix="";
      c.isShowNavigationDropdown
      c.isShowYearNavigationInpu
      window.CP_calendarObject = null;
      window.CP_targetInput = null;
      window.CP_dateFormat = "MM/dd/yyyy";
      // Method mappings
      c.copyMonthNamesToWindow = CP_copyMonthNamesToWindow;
      c.setReturnFunction = CP_setReturnFunction;
      c.setReturnMonthFunction = CP_setReturnMonthFunction;
      c.setReturnQuarterFunction
      c.setReturnYearFunction = CP_setReturnYearFunction;
      c.setMonthNames = CP_setMonthNames;
      c.setMonthAbbreviations = CP_setMonthAbbreviations;
      c.setDayHeaders = CP_setDayHeaders;
      c.setWeekStartDay = CP_setWeekStartDay;
      c.setDisplayType = CP_setDisplayType;
      c.setDisabledWeekDays = CP_setDisabledWeekDays;
      c.addDisabledDates = CP_addDisabledDates;
      c.setYearSelectStartOffset
      c.setTodayText = CP_setTodayText;
      c.showYearNavigation = CP_showYearNavigation;
      c.showCalendar = CP_showCalendar;
      c.hideCalendar = CP_hideCalendar;
      c.getStyles = getCalendarStyles;
      c.refreshCalendar = CP_refreshCalendar;
      c.getCalendar = CP_getCalendar;
      c.select = CP_select;
      c.setCssPrefix = CP_setCssPrefix;
      c.showNavigationDropdowns = CP_showNavigationDropdowns
      c.showYearNavigationInput = CP_showYearNavigationInput
      c.copyMonthNamesToWindow()
      // Return the object
      return c;
      }
function CP_copyMonthNamesToWindow(
      // Copy these values over to the date.js
      if (typeof(window.MONTH_NAMES
           window.MONTH_NAMES = new Array();
           for (var i=0; i<this.monthNames.length; i++) {
                 window.MONTH_NAMES[window.
           }
           for (var i=0; i<this.monthAbbreviations.
                 window.MONTH_NAMES[window.
           }
      }
}
// Temporary default functions to be called when items clicked, so no error is thrown
function CP_tmpReturnFunction(y,m,d
      if (window.CP_targetInput!=nu
           var dt = new Date(y,m-1,d,0,0,0);
           if (window.CP_calendarObject!
           window.CP_targetInput.valu
           }
      else {
           alert('Use setReturnFunction() to define which function will get the clicked results!');
           }
      }
function CP_tmpReturnMonthFunction(
      alert('Use setReturnMonthFunction() to define which function will get the clicked results!\nYou clicked: year='+y+' , month='+m);
      }
function CP_tmpReturnQuarterFunctio
      alert('Use setReturnQuarterFunction()
      }
function CP_tmpReturnYearFunction(y
      alert('Use setReturnYearFunction() to define which function will get the clicked results!\nYou clicked: year='+y);
      }
// Set the name of the functions to call to get the clicked item
function CP_setReturnFunction(name)
function CP_setReturnMonthFunction(
function CP_setReturnQuarterFunctio
function CP_setReturnYearFunction(n
// Over-ride the built-in month names
function CP_setMonthNames() {
      for (var i=0; i<arguments.length; i++) { this.monthNames[i] = arguments[i]; }
      this.copyMonthNamesToWindo
      }
// Over-ride the built-in month abbreviations
function CP_setMonthAbbreviations()
      for (var i=0; i<arguments.length; i++) { this.monthAbbreviations[i]
      this.copyMonthNamesToWindo
      }
// Over-ride the built-in column headers for each day
function CP_setDayHeaders() {
      for (var i=0; i<arguments.length; i++) { this.dayHeaders[i] = arguments[i]; }
      }
// Set the day of the week (0-7) that the calendar display starts on
// This is for countries other than the US whose calendar displays start on Monday(1), for example
function CP_setWeekStartDay(day) { this.weekStartDay = day; }
// Show next/last year navigation links
function CP_showYearNavigation() { this.isShowYearNavigation = (arguments.length>0)?argum
// Which type of calendar to display
function CP_setDisplayType(type) {
      if (type!="date"&&type!="week
      this.displayType=type;
      }
// How many years back to start by default for year display
function CP_setYearSelectStartOffse
// Set which weekdays should not be clickable
function CP_setDisabledWeekDays() {
      this.disabledWeekDays = new Object();
      for (var i=0; i<arguments.length; i++) { this.disabledWeekDays[argu
      }
     Â
// Disable individual dates or ranges
// Builds an internal logical test which is run via eval() for efficiency
function CP_addDisabledDates(start,
      if (arguments.length==1) { end=start; }
      if (start==null && end==null) { return; }
      if (this.disabledDatesExpress
      if (start!=null) { start = parseDate(start); start=""+start.getFullYear
      if (end!=null) { end=parseDate(end); end=""+end.getFullYear()+L
      if (start==null) { this.disabledDatesExpressi
      else if (end  ==null) { this.disabledDatesExpressi
      else { this.disabledDatesExpressi
      }
     Â
// Set the text to use for the "Today" link
function CP_setTodayText(text) {
      this.todayText = text;
      }
// Set the prefix to be added to all CSS classes when writing output
function CP_setCssPrefix(val) {
      this.cssPrefix = val;
      }
// Show the navigation as an dropdowns that can be manually changed
function CP_showNavigationDropdowns
// Show the year navigation as an input box that can be manually changed
function CP_showYearNavigationInput
// Hide a calendar object
function CP_hideCalendar() {
      if (arguments.length > 0) { window.popupWindowObjects[
      else { this.hidePopup(); }
      }
// Refresh the contents of the calendar display
function CP_refreshCalendar(index) {
      var calObject = window.popupWindowObjects[
      if (arguments.length>1) {
           calObject.populate(calObje
           }
      else {
           calObject.populate(calObje
           }
      calObject.refresh();
      }
// Populate the calendar and display it
function CP_showCalendar(anchorname
      if (arguments.length>1) {
           if (arguments[1]==null||argum
                 this.currentDate=new Date();
                 }
           else {
                 this.currentDate=new Date(parseDate(arguments[1
                 }
           }
      this.populate(this.getCale
      this.showPopup(anchorname)
      }
// Simple method to interface popup calendar with a text-entry box
function CP_select(inputobj, linkname, format) {
      var selectedDate=(arguments.le
      if (!window.getDateFromFormat
           alert("calendar.select: To use this method you must also include 'date.js' for date formatting");
           return;
           }
      if (this.displayType!="date"&
           alert("calendar.select: This function can only be used with displayType 'date' or 'week-end'");
           return;
           }
      if (inputobj.type!="text" && inputobj.type!="hidden" && inputobj.type!="textarea")
           alert("calendar.select: Input object passed is not a valid form input object");
           window.CP_targetInput=null
           return;
           }
      if (inputobj.disabled) { return; } // Can't use calendar input on disabled form input!
      window.CP_targetInput = inputobj;
      window.CP_calendarObject = this;
      this.currentDate=null;
      var time=0;
      if (selectedDate!=null) {
           time = getDateFromFormat(selected
           }
      else if (inputobj.value!="") {
           time = getDateFromFormat(inputobj
           }
      if (selectedDate!=null || inputobj.value!="") {
           if (time==0) { this.currentDate=null; }
           else { this.currentDate=new Date(time); }
           }
      window.CP_dateFormat = format;
      this.showCalendar(linkname
      }
     Â
// Get style block needed to display the calendar correctly
function getCalendarStyles() {
      var result = "";
      var p = "";
      if (this!=null && typeof(this.cssPrefix)!="u
      result += "<STYLE>\n";
      result += "."+p+"cpYearNavigation,."
      result += "."+p+"cpDayColumnHeader, ."+p+"cpYearNavigation,."+
      result += "TD."+p+"cpDayColumnHeader
      result += "."+p+"cpCurrentMonthDate,
      result += "."+p+"cpCurrentMonthDateD
      result += "."+p+"cpCurrentMonthDate,
      result += "."+p+"cpOtherMonthDate { color:#808080; }\n";
      result += "TD."+p+"cpCurrentDate { color:white; background-color: #C0C0C0; border-width:1px; border:solid thin #800000; }\n";
      result += "TD."+p+"cpCurrentDateDisa
      result += "TD."+p+"cpTodayText, TD."+p+"cpTodayTextDisable
      result += "A."+p+"cpTodayText, SPAN."+p+"cpTodayTextDisab
      result += "A."+p+"cpTodayText { color:black; }\n";
      result += "."+p+"cpTodayTextDisabled
      result += "."+p+"cpBorder { border:solid thin #808080; }\n";
      result += "</STYLE>\n";
      return result;
      }
// Return a string containing all the calendar code to be displayed
function CP_getCalendar() {
      var now = new Date();
      // Reference to window
      if (this.type == "WINDOW") { var windowref = "window.opener."; }
      else { var windowref = ""; }
      var result = "";
      // If POPUP, write entire HTML document
      if (this.type == "WINDOW") {
           result += "<HTML><HEAD><TITLE>Calend
           result += '<CENTER><TABLE WIDTH=100% BORDER=0 BORDERWIDTH=0 CELLSPACING=0 CELLPADDING=0>\n';
           }
      else {
           result += '<TABLE CLASS="'+this.cssPrefix+'c
           result += '<TR><TD ALIGN=CENTER>\n';
           result += '<CENTER>\n';
           }
      // Code for DATE display (default)
      // --------------------------
      if (this.displayType=="date" || this.displayType=="week-en
           if (this.currentDate==null) { this.currentDate = now; }
           if (arguments.length > 0) { var month = arguments[0]; }
                 else { var month = this.currentDate.getMonth(
           if (arguments.length > 1 && arguments[1]>0 && arguments[1]-0==arguments[
                 else { var year = this.currentDate.getFullYe
           var daysinmonth= new Array(0,31,28,31,30,31,30,
           if ( ( (year%4 == 0)&&(year%100 != 0) ) || (year%400 == 0) ) {
                 daysinmonth[2] = 29;
                 }
           var current_month = new Date(year,month-1,1);
           var display_year = year;
           var display_month = month;
           var display_date = 1;
           var weekday= current_month.getDay();
           var offset = 0;
          Â
           offset = (weekday >= this.weekStartDay) ? weekday-this.weekStartDay : 7-this.weekStartDay+weekda
           if (offset > 0) {
                 display_month--;
                 if (display_month < 1) { display_month = 12; display_year--; }
                 display_date = daysinmonth[display_month]
                 }
           var next_month = month+1;
           var next_month_year = year;
           if (next_month > 12) { next_month=1; next_month_year++; }
           var last_month = month-1;
           var last_month_year = year;
           if (last_month < 1) { last_month=12; last_month_year--; }
           var date_class;
           if (this.type!="WINDOW") {
                 result += "<TABLE WIDTH=144 BORDER=0 BORDERWIDTH=0 CELLSPACING=0 CELLPADDING=0>";
                 }
           result += '<TR>\n';
           var refresh = windowref+'CP_refreshCalen
           var refreshLink = 'javascript:' + refresh;
           if (this.isShowNavigationDrop
                 result += '<TD CLASS="'+this.cssPrefix+'c
                 for( var monthCounter=1; monthCounter<=12; monthCounter++ ) {
                      var selected = (monthCounter==month) ? 'SELECTED' : '';
                      result += '<option value="'+monthCounter+'" '+selected+'>'+this.monthN
                      }
                 result += '</select></TD>';
                 result += '<TD CLASS="'+this.cssPrefix+'c
                 result += '<TD CLASS="'+this.cssPrefix+'c
                 for( var yearCounter=year-this.year
                      var selected = (yearCounter==year) ? 'SELECTED' : '';
                      result += '<option value="'+yearCounter+'" '+selected+'>'+yearCounter
                      }
                 result += '</select></TD>';
                 }
           else {
                 if (this.isShowYearNavigation
                      result += '<TD CLASS="'+this.cssPrefix+'c
                      result += '<TD CLASS="'+this.cssPrefix+'c
                      result += '<TD CLASS="'+this.cssPrefix+'c
                      result += '<TD CLASS="'+this.cssPrefix+'c
                      result += '<TD CLASS="'+this.cssPrefix+'c
                      if (this.isShowYearNavigation
                            result += '<TD CLASS="'+this.cssPrefix+'c
                            }
                      else {
                            result += '<TD CLASS="'+this.cssPrefix+'c
                            }
                      result += '<TD CLASS="'+this.cssPrefix+'c
                      }
                 else {
                      result += '<TD CLASS="'+this.cssPrefix+'c
                      result += '<TD CLASS="'+this.cssPrefix+'c
                      result += '<TD CLASS="'+this.cssPrefix+'c
                      }
                 }
           result += '</TR></TABLE>\n';
           result += '<TABLE WIDTH=120 BORDER=0 CELLSPACING=0 CELLPADDING=1 ALIGN=CENTER>\n';
           result += '<TR>\n';
           for (var j=0; j<7; j++) {
                 result += '<TD CLASS="'+this.cssPrefix+'c
                 }
           result += '</TR>\n';
           for (var row=1; row<=6; row++) {
                 result += '<TR>\n';
                 for (var col=1; col<=7; col++) {
                      var disabled=false;
                      if (this.disabledDatesExpress
                            var ds=""+display_year+LZ(disp
                            eval("disabled=("+this.dis
                            }
                      var dateClass = "";
                      if ((display_month == this.currentDate.getMonth(
                            dateClass = "cpCurrentDate";
                            }
                      else if (display_month == month) {
                            dateClass = "cpCurrentMonthDate";
                            }
                      else {
                            dateClass = "cpOtherMonthDate";
                            }
                      if (disabled || this.disabledWeekDays[col-
                            result += '      <TD CLASS="'+this.cssPrefix+da
                            }
                      else {
                            var selected_date = display_date;
                            var selected_month = display_month;
                            var selected_year = display_year;
                            if (this.displayType=="week-e
                                 var d = new Date(selected_year,selecte
                                 d.setDate(d.getDate() + (7-col));
                                 selected_year = d.getYear();
                                 if (selected_year < 1000) { selected_year += 1900; }
                                 selected_month = d.getMonth()+1;
                                 selected_date = d.getDate();
                                 }
                            result += '      <TD CLASS="'+this.cssPrefix+da
                            }
                      display_date++;
                      if (display_date > daysinmonth[display_month]
                            display_date=1;
                            display_month++;
                            }
                      if (display_month > 12) {
                            display_month=1;
                            display_year++;
                            }
                      }
                 result += '</TR>';
                 }
           var current_weekday = now.getDay() - this.weekStartDay;
           if (current_weekday < 0) {
                 current_weekday += 7;
                 }
           result += '<TR>\n';
           result += '      <TD COLSPAN=7 ALIGN=CENTER CLASS="'+this.cssPrefix+'c
           if (this.disabledDatesExpress
                 var ds=""+now.getFullYear()+LZ
                 eval("disabled=("+this.dis
                 }
           if (disabled || this.disabledWeekDays[curr
                 result += '            <SPAN CLASS="'+this.cssPrefix+'c
                 }
           else {
                 result += '            <A CLASS="'+this.cssPrefix+'c
                 }
           result += '            <BR>\n';
           result += '      </TD></TR></TABLE></CENTER
      }
      // Code common for MONTH, QUARTER, YEAR
      // --------------------------
      if (this.displayType=="month"
           if (arguments.length > 0) { var year = arguments[0]; }
           else {
                 if (this.displayType=="year")
                 else { var year = now.getFullYear(); }
                 }
           if (this.displayType!="year" && this.isShowYearNavigation)
                 result += "<TABLE WIDTH=144 BORDER=0 BORDERWIDTH=0 CELLSPACING=0 CELLPADDING=0>";
                 result += '<TR>\n';
                 result += '      <TD CLASS="'+this.cssPrefix+'c
                 result += '      <TD CLASS="'+this.cssPrefix+'c
                 result += '      <TD CLASS="'+this.cssPrefix+'c
                 result += '</TR></TABLE>\n';
                 }
           }
          Â
      // Code for MONTH display
      // ----------------------
      if (this.displayType=="month"
           // If POPUP, write entire HTML document
           result += '<TABLE WIDTH=120 BORDER=0 CELLSPACING=1 CELLPADDING=0 ALIGN=CENTER>\n';
           for (var i=0; i<4; i++) {
                 result += '<TR>';
                 for (var j=0; j<3; j++) {
                      var monthindex = ((i*3)+j);
                      result += '<TD WIDTH=33% ALIGN=CENTER><A CLASS="'+this.cssPrefix+'c
                      }
                 result += '</TR>';
                 }
           result += '</TABLE></CENTER></TD></T
           }
     Â
      // Code for QUARTER display
      // ------------------------
      if (this.displayType=="quarte
           result += '<BR><TABLE WIDTH=120 BORDER=1 CELLSPACING=0 CELLPADDING=0 ALIGN=CENTER>\n';
           for (var i=0; i<2; i++) {
                 result += '<TR>';
                 for (var j=0; j<2; j++) {
                      var quarter = ((i*2)+j+1);
                      result += '<TD WIDTH=50% ALIGN=CENTER><BR><A CLASS="'+this.cssPrefix+'c
                      }
                 result += '</TR>';
                 }
           result += '</TABLE></CENTER></TD></T
           }
      // Code for YEAR display
      // ---------------------
      if (this.displayType=="year")
           var yearColumnSize = 4;
           result += "<TABLE WIDTH=144 BORDER=0 BORDERWIDTH=0 CELLSPACING=0 CELLPADDING=0>";
           result += '<TR>\n';
           result += '      <TD CLASS="'+this.cssPrefix+'c
           result += '      <TD CLASS="'+this.cssPrefix+'c
           result += '</TR></TABLE>\n';
           result += '<TABLE WIDTH=120 BORDER=0 CELLSPACING=1 CELLPADDING=0 ALIGN=CENTER>\n';
           for (var i=0; i<yearColumnSize; i++) {
                 for (var j=0; j<2; j++) {
                      var currentyear = year+(j*yearColumnSize)+i;
                      result += '<TD WIDTH=50% ALIGN=CENTER><A CLASS="'+this.cssPrefix+'c
                      }
                 result += '</TR>';
                 }
           result += '</TABLE></CENTER></TD></T
           }
      // Common
      if (this.type == "WINDOW") {
           result += "</BODY></HTML>\n";
           }
      return result;
      }
--------------------------
here is my asp/html
<!-- METADATA TYPE="typelib"
       FILE="C:\Program Files\Common Files\System\ado\msado15.d
<!-- #include file="connectionstring.asp
<HTML>
<HEAD>
      <TITLE>JavaScript Toolbox - Calendar Popup To Select Date</TITLE>
<SCRIPT LANGUAGE="JavaScript" SRC="CalendarPopup.js"></S
<!-- These styles are here only as an example of how you can over-ride the default
   styles that are included in the script itself. -->
<STYLE>
      .TESTcpYearNavigation,
      .TESTcpMonthNavigation
                 {
                 background-color:#6677DD;
                 text-align:center;
                 vertical-align:center;
                 text-decoration:none;
                 color:#FFFFFF;
                 font-weight:bold;
                 }
      .TESTcpDayColumnHeader,
      .TESTcpYearNavigation,
      .TESTcpMonthNavigation,
      .TESTcpCurrentMonthDate,
      .TESTcpCurrentMonthDateDis
      .TESTcpOtherMonthDate,
      .TESTcpOtherMonthDateDisab
      .TESTcpCurrentDate,
      .TESTcpCurrentDateDisabled
      .TESTcpTodayText,
      .TESTcpTodayTextDisabled,
      .TESTcpText
                 {
                 font-family:arial;
                 font-size:8pt;
                 }
      TD.TESTcpDayColumnHeader
                 {
                 text-align:right;
                 border:solid thin #6677DD;
                 border-width:0 0 1 0;
                 }
      .TESTcpCurrentMonthDate,
      .TESTcpOtherMonthDate,
      .TESTcpCurrentDate
                 {
                 text-align:right;
                 text-decoration:none;
                 }
      .TESTcpCurrentMonthDateDis
      .TESTcpOtherMonthDateDisab
      .TESTcpCurrentDateDisabled
                 {
                 color:#D0D0D0;
                 text-align:right;
                 text-decoration:line-throu
                 }
      .TESTcpCurrentMonthDate
                 {
                 color:#6677DD;
                 font-weight:bold;
                 }
      .TESTcpCurrentDate
                 {
                 color: #FFFFFF;
                 font-weight:bold;
                 }
      .TESTcpOtherMonthDate
                 {
                 color:#808080;
                 }
      TD.TESTcpCurrentDate
                 {
                 color:#FFFFFF;
                 background-color: #6677DD;
                 border-width:1;
                 border:solid thin #000000;
                 }
      TD.TESTcpCurrentDateDisabl
                 {
                 border-width:1;
                 border:solid thin #FFAAAA;
                 }
      TD.TESTcpTodayText,
      TD.TESTcpTodayTextDisabled
                 {
                 border:solid thin #6677DD;
                 border-width:1 0 0 0;
                 }
      A.TESTcpTodayText,
      SPAN.TESTcpTodayTextDisabl
                 {
                 height:20px;
                 }
      A.TESTcpTodayText
                 {
                 color:#6677DD;
                 font-weight:bold;
                 }
      SPAN.TESTcpTodayTextDisabl
                 {
                 color:#D0D0D0;
                 }
      .TESTcpBorder
                 {
                 border:solid thin #6677DD;
                 }
</STYLE>
</HEAD>
<body>
<%
      Set cnStr = Server.CreateObject("ADODB
      Set Rs = Server.CreateObject("ADODB
      ' defining database connection (conncetionstring.asp)
cnStr.ConnectionString = path
cnStr.Provider = provider
cnStr.open
 Â
  intID = request.QueryString("ID")
  intID2 = request.QueryString("ID")
  SQL1 = "Select Expiration_Date FROM NationalAccountList WHERE ID =" & intID Â
      Rs.Open SQL1, cnStr,0,1
     Â
Expiration_Date = rs.Fields("Expiration_Date
%>
<FORM>
<!-- ==========================
--><HR>
Default calendar.<BR>
<SCRIPT LANGUAGE="JavaScript" ID="js1">
var cal1 = new CalendarPopup();
</SCRIPT>
<SCRIPT LANGUAGE="JavaScript">writ
<INPUT TYPE="text" NAME="date1" VALUE="<%=Expiration_Date%
<A HREF="#" onClick="cal1.select(docum
false;" TITLE="cal1.select(documen
NAME="anchor1" ID="anchor1">select</A>
<!-- ==========================
-->
</form>
</body>
</html>
just a heads up very new to javascript...
Your function is taking the date from the textbox. What is the format you are trying?
yes, what ever date you select in the calendar, that date gets populated in the text box(for the date field)
i think its mm/dd/yyyy  format.
You look here and see what you want
http://www.mattkruse.com/javascript/calendarpopup/
i think its mm/dd/yyyy  format.
You look here and see what you want
http://www.mattkruse.com/javascript/calendarpopup/
ASKER
thanks everybody for the help but i used this script at this site and got it to work here is the link for future
http://www.softcomplex.com/products/tigra_calendar/
http://www.softcomplex.com/products/tigra_calendar/
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
<HTML>
<HEAD>
   <TITLE>JavaScript Toolbox - Calendar Popup To Select Date</TITLE>
   <SCRIPT LANGUAGE="JavaScript">
   // ==========================
// Author: Matt Kruse <matt@mattkruse.com>
// WWW: http://www.mattkruse.com/
//
// NOTICE: You may use this code for any purpose, commercial or
// private, without any further permission from the author. You may
// remove this notice from your final code if you wish, however it is
// appreciated by the author if at least my web site address is kept.
//
// You may *NOT* re-distribute this code in any way except through its
// use. That means, you can include it in your product, or your web
// site, or any other form where the code is actually being used. You
// may not put the plain javascript up on your site for download or
// include it in your javascript libraries for download.
// If you wish to share this code with others, please just point them
// to the URL instead.
// Please DO NOT link directly to my .js files from your site. Copy
// the files to your server and use them there. Thank you.
// ==========================
/* SOURCE FILE: AnchorPosition.js */
function getAnchorPosition(anchorna
function getAnchorWindowPosition(an
function AnchorPosition_getPageOffs
function AnchorPosition_getWindowOf
function AnchorPosition_getPageOffs
function AnchorPosition_getWindowOf
/* SOURCE FILE: date.js */
var MONTH_NAMES=new Array('January','February'
function LZ(x){return(x<0||x>9?"":"
function isDate(val,format){var date=getDateFromFormat(val
function compareDates(date1,datefor
function formatDate(date,format){fo
function _isInteger(val){var digits="1234567890";for(va
function _getInt(str,i,minlength,ma
function getDateFromFormat(val,form
function parseDate(val){var preferEuro=(arguments.leng
/* SOURCE FILE: PopupWindow.js */
function PopupWindow_getXYPosition(
function PopupWindow_setSize(width,
function PopupWindow_populate(conte
function PopupWindow_setUrl(url){th
function PopupWindow_setWindowPrope
function PopupWindow_refresh(){if(t
function PopupWindow_showPopup(anch
function PopupWindow_hidePopup(){if
function PopupWindow_isClicked(e){i
function PopupWindow_hideIfNotClick
function PopupWindow_autoHide(){thi
function PopupWindow_hidePopupWindo
function PopupWindow_attachListener
function PopupWindow(){if(!window.p
/* SOURCE FILE: CalendarPopup.js */
function CalendarPopup(){var c;if(arguments.length>0){c
function CP_copyMonthNamesToWindow(
function CP_tmpReturnFunction(y,m,d
function CP_tmpReturnMonthFunction(
function CP_tmpReturnQuarterFunctio
function CP_tmpReturnYearFunction(y
function CP_setReturnFunction(name)
function CP_setReturnMonthFunction(
function CP_setReturnQuarterFunctio
function CP_setReturnYearFunction(n
function CP_setMonthNames(){for(var
function CP_setMonthAbbreviations()
function CP_setDayHeaders(){for(var
function CP_setWeekStartDay(day){th
function CP_showYearNavigation(){th
function CP_setDisplayType(type){if
function CP_setYearSelectStartOffse
function CP_setDisabledWeekDays(){t
function CP_addDisabledDates(start,
function CP_setTodayText(text){this
function CP_setCssPrefix(val){this.
function CP_showNavigationDropdowns
function CP_showYearNavigationInput
function CP_hideCalendar(){if(argum
function CP_refreshCalendar(index){
function CP_showCalendar(anchorname
function CP_select(inputobj, linkname, format){var selectedDate=(arguments.le
function getCalendarStyles(){var result = "";var p = "";if(this!=null &&Â typeof(this.cssPrefix)!="u
function CP_getCalendar(){var now = new Date();if(this.type == "WINDOW"){var windowref = "window.opener.";}else{var
document.write(getCalendar
var cal = new CalendarPopup("testdiv1");
cal.addDisabledDates(forma
</SCRIPT>
</HEAD>
<BODY>
<FORM NAME="example">
(View Source of this page to see the example code)<br>
<INPUT TYPE="text" NAME="date1" VALUE="" SIZE=25>
<A HREF="#"
  onClick="cal.select(docume
  NAME="anchor1" ID="anchor1">select</A>
</FORM>
<DIV ID="testdiv1" STYLE="position:absolute;v
</BODY>
</HTML>