// Quelle: http://www.dynamicdrive.com/dynamicindex6/dcalendar.htm //
// Farben angepasst und ueberarbeitet		15.01.2005 HMey    //

var MonthNames = new Array("Januar", "Februar", "März", "April", "Mai", "Juni", "Juli", "August", "September", "Oktober", "November", "Dezember");
var nCurrentYear = 0;
var nCurrentMonth = 0;

var nWidth  = 30;
var nHeight = 20;

var leftX;
var rightX
var topY;
var bottomY;

function kalender()
{
var HTMLstr = "";
HTMLstr += "<table style='width:250px; border:1px solid #888888;'>\n";
HTMLstr += "<tr><td style='border-bottom:1px solid #888888; background-color:#ffffcc;'>\n";
HTMLstr += "<table style='border:0px;'><col width='70'><col width='75'>\n";
HTMLstr += "<tr>\n";
HTMLstr += "<td><font color='black'>&nbsp;&nbsp;Jahr:</font></td>\n";
HTMLstr += "<td>";
HTMLstr += "<span style='font-size:12px;'>";
HTMLstr += "<a href=\"javascript:prevYear();\" tabindex=\"990\">zur&uuml;ck</a>\n";
HTMLstr += "<a href=\"javascript:nextYear();\" tabindex=\"991\">vor</a>\n";
HTMLstr += "</span>";
HTMLstr += "</td>\n";
HTMLstr += "<td align='left'>";
HTMLstr += "<div id='main' style='position:relative'>";
HTMLstr += "<font color='red'><b>... in</b></font>\n";
HTMLstr += "</div>";
HTMLstr += "</td></tr>";
HTMLstr += "<tr>";
HTMLstr += "<td><font color='black'>&nbsp;&nbsp;Monat:</font></td>\n";
HTMLstr += "<td>";
HTMLstr += "<span style='font-size:12px;'>";
HTMLstr += "<a href=\"javascript:prevMonth();\" tabindex=\"992\">zur&uuml;ck</a>\n";
HTMLstr += "<a href=\"javascript:nextMonth();\" tabindex=\"993\">vor</a>\n";
HTMLstr += "</span>";
HTMLstr += "</td>\n";
HTMLstr += "<td align='left'>\n";
HTMLstr += "<div id='main2' style='position:relative;'><font color='red'><b>Bearbeitung</b></font>\n";
HTMLstr += "<div>";
HTMLstr += "</td></tr></table>\n";
HTMLstr += "</td></tr>\n";
HTMLstr += "<tr><td valign=\"top\">\n";
HTMLstr += "<table border=0 cols=7 cellpadding='0' cellspacing='0'>\n";
HTMLstr += "<td width='35'>&nbsp;&nbsp;Mo</td>\n";
HTMLstr += "<td width='35'>&nbsp;&nbsp;Di</td>\n";
HTMLstr += "<td width='35'>&nbsp;&nbsp;Mi</td>\n";
HTMLstr += "<td width='35'>&nbsp;&nbsp;Do</td>\n";
HTMLstr += "<td width='35'>&nbsp;&nbsp;Fr</td>\n";
HTMLstr += "<td width='35'>&nbsp;&nbsp;Sa</td>\n";
HTMLstr += "<td width='35'>&nbsp;&nbsp;So</td>\n";
HTMLstr += "</tr>\n";
HTMLstr += "<tr>";
HTMLstr += "<td height='122px' colspan=7>\n";
HTMLstr += "<div style='position:relative;'>";
  for (var date=1; date <= 31; date++)
  { HTMLstr +=	"<div id='idDate"+date+"' style='position:absolute;visibility:hidden;'>"+date+"</div>\n"; }
HTMLstr += "</div>";
HTMLstr += "</td></tr>";
HTMLstr += "</table>";
HTMLstr += "</td></tr>";
HTMLstr += "</table>\n";

document.writeln(HTMLstr);
}
//-------------------------------------------//
function setCurrentMonth()
{
  var date = new Date();
  var currentyear=date.getYear()
  if (currentyear < 1000)
  currentyear+=1900
  setYearMonth(currentyear, date.getMonth()+1);
}
//-------------------------------------------//
function setYearMonth(nYear, nMonth)
{
  nCurrentYear = nYear;
  nCurrentMonth = nMonth;
  var cross_obj=document.getElementById("main");
  var cross_obj2=document.getElementById("main2");
  cross_obj.innerHTML  = "<font color=\"black\"><b>"+nCurrentYear+"</b></font>";
  cross_obj2.innerHTML = "<a href=\"javascript:showMonthMenu()\" style=\"text-decoration:none\"><font color=\"black\"><b>"+MonthNames[nCurrentMonth-1]+"</b></font></a>\n";

  var date   = new Date(nCurrentYear, nCurrentMonth-1, 1);
  var nWeek  = 1;
  var nDate;
  var now = new Date()
  var today = (now.getFullYear() + "" + now.getMonth() + "" + now.getDate())
  while (date.getMonth() == nCurrentMonth-1)
  {
	nDate = date.getDate();
	var nLastDate = nDate;

	var posDay = date.getDay()-1;
	if (posDay == -1) posDay=6;
        if (nDate < 10)
	  var posLeft = posDay*(nWidth+5)+18;
	else
	  var posLeft = posDay*(nWidth+5)+10;
	var posTop  = (nWeek-1)*nHeight;
        var cross_obj3=document.getElementById("idDate"+nDate).style;
	cross_obj3.left = posLeft + "px";
	cross_obj3.top  = posTop + "px";
	if (today == (date.getFullYear() + "" + date.getMonth() + "" + date.getDate()))
		cross_obj3.color  = "blue";
	else
		if (date.getDay() == 0 || date.getDay() == 6)
			cross_obj3.color  = "red";
		else
			cross_obj3.color  = "black";
	cross_obj3.visibility = "visible";
	date = new Date(nCurrentYear, date.getMonth(), date.getDate()+1);
	
	if (posDay == 6) nWeek++;
  }
  for (++nDate; nDate <= 31; nDate++){
        cross_obj3=document.getElementById("idDate"+nDate).style;
	cross_obj3.visibility = "hidden";
      }
}
//-------------------------------------------//
function nextMonth()
{
  nCurrentMonth++;
  if (nCurrentMonth > 12)
  {
	nCurrentMonth -= 12;
	nextYear();
  }
  setYearMonth(nCurrentYear, nCurrentMonth);
}
//-------------------------------------------//
function prevMonth()
{
  nCurrentMonth--;
  if (nCurrentMonth < 1)
  {
	nCurrentMonth += 12;
	prevYear();
  }
  setYearMonth(nCurrentYear, nCurrentMonth);
}
//-------------------------------------------//
function prevYear()
{
  nCurrentYear--;
  setYearMonth(nCurrentYear, nCurrentMonth);
}
//-------------------------------------------//
function nextYear()
{
  nCurrentYear++;
  setYearMonth(nCurrentYear, nCurrentMonth);
}