
if (document.getElementById)
{
	setTimeout( function() 
	{
		if (!document.getElementById("calendar"))
		{
			setTimeout( arguments.callee, 100 )
		}
		else
		{
			initCalendar()
		}
	}, 10)
}


function initCalendar()
{

	var eventsCalendar = new calendar()
	var calendarPlaceholder = document.getElementById("calendar")
	eventsCalendar.appendTo( calendarPlaceholder )
	
	///////////////////////////////////////////////////////////////
	eventsCalendar.onclick = function( y, m, d)
	{
		var date = document.getElementById("date-1")
		
		// Day 
		var daySelect = date.getElementsByTagName("select")[0]
		dayOptions = daySelect.getElementsByTagName("option")
		for (var c=0; c<dayOptions.length; c++)
		{
			if (d == dayOptions[c].value) { dayOptions[c].setAttribute("selected", "selected") } else { dayOptions[c].removeAttribute("selected")	}
		}
		// Month
		var monthSelect = date.getElementsByTagName("select")[1]
		Options = monthSelect.getElementsByTagName("option")
		for (var c=0; c<Options.length; c++)
		{
			if (m == Options[c].value)	{ Options[c].setAttribute("selected", "selected") } else {	Options[c].removeAttribute("selected") }
		}
		// Year
		var yearSelect = date.getElementsByTagName("select")[2]
		yearOptions = yearSelect.getElementsByTagName("option")
		for (var c=0; c<yearOptions.length; c++)
		{
			if (y == yearOptions[c].value)	{ yearOptions[c].setAttribute("selected", "selected") } else { yearOptions[c].removeAttribute("selected") }
		}
		date.getElementsByTagName("div")[1].style.display = "none"
	}
	/////////////////////////////////////////////////////////////////////
	
	var eventsCalendar2 = new calendar()
	var calendarPlaceholder2 = document.getElementById("calendar2")
	eventsCalendar2.appendTo( calendarPlaceholder2 )
		
	eventsCalendar2.onclick = function( y, m, d)
	{
	var date = document.getElementById("date-2")
		// Day 
		var daySelect = date.getElementsByTagName("select")[0]
		dayOptions = daySelect.getElementsByTagName("option")
		for (var c=0; c<dayOptions.length; c++)
		{
			if (d == dayOptions[c].value) { dayOptions[c].setAttribute("selected", "selected") } else { dayOptions[c].removeAttribute("selected")	}
		}
		// Month
		var monthSelect = date.getElementsByTagName("select")[1]
		Options = monthSelect.getElementsByTagName("option")
		for (var c=0; c<Options.length; c++)
		{
			if (m == Options[c].value)	{ Options[c].setAttribute("selected", "selected") } else {	Options[c].removeAttribute("selected") }
		}
		// Year
		var yearSelect = date.getElementsByTagName("select")[2]
		yearOptions = yearSelect.getElementsByTagName("option")
		for (var c=0; c<yearOptions.length; c++)
		{
			if (y == yearOptions[c].value)	{ yearOptions[c].setAttribute("selected", "selected") } else { yearOptions[c].removeAttribute("selected") }
		}
		date.getElementsByTagName("div")[1].style.display = "none"
	}
	/////////////////////////////////////////////////////////////////////
	
	/////////////////////////////////////////////////////////////////////
	
	var eventsCalendar4 = new calendar()
	var calendarPlaceholder4 = document.getElementById("calendar4")
	if (calendarPlaceholder4)
	{
		eventsCalendar4.appendTo( calendarPlaceholder4 )
			
		eventsCalendar4.onclick = function( y, m, d)
		{
		var date = document.getElementById("date-4")
			// Day 
			var daySelect = date.getElementsByTagName("select")[0]
			dayOptions = daySelect.getElementsByTagName("option")
			for (var c=0; c<dayOptions.length; c++)
			{
				if (d == dayOptions[c].value) { dayOptions[c].setAttribute("selected", "selected") } else { dayOptions[c].removeAttribute("selected")	}
			}
			// Month
			var monthSelect = date.getElementsByTagName("select")[1]
			Options = monthSelect.getElementsByTagName("option")
			for (var c=0; c<Options.length; c++)
			{
				if (m == Options[c].value)	{ Options[c].setAttribute("selected", "selected") } else {	Options[c].removeAttribute("selected") }
			}
			// Year
			var yearSelect = date.getElementsByTagName("select")[2]
			yearOptions = yearSelect.getElementsByTagName("option")
			for (var c=0; c<yearOptions.length; c++)
			{
				if (y == yearOptions[c].value)	{ yearOptions[c].setAttribute("selected", "selected") } else { yearOptions[c].removeAttribute("selected") }
			}
			date.getElementsByTagName("div")[1].style.display = "none"
		}
	}
	/////////////////////////////////////////////////////////////////////
	
	/////////////////////////////////////////////////////////////////////
	
	var eventsCalendar3 = new calendar()
	var calendarPlaceholder3 = document.getElementById("calendar3")
	if(calendarPlaceholder3)
	{
		eventsCalendar3.appendTo( calendarPlaceholder3 )
			
		eventsCalendar3.onclick = function( y, m, d)
		{
		var date = document.getElementById("date-3")
			// Day 
			var daySelect = date.getElementsByTagName("select")[0]
			dayOptions = daySelect.getElementsByTagName("option")
			for (var c=0; c<dayOptions.length; c++)
			{
				if (d == dayOptions[c].value) { dayOptions[c].setAttribute("selected", "selected") } else { dayOptions[c].removeAttribute("selected")	}
			}
			// Month
			var monthSelect = date.getElementsByTagName("select")[1]
			Options = monthSelect.getElementsByTagName("option")
			for (var c=0; c<Options.length; c++)
			{
				if (m == Options[c].value)	{ Options[c].setAttribute("selected", "selected") } else {	Options[c].removeAttribute("selected") }
			}
			// Year
			var yearSelect = date.getElementsByTagName("select")[2]
			yearOptions = yearSelect.getElementsByTagName("option")
			for (var c=0; c<yearOptions.length; c++)
			{
				if (y == yearOptions[c].value)	{ yearOptions[c].setAttribute("selected", "selected") } else { yearOptions[c].removeAttribute("selected") }
			}
			date.getElementsByTagName("div")[1].style.display = "none"
		}
	}
	/////////////////////////////////////////////////////////////////////

	form = document.getElementById("forms")
	As = form.getElementsByTagName("A")
	for (i=0; i<As.length; i++)
	{
		if (As[i].className == "toggleCal") { As[i].onclick = toggleCal }
	}
	
	function toggleCal()
	{
		var cal = this.nextSibling 
		while (cal && cal.nodeType != 1)
		{
			cal = cal.nextSibling 
		}
		if (cal.style.display == "block") { cal.style.display  = "none" } else { cal.style.display  = "block" }
	}

}
