var req;
var eventReq;

function navigate(month,year) {
		document.getElementById('calendar').innerHTML = "<img src=\"/images/loading-s.gif\" style=\"display:block;padding:30px 0px; background:transparent;margin:0px auto;\"/>";
        var url = "/calendar/calendar.php?month="+month+"&year="+year;
        if(window.XMLHttpRequest) {
                req = new XMLHttpRequest();
        } else if(window.ActiveXObject) {
                req = new ActiveXObject("Microsoft.XMLHTTP");
        }
        req.open("GET", url, true);
        req.onreadystatechange = callback;
        req.send(null);
}

function callback() {        
        obj = document.getElementById("calendar");
        
		if(req.readyState == 4) {
                if(req.status == 200) {
						setFade(0);
                        response = req.responseText;
                        obj.innerHTML = response;
                        if(obj.clientHeight > 185) {
                            calendarBox.setSize(-999,252,-999,-999);
                        }
                        if(obj.clientHeight < 185) {
                            calendarBox.setSize(-999,225,-999,-999);
                        }
                        fade(0);
                } else {
                        alert("There was a problem retrieving the data:\n" + req.statusText);
                }
        }
}

function getEvent(key,value) {
		document.getElementById('contentInclude').innerHTML = "<img src=\"/images/loading.gif\" style=\"display:block;padding:50px 0px; background:transparent;margin:0px auto;\"/>";
        var url = "/pages/getEvent.php?key="+key+"&value="+value;
        if(window.XMLHttpRequest) {
                eventReq = new XMLHttpRequest();
        } else if(window.ActiveXObject) {
                eventReq = new ActiveXObject("Microsoft.XMLHTTP");
        }
        eventReq.open("GET", url, true);
        eventReq.onreadystatechange = displayEvent;
        eventReq.send(null);
}

function displayEvent() {        
        obj = document.getElementById("contentInclude");
        
		if(eventReq.readyState == 4) {
                if(eventReq.status == 200) {
					response = eventReq.responseText;
					obj.innerHTML = response;
                    FLIR.replace('h2');

					$(function(){
					  $('.timeInput').timepickr({convention:12});

					  $('#eventForm').submit(function() {
						$.ajax({ 
							url: "/pages/addEdit.php",
							type: "POST",
							data: {
								id:   $("#id").val(),
								name: $("#ename").html(),
								date: $("#date").val(),
								startTime: $("#startTime").val(),
							},
							context: document.body, 
							success: function(data){
							getEvent('eid',data);
						}});
						return false;
					  });

					  $('h2.editableText, p.editableText').editableText({
						newlinesEnabled: false
					  });
						
					  $.editableText.defaults.newlinesEnabled = true;
					  
					  $('div.editableText').editableText();
						

					  $('.dateInput').datepicker( {
						  dateFormat: 'DD d MM ',
						  onSelect: function(value, date) { 
							var txt = document.getElementById('date').value;
							var pieces = txt.split(" ");
							var len = pieces[1].length, last_char = pieces[1].charAt(len - 1), abbrev;
							if (len == 2 && pieces[1].charAt(0) == '1') {
							  abbrev = 'th'
							} else {
							  if (last_char == '1') {
								abbrev = 'st'
							  } else if (last_char == '2') {
								abbrev = 'nd'
							  } else if (last_char == '3') {
								abbrev = 'rd'
							  } else {
								abbrev = 'th'
							  }
							}
							document.getElementById('date').value = pieces[0]+' '+pieces[1]+abbrev+' '+pieces[2];
						  }
						});

					});

                } else {
                        alert("There was a problem retrieving the data:\n" + eventReq.statusText);
                }
        }
}

function fade(amt) {
	if(amt <= 100) {
		setFade(amt);
		amt += 10;
		setTimeout("fade("+amt+")", 5);
    }
}

function setFade(amt) {
	obj = document.getElementById("calendar");
	
	amt = (amt == 100)?99.999:amt;
  
	// IE
	obj.style.filter = "alpha(opacity:"+amt+")";
  
	// Safari<1.2, Konqueror
	obj.style.KHTMLOpacity = amt/100;
  
	// Mozilla and Firefox
	obj.style.MozOpacity = amt/100;
  
	// Safari 1.2, newer Firefox and Mozilla, CSS3
	obj.style.opacity = amt/100;
}