var req;

	function navigate(month,year,evt) {
		setFade(0);
		//var url = "calendar/calendar.php?month="+month+"&year="+year+"&event="+evt;
		var url = "includes/calendar/calendar.php?month="+month+"&year="+year+"&event="+evt;
		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() {	
		if(req.readyState == 4) {
			var response = req.responseXML;	
			var resp = response.getElementsByTagName("response");
			getObject("calendar").innerHTML = resp[0].getElementsByTagName("content")[0].childNodes[0].nodeValue;
			fade(70);
		}
	}

	function getObject(obj) {
		var o;
		if(document.getElementById) o = document.getElementById(obj);
		else if(document.all) o = document.all.obj;	
		return o;	
	}

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

	function setFade(amt) {
		var obj = getObject("calendar");
		amt = (amt == 100)?99.999:amt;
		obj.style.filter = "alpha(opacity:"+amt+")";
		obj.style.KHTMLOpacity = amt/100;
		obj.style.MozOpacity = amt/100;
		obj.style.opacity = amt/100;
	}

	function showJump(obj) {
		var curleft = curtop = 0;
		if (obj.offsetParent) {
			curleft = obj.offsetLeft
			curtop = obj.offsetTop
			while (obj = obj.offsetParent) {
				curleft += obj.offsetLeft
				curtop += obj.offsetTop
			}
		}
		var jump = document.createElement("div");
		jump.setAttribute("id","jump");
		jump.style.position = "absolute";
		jump.style.top = curtop+15+"px";
		jump.style.left = curleft+"px";
		var output = '<select id="month">\n';
		var months = new Array('January','February','March','April','May','June','July','August','September','October','November','December');
		var n;
		for(var i=0;i<12;i++) {
			n = ((i+1)<10)? '0'+(i+1):i+1;
			output += '<option value="'+n+'">'+months[i]+'  </option>\n';
		}
		output += '</select> \n<select id="year">\n';
		for(var i=0;i<=15;i++) {
			n = (i<10)? '0'+i:i;
			output += '<option value="20'+n+'">20'+n+'  </option>\n';
		}
		output += '</select> <a href="javascript:jumpTo()"><img src="template/images/calendar/go.png" alt="go" style="padding-left: 5px;" /></a> <a href="javascript:hideJump()"><img src="template/images/calendar/close.png" alt="close" style="margin-left: 7px; margin-right: 5px;"/></a>';
		jump.innerHTML = output;
		document.body.appendChild(jump);
	}

	function hideJump() {
		document.body.removeChild(getObject("jump"));	
	}

	function jumpTo() {
		var m = getObject("month");
		var y = getObject("year");
		navigate(m.options[m.selectedIndex].value,y.options[y.selectedIndex].value,'');
		hideJump();
	}