
<html>
<head>
	<title>ZEIT Web-SgS</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" >

 <style="position:absolute; visibility:show; left:50%; top:50%; ">
</style>

<script language="JavaScript">

function setDate(str) {

if (str == " ") {
return;
}

mnth1 = document.forms[0].month.value;
mnth = mnth1;
mnth++;
year = document.forms[0].year.value;
dateStr = mnth+"/"+str+"/"+year;

dateStr = trim(dateStr);

document.forms[1].dateField.value = dateStr;


}//setDate()

/**
* The function removes spaces from the selected date.
*/

function trim(str) {

res="";

for(var i=0; i< str.length; i++) {
if (str.charAt(i) != " ") {
res +=str.charAt(i);
}
}

return res;

}//trim()

/**
* The method to get the Month name given the Month number of the year.
*/

function getMonthName(mnth) {

if (mnth == 0) {
name = "Январь";
}else if(mnth==1) {
name = "Февраль";
}else if(mnth==2) {
name = "Март";
}else if(mnth==3) {
name = "Апрель";
}else if(mnth==4) {
name = "Май";
} else if(mnth==5) {
name = "Июнь";
} else if(mnth==6) {
name = "Июль";
} else if(mnth==7) {
name = "Август";
} else if(mnth==8) {
name = "Сентябрь";
} else if(mnth==9) {
name = "Октябрь";
} else if(mnth==10) {
name = "Ноябрь";
} else if(mnth==11) {
name = "Декабрь";
}

return name;

}//getMonthName()

/**
* Get the number of days in the month based on the year.
*/

function getNoOfDaysInMnth(mnth,yr) {

rem = yr % 4;

if(rem ==0) {
leap = 1;
} else {
leap = 0;
}

noDays=0;

if ( (mnth == 1) || (mnth == 3) || (mnth == 5) ||
(mnth == 7) || (mnth == 8) || (mnth == 10) ||
(mnth == 12)) {
noDays=31;
} else if (mnth == 2) {
noDays=28+leap;
} else {
noDays=30;
}

//alert(noDays);
return noDays;


}//getNoOfDaysInMnth()

/**
* The function to reset the date values in the buttons of the 
* slots.
*/

function fillDates(dayOfWeek1,noOfDaysInmnth) {

for(var i=1; i<43; i++) {
str = "s"+i;
document.forms[0].elements[str].value=" ";
}


startSlotIndx = dayOfWeek1;
slotIndx = startSlotIndx;

for(var i=1; i<(noOfDaysInmnth+1); i++) {
slotName = "s"+slotIndx;

val="";
if (i<10) {
val = " "+i+" ";
} else {
val = i;
}

document.forms[0].elements[slotName].value = val;
slotIndx++;
}

}//fillDates()


/**
* The function that is called at the time of loading the page.
* This function displays Today's date and also displays the 
* the calendar of the current month.
*/

function thisMonth() {

dt = new Date();
mnth = dt.getMonth(); /* 0-11*/
dayOfMnth = dt.getDate(); /* 1-31*/
dayOfWeek = dt.getDay(); /*0-6*/
yr = dt.getFullYear(); /*4-digit year*/

//alert("month:"+(mnth+1)+":dayofMnth:"+dayOfMnth+":dayofweek:"+dayOfWeek+":year:"+yr);

mnthName = getMonthName(mnth)+ " ";
document.forms[0].month.value = mnth;
document.forms[0].year.value = yr;
document.forms[0].currMonth.value = mnth;
document.forms[0].currYear.value = yr;

document.forms[0].monthYear.value = mnthName+yr;
document.forms[1].dateField.value = (mnth+1)+"/"+dayOfMnth+"/"+yr;

startStr = (mnth+1)+"/1/"+yr;
dt1 = new Date(startStr);
dayOfWeek1 = dt1.getDay(); /*0-6*/

noOfDaysInMnth = getNoOfDaysInMnth(mnth+1,yr);
fillDates(dayOfWeek1+1,noOfDaysInMnth);


}//thisMonth()

/**
* The function that will be used to display the calendar of the next month.
*/

function nextMonth() {

var currMnth = document.forms[0].month.value;
currYr = document.forms[0].year.value;

if (currMnth == "11") {
nextMnth = 0;
nextYr = currYr;
nextYr++;
} else {
nextMnth=currMnth;
nextMnth++;
nextYr = currYr;
}

mnthName = getMonthName(nextMnth);
document.forms[0].month.value=nextMnth;
document.forms[0].year.value=nextYr;
document.forms[0].monthYear.value= mnthName+" "+nextYr;

str = (nextMnth+1)+"/1/"+nextYr;
dt = new Date(str);
dayOfWeek = dt.getDay();

noOfDays = getNoOfDaysInMnth(nextMnth+1,nextYr);

fillDates(dayOfWeek+1,noOfDays);


}//nextMonth()

/**
* The method to display the calendar of the previous month.
*/

function prevMonth() {

var currMnth = document.forms[0].month.value;
currYr = document.forms[0].year.value;

if (currMnth == "0") {
prevMnth = 11;
prevYr = currYr;
prevYr--;
} else {
prevMnth=currMnth;
prevMnth--;
prevYr = currYr;
}

str = (prevMnth+1)+"/1/"+prevYr;
dt = new Date(str);
dayOfWeek = dt.getDay();

/***********************************************
* Remove the comment if do not want the user to 
* go to any previous month than this current month.
***********************************************/

/*

runningMonth = document.forms[0].currMonth.value;
rMonth=runningMonth;
rMonth++;
runningYear = document.forms[0].currYear.value;
rYear=runningYear;

str = (rMonth)+"/1/"+rYear;
dt1 = new Date(str);

if (dt.valueOf() < dt1.valueOf()) {
alert('Cannot Go Before Current Month');
return;
}

*/

/**************************************************
* End of comment
**************************************************/

mnthName = getMonthName(prevMnth);
document.forms[0].month.value=prevMnth;
document.forms[0].year.value=prevYr;
document.forms[0].monthYear.value= mnthName+" "+prevYr;

noOfDays = getNoOfDaysInMnth(prevMnth+1,prevYr);
fillDates(dayOfWeek+1,noOfDays);

}//prevMonth()

</script>


 
</head>


<body  bgcolor="#000000" text="darkviolet" link="#0000ff" vlink="#FF0000" onload="thisMonth()" >

<center><TR>
			<TD>
			<TABLE WIDTH=400 HEIGHT=360 BGCOLOR="#888888" CELLSPACING=0 CELLPADDING=1 BORDER=1>
			<TR>
				<TD VALIGN=top bgcolor="#000000" height="21">
                <font face="Broadway" color="#696969">&nbsp;Script</font>
				</TD>
			</TR>
		<TR>
				<TD VALIGN=top height="248">
				<TABLE WIDTH=100% CELLSPACING=0 CELLPADDING=10 BORDER=0 height="245">
				<TR>
					<TD VALIGN=top HEIGHT=225>
                  				<TABLE WIDTH=100% CELLSPACING=0 CELLPADDING=0 BORDER=0>
					<TR>
						<TD WIDTH=99% VALIGN=top>

<!-- Скрипт начинается ЗДЕСЬ: --> 
 <CENTER>
<table border=1 bgcolor="#BAA0A0" align=center>
<tr>
<td>
<form>
<!-- Hidden fields --->

<input type=hidden name=month value="">
<input type=hidden name=year value="">
<input type=hidden name=currMonth value="">
<input type=hidden name=currYear value="">


<!-- End of Hidden fields --->

<p>
<input type="button" name="prev" onclick="prevMonth()" 
value="<<">
<input type="text" size="15" name="monthYear" 
value="">
<input type="button" name="next" onclick="nextMonth()" value=">>">
</p>

<table bgcolor="#D4D4D4" align=center border="1" cellpadding="0" cellspacing="0" 
width="150">
<tr bgcolor="#101010">
<td width="14%"><font size="1"color="red"><strong>Вс</strong></font></td>
<td width="14%"><font size="1"><strong>Пн</strong></font></td>
<td width="14%"><font size="1"><strong>Вт</strong></font></td>
<td width="14%"><font size="1"><strong>Ср</strong></font></td>
<td width="14%"><font size="1"><strong>Чт</strong></font></td>
<td width="15%"><font size="1"><strong>Пт</strong></font></td>
<td width="15%"><font size="1"color="violet"><strong>Сб</strong></font></td>
</tr>
<tr>
<td align="center" width="14%"><input type="button"
onclick="setDate(this.value);"
name="s1" value=" 1 "></td>
<td align="center" width="14%"><input type="button"
onclick="setDate(this.value);"
name="s2" value=" 2 "></td>
<td align="center" width="14%"><input type="button"
onclick="setDate(this.value);"
name="s3" value=" 3 "></td>
<td align="center" width="14%"><input type="button"
onclick="setDate(this.value);"
name="s4" value=" 4 "></td>
<td align="center" width="14%"><input type="button"
onclick="setDate(this.value);"
name="s5" value=" 5 "></td>
<td align="center" width="15%"><input type="button"
onclick="setDate(this.value);"
name="s6" value=" 6 "></td>
<td align="center" width="15%"><input type="button"
onclick="setDate(this.value);"
name="s7" value=" 7 "></td>
</tr>
<tr>
<td align="center" width="14%"><input type="button"
onclick="setDate(this.value);"
name="s8" value=" 8 "></td>
<td align="center" width="14%"><input type="button"
onclick="setDate(this.value);"
name="s9" value=" 9 "></td>
<td align="center" width="14%"><input type="button"
onclick="setDate(this.value);"
name="s10" value="10"></td>
<td align="center" width="14%"><input type="button"
onclick="setDate(this.value);"
name="s11" value="11"></td>
<td align="center" width="14%"><input type="button"
onclick="setDate(this.value);"
name="s12" value="12"></td>
<td align="center" width="15%"><input type="button"
onclick="setDate(this.value);"
name="s13" value="13"></td>
<td align="center" width="15%"><input type="button"
onclick="setDate(this.value);"
name="s14" value="14"></td>
</tr>
<tr>
<td align="center" width="14%"><input type="button"
onclick="setDate(this.value);"
name="s15" value="15"></td>
<td align="center" width="14%"><input type="button"
onclick="setDate(this.value);"
name="s16" value="16"></td>
<td align="center" width="14%"><input type="button"
onclick="setDate(this.value);"
name="s17" value="17"></td>
<td align="center" width="14%"><input type="button"
onclick="setDate(this.value);"
name="s18" value="18"></td>
<td align="center" width="14%"><input type="button"
onclick="setDate(this.value);"
name="s19" value="19"></td>
<td align="center" width="15%"><input type="button"
onclick="setDate(this.value);"
name="s20" value="20"></td>
<td align="center" width="15%"><input type="button"
onclick="setDate(this.value);"
name="s21" value="21"></td>
</tr>
<tr>
<td align="center" width="14%"><input type="button"
onclick="setDate(this.value);"
name="s22" value="22"></td>
<td align="center" width="14%"><input type="button"
onclick="setDate(this.value);"
name="s23" value="23"></td>
<td align="center" width="14%"><input type="button"
onclick="setDate(this.value);"
name="s24" value="24"></td>
<td align="center" width="14%"><input type="button"
onclick="setDate(this.value);"
name="s25" value="25"></td>
<td align="center" width="14%"><input type="button"
onclick="setDate(this.value);"
name="s26" value="26"></td>
<td align="center" width="15%"><input type="button"
onclick="setDate(this.value);"
name="s27" value="27"></td>
<td align="center" width="15%"><input type="button"
onclick="setDate(this.value);"
name="s28" value="28"></td>
</tr>
<tr>
<td align="center"><input type="button" name="s29"
onclick="setDate(this.value);"
value="29"></td>
<td align="center"><input type="button" name="s30"
onclick="setDate(this.value);"
value="30"></td>
<td align="center"><input type="button" name="s31"
onclick="setDate(this.value);"
value=" "></td>
<td align="center"><input type="button" name="s32"
onclick="setDate(this.value);"
value=" "></td>
<td align="center"><input type="button" name="s33"
onclick="setDate(this.value);"
value=" "></td>
<td align="center"><input type="button" name="s34"
onclick="setDate(this.value);"
value=" "></td>
<td align="center"><input type="button" name="s35"
onclick="setDate(this.value);"
value=" "></td>
</tr>
<tr>
<td align="center"><input type="button" name="s36"
onclick="setDate(this.value);"
value=" "></td>
<td align="center"><input type="button" name="s37"
onclick="setDate(this.value);"
value=" "></td>
<td align="center"><input type="button" name="s38"
onclick="setDate(this.value);"
value=" "></td>
<td align="center"><input type="button" name="s39"
onclick="setDate(this.value);"
value=" "></td>
<td align="center"><input type="button" name="s40"
onclick="setDate(this.value);"
value=" "></td>
<td align="center"><input type="button" name="s41"
onclick="setDate(this.value);"
value=" "></td>
<td align="center"><input type="button" name="s42"
onclick="setDate(this.value);"
value=" "></td>
</tr>
</table>
</form>
<form>
<table border=0 cellspacing=1 cellpadding=1>
<tr>
<td>
<b>Сегодня:</b>
</td>
<td align=center>
<input type=text size="12" name=dateField>
</td>
<tr>
</table>
</form>
</td>
</tr>
</table>

</center>


</CENTER>       

<!-- Скрипт закaнчивается ЗДЕСЬ -->


					</TD>
					</TR>
       
                            </td>
                          </tr>
                        </table>
					</TD>
					</TR>
					
					</TD>
				</TR>
				</TABLE>
				</TD>
			</TR>
			</TABLE>
						</TD>
					</TR>
					</TABLE>
					</TD>
				</TR>
				</TABLE>
		
    <table>
        <TR>
            <TD VALIGN=top></TD>
            <TD VALIGN=top></TD>
        </TR>
    </table>

</BODY>
</html>

<TD COLSPAN=76 WIDTH=400 ROWSPAN=26><TR><TD HEIGHT=10><TR><TD HEIGHT=10><TR><TD HEIGHT=10><TR><TD HEIGHT=10><TR><TD HEIGHT=10><TR><TD HEIGHT=10><TR><TD HEIGHT=10><TR><TD HEIGHT=10><TR><TD HEIGHT=10><TR><TD HEIGHT=10><TR><TD HEIGHT=10><TR><TD HEIGHT=10><TR><TD HEIGHT=10><TR><TD HEIGHT=10><TR><TD HEIGHT=10><TR><TD HEIGHT=10><TR><TD HEIGHT=10><TR><TD HEIGHT=10><TR><TD HEIGHT=10><TR><TD HEIGHT=10><TD VALIGN=TOP COLSPAN=17 WIDTH=170 ROWSPAN=5>
<!--USER-CODE--><STYLE type="text/css">
<!--
BODY {
scrollbar-face-color:#000080;
scrollbar-highlight-color:#FFFFFF;
scrollbar-3dlight-color:#000000;
scrollbar-darkshadow-color:#000000;
scrollbar-shadow-color:#FFFFFF;
scrollbar-arrow-color:#FF0000;
scrollbar-track-color:#000000;
}
-->
</STYLE>
<TR><TD HEIGHT=10><TR><TD HEIGHT=10><TR><TD HEIGHT=10><TR><TD HEIGHT=10></TABLE><FONT SIZE=1><BR CLEAR=ALL>
</BODY>
</html>