function draw_calendar(ID, Cmonth, Cyear, DateID, MonthID, YearID)
{
	var sada = new Date();

	var currdate = sada.getDate();
	var currmonth = sada.getMonth()+1;
	var curryear = sada.getFullYear();

	currmonth--;
	
	datenow = new Date(curryear, currmonth, currdate);
	
	datestart = new Date(Cyear, Cmonth, 1);
	Cnextmonth = Cmonth + 1;
	dateend = new Date(Cyear, Cnextmonth, 1);
	prvidan = datestart.getDay();
	MonthText = getMonthName(Cmonth);

	CalendarHTML = '<div id="main_table_calendar">';
	CalendarHTML += '<div id="calendar_header">';
	CalendarHTML += '<a href="javascript:prevmonth(\'' + ID + '\');" class="cal_navi">«&nbsp;&nbsp;</a> ';
	CalendarHTML +=  MonthText + ' ' + Cyear; 
	CalendarHTML += ' <a href="javascript:nextmonth(\'' + ID + '\');" class="cal_navi">&nbsp;&nbsp;»</a> ';
	CalendarHTML += '</div><div id="close"><a href="javascript:close_cal(\'' + ID + '\');">x</a></div>'


    CalendarHTML += 
        '<div class="cal_table_day" style="margin-left:1px;">NED</div>'+
        '<div class="cal_table_day">PON</div>'+
        '<div class="cal_table_day">UTO</div>'+
        '<div class="cal_table_day">SRI</div>'+
        '<div class="cal_table_day">ČET</div>'+
        '<div class="cal_table_day">PET</div>'+
        '<div class="cal_table_day">SUB</div>';
    
	  i = 0;
	  writedate = 1;
	  flag = 0;
	  for (j = 0; j < 6; j++)
	  {
	  	if ((j < 6) || (flag != 2)) 
		{
			for (k = 0; k < 7; k++)
			{
				writetext = writedate;
				testdate = new Date(Cyear, Cmonth, writedate);
				showlink = 1;
				if (testdate < datenow) showlink = 0;
				if (i == prvidan) flag = 1;
				if ((flag == 0) || (flag == 2)) CalendarHTML += '<div class="cal_table_number_no">&nbsp;</div>';
				if ((flag == 1) && (showlink == 1)) 
					CalendarHTML += '<div class="cal_table_number" OnClick="javascript:putdate(\''+DateID+'\',\''+MonthID+'\',\''+YearID+'\','+writedate+','+Cmonth+','+Cyear+');">' + writetext + '</div>';
				if ((flag == 1) && (showlink == 0)) CalendarHTML += '<div class="cal_table_number_no">' + writetext + '</div>';
				if (flag == 1) writedate++;
				i++;
				testdate = new Date(Cyear, Cmonth, writedate);
				if (testdate.getMonth() == dateend.getMonth()) flag = 2;
			}
		}

	  }
	CalendarHTML += '<br>&nbsp;';
	
	Kal = document.getElementById(ID);
	Kal.innerHTML = CalendarHTML;
}

function getMonthName(month_number)
{
	var MonthName = new Array(12);
	MonthName[0] = '01 /';
	MonthName[1] = '02 /';
	MonthName[2] = '03 /';
	MonthName[3] = '04 /';
	MonthName[4] = '05 /';
	MonthName[5] = '06 /';
	MonthName[6] = '07 /';
	MonthName[7] = '08 /';
	MonthName[8] = '09 /';
	MonthName[9] = '10 /';
	MonthName[10] = '11 /';
	MonthName[11] = '12 /';
	
	return MonthName[month_number];
}


function test()
{
	Kal = document.getElementById("Ovdje");
	mmm = 9;

	yyy = 2005;
	date1 = new Date(yyy, mmm, 1);
	nextmmm = mmm + 1;
	date2 = new Date(yyy, nextmmm, 1);
	CHTML = '';
	for (i = 1; i < 40; i++)
	{
		testdate = new Date(yyy, mmm, i);
		CHTML += "curdate- " + testdate.getDate() + " " + testdate.getMonth() + "<br>";
		if (testdate.getMonth() == date2.getMonth()) CHTML += 'greska<br>';
		
	}
	
	
	Kal.innerHTML = CHTML;
}


function prevmonth(ID)
{
	if (ID == calendar1Div)
	{
		monthnow1 = monthold1 - 1;
		if (monthnow1 == -1)
		{
			monthnow1 = 11;
			yearnow1 = yearnow1 - 1;
		}
	}
	if (ID == calendar2Div)
	{
		monthnow2 = monthold2 - 1;
		if (monthnow2 == -1)
		{
			monthnow2 = 11;
			yearnow2 = yearnow2 - 1;
		}
	}
}

function nextmonth(ID)
{
	if (ID == calendar1Div)
	{
		monthnow1 = monthold1 + 1;
		if (monthnow1 == 12)
		{
			monthnow1 = 0;
			yearnow1 = yearnow1 + 1;
		}
	}
	if (ID == calendar2Div)
	{
		monthnow2 = monthold2 + 1;
		if (monthnow2 == 12)
		{
			monthnow2 = 0;
			yearnow2 = yearnow2 + 1;
		}
	}
}

function close_cal(ID)
{
	if (ID == calendar1Div) calendar1shownow = 0;
	if (ID == calendar2Div) calendar2shownow = 0;
}

function show_cal(ID)
{
	if (ID == calendar1Div) calendar1shownow = 1;
	if (ID == calendar2Div) calendar2shownow = 1;
}
function putdate(DID, MID, YID, DDate, MMonth, YYear)
{
	DDD = document.getElementById(DID);
	DDD.value = DDate;
	MMM = document.getElementById(MID);
	MMM.value = MMonth;
	YYY = document.getElementById(YID);
	YYY.value = YYear;
	calendar1shownow = 0;
	calendar2shownow = 0;
}
function drawing()
{
	if (monthold1 != monthnow1)
	{
		monthold1 = monthnow1;
		draw_calendar(calendar1Div, monthnow1, yearnow1, 'ArrivalDate', 'ArrivalMonth', 'ArrivalYear');
	}
	if ((calendar1shownow == 1) && (calendar1showold == 0))
	{
		calendar2shownow = 0;
		calendar1showold = 1;
		caldiv = document.getElementById(calendar1Div);
		caldiv.style.display = "block";
		draw_calendar(calendar1Div, monthnow1, yearnow1, 'ArrivalDate', 'ArrivalMonth', 'ArrivalYear');
	}
	if ((calendar1shownow == 0) && (calendar1showold == 1))
	{
		calendar1showold = 0;
		caldiv = document.getElementById(calendar1Div);
		caldiv.style.display = "none";
	}

	if (monthold2 != monthnow2)
	{
		monthold2 = monthnow2;
		draw_calendar(calendar2Div, monthnow2, yearnow2, 'DepartureDate', 'DepartureMonth', 'DepartureYear');
	}
	if ((calendar2shownow == 1) && (calendar2showold == 0))
	{
		calendar1shownow = 0;
		calendar2showold = 1;
		caldiv = document.getElementById(calendar2Div);
		caldiv.style.display = "block";
		draw_calendar(calendar2Div, monthnow2, yearnow2, 'DepartureDate', 'DepartureMonth', 'DepartureYear');
	}
	if ((calendar2shownow == 0) && (calendar2showold == 1))
	{
		calendar2showold = 0;
		caldiv = document.getElementById(calendar2Div);
		caldiv.style.display = "none";
	}
}

	var sada_aktiva = new Date();

monthnow1 = sada_aktiva.getMonth();
monthold1 = sada_aktiva.getMonth();
yearnow1 = sada_aktiva.getFullYear();
calendar1shownow = 0;
calendar1showold = 0;
calendar1Div = "kalendar1";

monthnow2 = sada_aktiva.getMonth();
monthold2 = sada_aktiva.getMonth();
yearnow2 = sada_aktiva.getFullYear();
calendar2shownow = 0;
calendar2showold = 0;
calendar2Div = "kalendar2";

t = window.setInterval("drawing()", 10);