var req2;

function navigate(month,year,evt) {
	setFade2(0);
	var url2 = "/calendar/super_calendar.php?month="+month+"&year="+year+"&event="+evt;
	if(window.XMLHttpRequest) {
		req2 = new XMLHttpRequest();
	} else if(window.ActiveXObject) {
		req2 = new ActiveXObject("Microsoft.XMLHTTP");
	}
	req2.open("GET", url2, true);
	req2.onreadystatechange = callback;
	req2.send(null);
}

function callback() {	
	if(req2.readyState == 4) {
		var response = req2.responseXML;	
		var resp = response.getElementsByTagName("response");
		getObject2("calendar").innerHTML = resp[0].getElementsByTagName("content")[0].childNodes[0].nodeValue;
		fade2(70);
	}
}

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

function fade2(amt2) {
	if(amt2 <= 100) {
		setFade2(amt2);
		amt2 += 10;
		setTimeout("fade2("+amt2+")", 5);
    }
}

function setFade2(amt2) {
	var obj2 = getObject2("calendar");
	amt2 = (amt2 == 100)?99.999:amt2;
	obj2.style.filter = "alpha(opacity:"+amt2+")";
	obj2.style.KHTMLOpacity = amt2/100;
	obj2.style.MozOpacity = amt2/100;
	obj2.style.opacity = amt2/100;
}

function showJump(obj2) {
	var curleft = curtop = 0;
	if (obj2.offsetParent) {
		curleft = obj2.offsetLeft
		curtop = obj2.offsetTop
		while (obj2 = obj2.offsetParent) {
			curleft += obj2.offsetLeft
			curtop += obj2.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('Januari','Februari','Maret','April','Mei','Juni','Juli','Agustus','September','Oktober','November','Desember');
	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="/calendar/images/calGo.gif" alt="go" /></a> <a href="javascript:hideJump()"><img src="/calendar/images/calStop.gif" alt="close" /></a>';
	jump.innerHTML = output;
	document.body.appendChild(jump);
}

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

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