var OneDay = 86400000
var OneMonth = (OneDay * 30)
var CurrentDate = new Date()
varCurrentMonth = ""
varMonth = new Array(12)
varMonth[1] = "Ocak"
varMonth[2] = "Şuba" 
varMonth[3] = "Mart" 
varMonth[4] = "Nisan" 
varMonth[5] = "Mayıs" 
varMonth[6] = "Haziran" 
varMonth[7] = "Temmuz" 
varMonth[8] = "Ağustos" 
varMonth[9] = "Eylül" 
varMonth[10] = "Ekim" 
varMonth[11] = "Kasım" 
varMonth[12] = "Aralık" 
varActiveTBox = ""
varTop = "100"
varLeft = "100"


function DatePicker(TheDate,e,top,left)
{
varActiveTBox = e
varTop = top
varLeft = left
var myDate = new Date(TheDate)
var RefDate = new Date(TheDate)
varDays = RefDate.getTime() - (OneDay * (RefDate.getDate()-1))
RefDate.setTime(varDays)
varDays = RefDate.getTime() - (OneDay * (RefDate.getDay()))
RefDate.setTime(varDays)
var MnthDate = new Date(TheDate)
varDays = RefDate.getTime() + (OneDay * 15)
MnthDate.setTime(varDays)
varCurrentMonth = varMonth[MnthDate.getMonth()+1] + " " + MnthDate.getYear()
CurrentDate = TheDate
ShowCalendar(RefDate, myDate);
}

function Prev()
{
var pDate = new Date(CurrentDate);
varpDays = pDate.getTime() - OneMonth;
pDate.setTime(varpDays);
DatePicker(pDate,varActiveTBox,varTop,varLeft);
}

function Next()
{
var nDate = new Date(CurrentDate);
varnDays = nDate.getTime() + OneMonth;
nDate.setTime(varnDays);
DatePicker(nDate,varActiveTBox,varTop,varLeft);
}
function Kapat()
{
   calendar.innerHTML=""
}

function ShowCalendar(theDate, tcDate){
calendar.innerHTML = "";
var DateLoop = new Date(theDate);
var varCal ="<table width=200 border='0' cellspacing='2' cellpadding='1' class='calendar' style='left: " + varLeft + "px; TOP: " + varTop + "px'>";
varCal += "<tr><td align=left ><input onClick=Kapat() type=button value=X style='font-family: Verdana; font-size: 8pt; font-weight: bold'></td>";
varCal += "<td onClick=Prev() ><input onClick=Prev() type=button value='<' style='font-family: Verdana; font-size: 8pt; font-weight: bold' ></td>";
varCal += "<td colspan='3' align='center' >" + varCurrentMonth  +"</td>";
varCal += "<td onClick=Next() ><input onClick=Next() type=button value='>' style='font-family: Verdana; font-size: 8pt; font-weight: bold'></td>";
varCal += "<td align=right ><input onClick=Kapat() type=button value=X style='font-family: Verdana; font-size: 8pt; font-weight: bold'></td></tr>";
varCal +="<tr><td><font size=1>P</font></td>"
varCal +="<td><font size=1>Pt</font></td>"
varCal +="<td><font size=1>S</font></td>"
varCal +="<td><font size=1>Ç</font></td>"
varCal +="<td><font size=1>P</font></td>"
varCal +="<td><font size=1>C</font></td>"
varCal +="<td><font size=1>Ct</font></td></tr>"

for ( var r = 1; r <= 6; r++ ) {
	varCal += "<tr>"
	
for ( var c = 1; c <= 7; c++ ) {
	varCal += "<td align='right' onClick=ShowDate('"
	gun = DateLoop.getDate()
	ay = (DateLoop.getMonth()+1)
	yil = DateLoop.getYear()
	if (gun<10) gun = '0' + gun
	if (ay<10) ay = '0' + ay

	varCal +=  gun + "-" + ay + "-" + yil
	if (
tcDate.getMonth()==DateLoop.getMonth())
		{ varCal += "') class='calday'><b><font color=#000000>" + DateLoop.getDate() + "</font></b></td>";}
	else
		{ varCal += "') class='calday'><i>" + DateLoop.getDate() + "</i></td>";}
	varDays = DateLoop.getTime() + OneDay;
	DateLoop.setTime(varDays);
	
}
varCal += "</tr>"
}
varCal += "</table>"
calendar.innerHTML = varCal
}

function ShowDate(theDate)
{
calendar.innerHTML = ""
varActiveTBox.value = theDate
}