//Copyright 2009 www.liteweb.info
//Version  1.13

var Calendar = 
{
	Root: "",
	Id: "liteweb_Net_Calendar",
	CalFormName: "liteweb_Net_Calendar_Form",
	Events: {},
	AllCats: 0,
	Categories: {},
	EventsByCat: {},
	testEvents: {},
	CurrentField: "",
	Div: null,
	Days: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"],
	Months: ["January", "February", "March", "April", "May", "June", "July", "August", "September", 
		"October", "November", "December"],
	CurrentDate: new Date(),
	CurrentZoom: 0,
	CurrentFade: 0,
	_initDiv: function(oldway)
	{
		if(oldway)
		{
			if(!document.getElementById(Calendar.Id))
				document.write("<div id={0} class=CalendarDiv></div>".Format(Calendar.Id));
			Calendar.Div = document.getElementById(Calendar.Id);		
		}
		else
		{
			if(!document.getElementById(Calendar.Id))
			{
				var div = document.createElement("div");
				div.id = Calendar.Id;
				div.className = "CalendarDiv";
				document.body.insertBefore(div, null);
				Calendar.Div = document.getElementById(Calendar.Id);
			}
		}
	},
	WriteIcon: function (FormName, FieldName, pos)
	{
		Calendar._initDiv(true);
		if(!pos)
			pos = {"top": 0, "left": 0};
		document.open();
		var str = "<img class=\"Calendar\" src=\"{0}/Images/Icons/Calendar.Gif\" onclick=\"Calendar.ShowCalendar('{1}', '{2}', this, {3}, {4})\" /><BR/>".Format(liteweb.vroot, FormName, FieldName, pos.top, pos.left);
		document.write(str);
		document.close();
	},
	FillCalDiv: function(d, div)
	{
		$(div).addClass("CalendarDiv");
		var _cM = d.getMonth(), _cY = d.getFullYear();
		
		with(Calendar)
		{
			var m = ["<select id=Cal_Months onchange=Calendar.Change()>"];
			for(var i = 0;i < Months.length; i++)
				m.push("<option value={0}{2}>{1}</option>".Format(i, Months[i], _cM == i? " selected": ""));
			m.push("</select>");

			var y = ["<select id=Cal_Years onchange=Calendar.Change()>"];
			for(var i = d.getFullYear() - 5; i < d.getFullYear() + 5; i++)
				y.push("<option value={0}{1}>{0}</option>".Format(i, _cY == i? " selected": ""));
			y.push("</select>");
			
			var str1 = "<div class=\"CalHeader\">{0}<br />{1}</div>".Format(m.join(""), y.join(""));
			var srtMnthes = "<div class=\"CalHeader\"><img src=\"{0}/Images/Icons/back.gif\" Alt=Previous onclick=Calendar.MoveBack()>{1}<img src=\"{0}/Images/Icons/fwd.gif\" Alt=Next onclick=Calendar.MoveNext()></div>".Format(liteweb.vroot, m.join(""), y);
			var str3 = "";
			
			var cal = [
				/* var header = */
				"<div class=h><div class=l onclick=Calendar.MoveBack()></div><div id=CalMonth>{0}, {1}</div><div class=r onclick=Calendar.MoveNext()></div></div>".Format(Months[_cM], d.getFullYear()),
				/* var days = */
				"<div id=CalBody>",
				CalDaysTable(d),
				"</div>",
				/* var msg = */
				"<div class=info>",
				"Click on the dates Highlighted in red, to view our events.",
				"</div>",
				/* var ooption = */
				"<div title=\"Show / Hide Calendar Options\" onclick=Calendar.Options() class=options>Options</div>",
				/* var footer = */
				"<div class=f>{0}{1}</div>".Format(m.join(""), y.join(""))
			];
			
			(div || Div).innerHTML = cal.join("");
		}
		var div = document.createElement("div");
		div.id = "PopupInfo";
		div.innerHTML = "";
		document.body.insertBefore(div, null);
	},
	Options: function(){
		if(Calendar.HideOptions){
			$("#calendar .f").slideUp("slow");
			Calendar.HideOptions = false;
		} else{
			$("#calendar .f").slideDown("slow");
			Calendar.HideOptions = true;
		}
	},
	StickTo: function(fieldId)
	{
		Calendar._initDiv();
		var el = document.getElementById(fieldId);
		el.onfocus = new Function("Calendar.ShowFieldCalendar('{0}')".Format(el.id));
	},
	ShowFieldCalendar: function (id)
	{
		var el = document.getElementById(id);
			
		with(Calendar)
		{
			CurrentField = el;
			var d = GetCurrentFieldDate();
			
			FillCalDiv(d);
			InitCalValues(d);
			
			var pos = GetPosition(el);
			
			
			with(Div.style)
			{
				var main = document.body.childNodes[0].childNodes[0];
				if(document.body.childNodes[0].nodeType == 3)
					main = document.body.childNodes[1].childNodes[1];
				var dim = new Dimension(el);
				var dimbody = new Dimension(main);
				var posbody = GetPosition(main);
				
				var _left = (pos.left);
				if(pos.left + 257 > (dimbody.width + posbody.left))
				{
					_left = pos.left - 257 + dim.width;
				}
				
				top = (pos.top + dim.height) + "px";
				left = _left  + "px";
				//Zoomin();
				FadeIn();
			}
		}
	},
	MoveNext: function()
	{
		var d = Calendar.CurrentDate;
		d.setMonth(d.getMonth() + 1);
		Calendar.InitCalValues(d);
		Calendar.Change();
	},
	MoveBack: function()
	{
		var d = Calendar.CurrentDate;
		d.setMonth(d.getMonth() - 1);
		Calendar.InitCalValues(d);
		Calendar.Change();
	},
	FadeIn: function()
	{
		with(Calendar)
		{
			if(CurrentFade >= 98)
				return;
			
			if(CurrentFade == 0)
				Div.style.visibility = "visible";
			
			if("string" == typeof Div.style.filter)
			{
				CurrentFade += 10;
				Div.style.filter = "progid:DXImageTransform.Microsoft.Alpha(opacity={0})".Format(CurrentFade);
			}
			else
			{
				CurrentFade += 2;
				Div.style.opacity = CurrentFade/100;
			}	
			setTimeout(FadeIn, 10);
		}
	},
	FadeOut: function()
	{
		with(Calendar)
		{
			
			if("string" == typeof Div.style.filter)
			{
				CurrentFade -= 20;
				Div.style.filter = "progid:DXImageTransform.Microsoft.Alpha(opacity={0})".Format(CurrentFade);
			}
			else
			{
				CurrentFade -= 10;
				Div.style.opacity = CurrentFade/100;
			}
			if(CurrentFade < 10)
			{
				Div.style.visibility = "hidden";
				CurrentFade = 0;
				return;
			}
			
			setTimeout(FadeOut, 10);
		}
	},
	Zoomout: function()
	{
		with(Calendar)
		{
			CurrentZoom -= 10;
			Div.style.zoom = CurrentZoom + "%";
			if(CurrentZoom < 10)
			{
				Div.style.visibility = "hidden";
				return;
			}
			setTimeout(Zoomout, 10);
		}
	},
	Zoomin: function()
	{
		with(Calendar)
		{
			if(CurrentZoom >= 100)
				return;

			if(CurrentZoom == 0)
				Div.style.visibility = "visible";
				
			CurrentZoom += 20;
			Div.style.zoom = CurrentZoom + "%";
			setTimeout(Zoomin, 10);
		}
	},
	Close: function()
	{
		//Calendar.Zoomout();
		Calendar.FadeOut();
	},
	Change: function()
	{
		var d = Calendar.CurrentDate;
		d.setMonth(document.getElementById("Cal_Months").value);
		d.setFullYear(document.getElementById("Cal_Years").value);
		$("#CalBody").html(Calendar.CalDaysTable(d));
		$("#CalMonth").html(Calendar.Months[document.getElementById("Cal_Months").value] + ", " + document.getElementById("Cal_Years").value);
	},
	ShowCalendar: function (FormName, FieldName, icon, _top, _left)
	{
		if("string" == typeof icon)
			icon = document.getElementById(icon);
			
		with(Calendar)
		{
			CurrentField = document.forms[FormName][FieldName];
			var d = GetCurrentFieldDate();
			
			FillCalDiv(d);

			InitCalValues(d);
			
			var pos = GetPosition(icon);
			
			with(Div.style)
			{
				top = (pos.top + _top) + "px";
				left = pos.left + _left + (new Dimension(icon)).width + 2 + "px";
				//Zoomin();
				FadeIn();
			}
		}
	},
	CalDaysTable: function(date)
	{
		var m =date.getDate();
		var cols=7, rows=6;
		var date1 = new Date(date.toString());
		date1.setDate(1);
		var StartDay = parseInt(date1.getDay());
		var bool = 1, start = 0;
		var tm = date.getMonth() + 1;
		var limit= 30;
		if((tm==1)||(tm==3)||(tm==5)||(tm==7)||(tm==8)||(tm==10)||(tm==12))
			limit = 31;
		if(tm==2)
		{
			if(parseInt(date.getFullYear())%4==0)
				limit = 29;
			else
				limit = 28;
		}
		var currentMonth = date.getMonth() == (new Date()).getMonth();
		var str = ["<table cellspacing=0 cellpadding=0>"];
		for(var i=0; i < cols; i++) 
			str.push("<th>" + Trank(Calendar.Days[i], 10) + "</th>");
		//str.push("</th>");
		var IsContinue = 1;
		str.push("<tr>"+((StartDay>0)? "<td colspan="+StartDay+">" + ("&nbsp;") + "</td>":""));
		for(var i=1; i <= limit; i++)
		{
			var key = "{0}/{1}/{2}".Format(tm, i, date.getFullYear());
			
			if((i + StartDay)%cols == 1 && i > 1) 
				str.push("<tr>");
			var title = (Calendar.Days[(i + StartDay)%cols - 1 < 0? 6: (i + StartDay)%cols - 1] + " - " + Calendar.Months[date.getMonth()] + " " + i + " - " + date.getFullYear());
			var events = Calendar.Events[key];
			if(events != null && events.length > 0)
				events = "<span>" + events.join("</span><span>") + "</span>";
			else
				events = "";
			str.push("<td title=\"{0}\" class=\"{1}\"><a href=\"javascript:void(0)\" onclick=\"Calendar.DayClick(this, '{2}', '{0}')\"><span class=day-no>{3}</span>{4}</a></td>".Format(title, (i == m && currentMonth? "CalCurrent": (Calendar.testEvents && Calendar.testEvents[key]? "CalHasEvent": "CalReg")), key, i, events));
			if((i + StartDay)%cols==0)
				str.push("</tr>");
		}
		str.push("</TBODY></table>");
		return str.join("");
	},
	SwitchSel: function(sel)
	{
		var _ = Calendar;

		var cond = _.AllCats;
			
		if(sel.selectedIndex != 0)
			cond = Math.pow(2, parseInt(sel.value));
	
		_.testEvents = {};

		for(var i in _.Events)
		{
			for(var j = 0; j < _.Events[i].length; j++)
			{
				if((_.Events[i][j][2]&cond) != 0)
					_.testEvents[i] = true;
			}
		}

		_.FillCalDiv(new Date(), document.getElementById("CalendarDiv"));
	},
	DayClick: function(el, key, title)
	{
		var _ = Calendar;
		if(_.Events && _.Events[key])
		{
			var calEntries = [];
			
			var cond = _.AllCats;
			
			var ar = [];
		
			for(var j = 0; j < _.Events[key].length; j++)
			{
				ar.push(_.Events[key][j][0]);
			}
			if(ar.length > 0)
				calEntries.push("<p><B>{0}:</b><BR>{1}</p>".Format("SABIS&reg; International School, Adma - Lebanon", ar.join("<BR />")));

			if(calEntries.length > 0)
				InfoPopup(el, "<div class=title>{0}</div><div class=text>{1}</div><div title=\"Close\" onclick=\"HideInfoPopup()\" class=\"close\"><img src={2}/images/t.gif /></div>".Format(
					title, calEntries.join(""), liteweb.vroot));
		}
		return;
	},
	GetCurrentFieldDate: function()
	{
		with(Calendar)
		{
			if(CurrentField != null)
			{
				try
				{
					var d = new Date(CurrentField.value);
				}
				catch(e){}
				if(isNaN(d))
					return new Date();
				return d;
			}
			else
				return new Date();
		}
	},
	Init: function()
	{
		if(!document.getElementById(Calendar.Id))
		{
			document.open();
			document.write("<div id={0} class=CalendarDiv></div>".Format(Calendar.Id, Calendar.CalFormName));
			document.close();
			Calendar.Div = document.getElementById(Calendar.Id);
		}
	},
	InitCalValues: function(d)
	{
		InitFormValue(document.getElementById("Cal_Years"), d.getFullYear());
		InitFormValue(document.getElementById("Cal_Months"), d.getMonth());
	},
	InitEvents: function(events, categories)
	{
		var _ = Calendar;
		var e = _.Events;
		var c = _.EventsByCat;
		_.Categories = categories;
		var cats = _.Categories;
		for(var i = 0; i < events.length; i++)
		{
			var r = events[i];
			if("object" != typeof r || r.length < 3)
				continue;
			if(e[r[1]])
				e[r[1]].push(r);
			else
				e[r[1]] = [r];
			_.testEvents[r[1]] = true;
		}
		var sel = document.getElementById("CalendarSelect");
		if(sel)
		{
			sel.options.length++;
			sel.options[0].text = "Select your school";
			for(var j = 0; j < categories.length; j++)
			{
				_.AllCats |= Math.pow(2, categories[j][0]);
				sel.options.length++;
				sel.options[sel.options.length - 1].value = categories[j][0];
				sel.options[sel.options.length - 1].text = categories[j][1];
			}
		}
	}
}