var calFlag = '';
var click_id = '';
var frame_id = '';
var day_id = '';
var month_id = '';
var year_id = '';
var datefld_id  = '';
var dateFldType = '';
var dateFldFmt = '';
var dateSeparator = '';
var preDate = '';

// Get the left and the top of the element.

function calendar_getleft(el) {			
	var tmp = el.offsetLeft;		
	el = el.offsetParent;
	while(el) {
		tmp += el.offsetLeft;				
		el = el.offsetParent;				
	}			
	return tmp;
}

function calendar_gettop(el) {
	var tmp = el.offsetTop;
	el = el.offsetParent;
	while(el) {
		tmp += el.offsetTop;
		el = el.offsetParent;
	}
	return tmp;
}

function displaycalendar1(btnId,frameId,month,day,year){
	click_id = btnId;
	frame_id = frameId;
	month_id = month;
	day_id = day;
	year_id = year;
	
	preDate = document.getElementById(month_id).value;
	t = document.getElementById(frame_id);
	m = document.getElementById(click_id);
	t.style.left = calendar_getleft(m);
	t.style.top = calendar_gettop(m) + m.offsetHeight;

	if(calFlag == ''){
		document.getElementById(frameId).style.display = 'inline';
		calFlag = frameId;
	}
	else{
		document.getElementById(calFlag).style.display = 'none';
		document.getElementById(frameId).style.display = 'inline';
		calFlag = frameId;
	}
}

function fetchPosition(e){
	var left = 0;
	var top  = 0;

	while (e.offsetParent){
		left += e.offsetLeft;
		top  += e.offsetTop;
		e     = e.offsetParent;
	}

	left += e.offsetLeft;
	top  += e.offsetTop;

	return {x:left, y:top};
}

function displaycalendar(btnId,frameId,dateFldId,dateFldFormat,dateFldSeparator){

	click_id = btnId;
	frame_id = frameId;
	datefld_id = dateFldId;
	dateFldType = 'single_textfield';
	dateFldFmt = dateFldFormat;
	dateSeparator = dateFldSeparator;

	t = document.getElementById(frame_id);
	m = document.getElementById(datefld_id);

	if(document.getElementById('eventDialog') && document.getElementById('eventDialog').style.display!='none'){
		t.style.left = fetchPosition(m).x - fetchPosition(document.getElementById("eventDlgScroll")).x + 'px';
		t.style.top =  fetchPosition(m).y - fetchPosition(document.getElementById("eventDlgScroll")).y - 230 + 'px';
	}
	else{
		t.style.left = fetchPosition(m).x + 'px'; 
		t.style.top = fetchPosition(m).y + 16 + 'px';
	}

	if(calFlag == ''){
		if(document.getElementById(frameId))
			document.getElementById(frameId).style.display = 'inline';
		calFlag = frameId;
	}
	else{
		if(document.getElementById(calFlag))
			document.getElementById(calFlag).style.display = 'none';
		if(document.getElementById(frameId))
			document.getElementById(frameId).style.display = 'inline';
		calFlag = frameId;
	}
}