function DatePicker(name) {
     this.name = name;
     this.dt = new Date();
     document.write('<div style="position:relative"><span id="' + name +
        '" style="z-index:1; position:absolute;visibility:hidden;"' +
        'class="DatePicker"></span></div>');
}

DatePicker.prototype.show = function(dtv, x, y) {
     dP = this;
     if (dtv.length == 10) {
	var aDt = new Array();
	var aDt = dtv.split(".");
	var dtt = null;
	aDt[0] = aDt[0].replace(/^0/i, "");
	aDt[1] = aDt[1].replace(/^0/i, "");
	if ( aDt && (aDt.length == 3) ) {
        	dtt = new Date(parseInt(aDt[2]),parseInt(aDt[1])-1,parseInt(aDt[0]));
	}
     }
     else dtt = new Date();
     if (dtv == '00.00.0000') dtt = new Date();
     if ( dtt ) this.dt = dtt;
     this.callback = function (dt) {
	     tmpMonth =(dt.getMonth() < 9)?'0'+(dt.getMonth()+1):(dt.getMonth()+1);
	     tmpDate =(dt.getDate() < 10)?'0'+dt.getDate():dt.getDate();
	     dP.client.value = tmpDate + "." + tmpMonth + "." + dt.getFullYear();
     } 
 
     // if not rendered yet, do so
     if ( !this.oSpan ) this.render();
 
     // set coordinates
     this.oSpan.style.left = x;
     this.oSpan.style.top= y;
 
     this.fill();
 
     this.oSpan.style.visibility = "visible";
     this.oMonth.focus();
}
 
DatePicker.prototype.hide = function() {
     if ( this.oSpan ) this.oSpan.style.visibility = "hidden";
}
 
DatePicker.prototype.render = function() {
     var oT1, oTR1, oTD1, oTH1;
     var oT2, oTR2, oTD2;
 
     this.oSpan = document.getElementById(this.name);
     this.oSpan.appendChild(oT1 = document.createElement("table"));
     oT1.border = 1;
     oT1.cellSpacing = 1;
     oT1.cellPadding = 1;
 
     oTR1 = oT1.insertRow(oT1.rows.length);
     oTD1 = oTR1.insertCell(oTR1.cells.length);
     oTD1.colSpan = 7;
     oTD1.className = 'DatePickerHdr';
 
     oT2 = document.createElement("table");
     oTD1.appendChild(oT2);
     oT2.border = 0;
 
     oTR2 = oT2.insertRow(oT2.rows.length);
    
     oTD2 = oTR2.insertCell(oTR2.cells.length);
     oTD2.title = this.texts.prevMonth;
     oTD2.onclick = function() { this.oDatePicker.onPrev(); }
     oTD2.oDatePicker = this;
     oTD2.innerHTML = "&laquo;";
     oTD2.className = 'DatePickerHdrBtn';
 
     oTD2 = oTR2.insertCell(oTR2.cells.length);
     this.oMonth = document.createElement("select");
     oTD2.appendChild(this.oMonth);
     this.oMonth.oDatePicker = this;
     this.oMonth.onchange = this.oMonth.onkeyup =
        function() { this.oDatePicker.onMonth(); }
     for ( var i = 0; i < 12; i++ ) {
        this.oMonth.add(new Option(this.texts.months[i], i),undefined);
     }
 
     this.oYear = oTR2.insertCell(oTR2.cells.length);
     this.oYear.title = this.texts.yearTitle;
     this.oYear.oDatePicker = this;
     this.oYear.onclick = function() { this.oDatePicker.onYear(); }
     this.oYear.className = 'DatePickerHdrBtn';
 
     oTD2 = oTR2.insertCell(oTR2.cells.length);
     oTD2.title = this.texts.nextMonth;
     oTD2.onclick = function() { this.oDatePicker.onNext(); }
     oTD2.oDatePicker = this;
     oTD2.innerHTML = "&raquo;";
     oTD2.className = 'DatePickerHdrBtn';
 
     oTR1 = oT1.insertRow(oT1.rows.length);
     for ( i = 0; i < 7; i++ ) {
        oTH1 = document.createElement("th");
        oTR1.appendChild(oTH1);
        oTH1.innerHTML = this.texts.days[i];
        oTH1.className = 'DatePicker';
     }
 
     this.aCells = new Array;
     for ( var j = 0; j < 6; j++ ) {
        this.aCells.push(new Array);
        oTR1 = oT1.insertRow(oT1.rows.length);
        for ( i = 0; i < 7; i++ ) {
           this.aCells[j][i] = oTR1.insertCell(oTR1.cells.length);
           this.aCells[j][i].oDatePicker = this;
           this.aCells[j][i].onclick =
              function() { this.oDatePicker.onDay(this); }
        }
     }
}
 
DatePicker.prototype.fill = function() {
     // first clear all
     this.clear();
 
     // place the dates in the calendar
     var nRow = 0;
     var d = new Date(this.dt.getTime());
     var m = d.getMonth();
     for ( d.setDate(1); d.getMonth() == m; d.setTime(d.getTime() + 86400000) ) {
        var nCol = d.getDay();
        this.aCells[nRow][nCol].innerHTML = d.getDate();
 
        if ( d.getDate() == this.dt.getDate() ) {
           this.aCells[nRow][nCol].className = 'DatePickerBtnSelect';
        }
        if ( nCol == 6 ) nRow++;
     }
 
     // set the month combo
     this.oMonth.value = m;
 
     // set the year text
     this.oYear.innerHTML = this.dt.getFullYear();
}
 
DatePicker.prototype.clear = function() {
     for ( var j = 0; j < 6; j++ )
        for ( var i = 0; i < 7; i++ ) {
           this.aCells[j][i].innerHTML = " "
           this.aCells[j][i].className = 'DatePickerBtn';
        }
}


DatePicker.prototype.onPrev = function() {
     if ( this.dt.getMonth() == 0 ) {
        this.dt.setFullYear(this.dt.getFullYear() - 1);
        this.dt.setMonth(11);
     } else {
        this.dt.setMonth(this.dt.getMonth() - 1);
     }
     this.fill();
}
 
DatePicker.prototype.onNext = function() {
     if ( this.dt.getMonth() == 11 ) {
        this.dt.setFullYear(this.dt.getFullYear() + 1);
        this.dt.setMonth(0);
     } else {
        this.dt.setMonth(this.dt.getMonth() + 1);
     }
     this.fill();
}
 
DatePicker.prototype.onMonth = function() {
     this.dt.setMonth(this.oMonth.value);
     this.fill();
}
 
DatePicker.prototype.onYear = function() {
     var y = parseInt(prompt(this.texts.yearQuestion, this.dt.getFullYear()));
     if ( !isNaN(y) ) {
        this.dt.setFullYear(parseInt(y));
        this.fill();
     }
}
 
DatePicker.prototype.onDay = function(oCell) {
     var d = parseInt(oCell.innerHTML);
     if ( d > 0 )
     {
        this.dt.setDate(d);
        this.hide();
        this.callback(this.dt);
     }
}

/* 
DatePicker.prototype.texts = {
     months: [
        "January", "February", "March",
        "April", "May", "June",
        "July", "August", "September",
        "October", "November", "December"
     ],
     days: ["S", "M", "T", "W", "T", "F", "S"],
     prevMonth: "Previous Month",
     nextMonth: "Next Month",
     yearTitle: "Year. Click to modify.",
     yearQuestion: "Enter a new year:"
};
*/

DatePicker.prototype.texts = {
     months: [
        "Styczeń", "Luty", "Marzec",
        "Kwiecień", "Maj", "Czerwiec",
        "Lipiec", "Sierpień", "Wrzesień",
        "Październik", "Listopad", "Grudzień"
     ],
     days: ["Nd", "Pn", "Wt", "Sr", "Cz", "Pi", "So"],
     prevMonth: "Poprzedni miesiąc",
     nextMonth: "Następny miesiąc",
     yearTitle: "Rok. Kliknij by zmienić.",
     yearQuestion: "Podaj nowy rok:"
};


function getOffsetTop(elm) {
	return 0;
	
	var mOffsetTop = elm.offsetTop;
	var mOffsetParent = elm.offsetParent;
	
	while(mOffsetParent){
		mOffsetTop += mOffsetParent.offsetTop;
		mOffsetParent = mOffsetParent.offsetParent;
	}
	
	return mOffsetTop;
}

function getOffsetLeft(elm) {
return 0;
	var mOffsetLeft = elm.offsetLeft;
	var mOffsetParent = elm.offsetParent;
	
	while(mOffsetParent) {
		mOffsetLeft += mOffsetParent.offsetLeft;
		mOffsetParent = mOffsetParent.offsetParent;
	}
	
	return mOffsetLeft;
}