// Title: Timestamp picker
// Description: See the demo at url
// URL: http://us.geocities.com/tspicker/
// Script featured on: http://javascriptkit.com/script/script2/timestamp.shtml
// Version: 1.0
// Date: 12-05-2001 (mm-dd-yyyy)
// Author: Denis Gritcyuk <denis@softcomplex.com>; <tspicker@yahoo.com>
// Notes: Permission given to use this script in any kind of applications if
//    header lines are left unchanged. Feel free to contact the author
//    for feature requests and/or donations

function show_calendar(str_target, oForm, str_end, str_datetime, fTime) {

	//var arr_months = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
	var arr_months = ["Janeiro", "Fevereiro", "Mar&ccedil;o", "Abril", "Maio", "Junho", "Julho", "Agosto", "Setembro", "Outubro", "Novembro", "Dezembro"];
	//var week_days = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
	var week_days = ["Dom", "Seg", "Ter", "Qua", "Qui", "Sex", "Sab"];
	var n_weekstart = 1; // day week starts from (normally 0 or 1)

	var dt_datetime = (str_datetime == null || str_datetime =="" ?  new Date() : str2dt(str_datetime));
	var dt_prev_month = new Date(dt_datetime);
	dt_prev_month.setMonth(dt_datetime.getMonth()-1);
	var dt_next_month = new Date(dt_datetime);
	dt_next_month.setMonth(dt_datetime.getMonth()+1);
	var dt_firstday = new Date(dt_datetime);
	dt_firstday.setDate(1);
	dt_firstday.setDate(1-(7+dt_firstday.getDay()-n_weekstart)%7);
	var dt_lastday = new Date(dt_next_month);
	dt_lastday.setDate(0);
	
	//div do calendario e link de chamada
	var oLink=document.getElementById("oLink"+str_end);
	var oDiv=parent.document.getElementById("oDiv");
	
	// html generation (feel free to tune it for your particular application)
	// print calendar header
	var str_buffer = new String (
	"<html><head><title>calendario</title></head><body>" + 
		"<table class=\"clsOTable\" style=\"border:1px solid #ffffff\" cellspacing=\"0\" border=\"0\" width=\"160\">\n"+
		"<tr><td bgcolor=\"#888888\">\n"+
		"<table cellspacing=\"1\" cellpadding=\"3\" border=\"0\" width=\"100%\">\n"+
//		"<tr>\n	<td bgcolor=\"#888888\"><a title=\"m&ecirc;s anterior\" style=\"color:#ffffff; text-decoration:none;\" href=\"javascript: window.frames[0].show_calendar('"+
		"<tr>\n	<td bgcolor=\"#888888\"><a title=\"m&ecirc;s anterior\" style=\"color:#ffffff; text-decoration:none;\" href=\"javascript: window.frameElement.ownerDocument.getElementById('iframe_iti').contentWindow.show_calendar('"+
		str_target+"', '"+oForm+"', '"+str_end+"', '"+ dt2dtstr(dt_prev_month,"all")+"'+document.cal.time.value, "+fTime+");\">"+
		"<b>&laquo;</b>"+
		"</a></td>\n"+
		"	<td bgcolor=\"#888888\" colspan=\"5\" align=\"center\">"+
		"<font color=\"white\" face=\"verdana\" size=\"1\"><b>"
		+arr_months[dt_datetime.getMonth()]+" "+dt_datetime.getFullYear()+"</b></font></td>\n"+
//		"	<td bgcolor=\"#888888\" align=\"right\"><a title=\"pr&oacute;ximo m&ecirc;s\" style=\"color:#ffffff; text-decoration:none;\" href=\"javascript:window.frames[0].show_calendar('"+
		"	<td bgcolor=\"#888888\" align=\"right\"><a title=\"pr&oacute;ximo m&ecirc;s\" style=\"color:#ffffff; text-decoration:none;\" href=\"javascript:window.frameElement.ownerDocument.getElementById('iframe_iti').contentWindow.show_calendar('"+
		str_target+"', '"+oForm+"', '"+str_end+"', '"+dt2dtstr(dt_next_month,"all")+"'+document.cal.time.value, "+fTime+");\">"+
		"<b>&raquo;</b>"+
		"</a></td>\n</tr>\n"
	);	
	// print hour
	str_buffer +=
		"<form name=\"cal\" onsubmit=\"return false;\">\n<tr style=\"display:none;\"><td colspan=\"7\" bgcolor=\"#87CEFA\">"+
		"<font face=\"verdana\" size=\"1\"";
	if(fTime) str_buffer += " color=\"#cccccc\"";
	str_buffer +=
		">Hora: <input type=\"text\" name=\"time\" value=\""+dt2tmstr(dt_datetime)+
		"\" size=\"8\" maxlength=\"8\" style=\"font:10px normal verdana; border-width:1px;\"";
	if(fTime) str_buffer += " disabled";
	str_buffer += 
		"></font></td></tr>\n</form>\n";

	var dt_current_day = new Date(dt_firstday);
	// print weekdays titles
	str_buffer += "<tr>\n";
	for (var n=0; n<7; n++)
		str_buffer += "	<td bgcolor=\"#87CEFA\">"+
		"<font color=\"white\" face=\"verdana\" size=\"1\">"+
		week_days[(n_weekstart+n)%7]+"</font></td>\n";
	// print calendar table
	str_buffer += "</tr>\n";
	while (dt_current_day.getMonth() == dt_datetime.getMonth() ||
		dt_current_day.getMonth() == dt_firstday.getMonth()) {
		// print row header
		str_buffer += "<tr>\n";
		for (var n_current_wday=0; n_current_wday<7; n_current_wday++) {
				if (dt_current_day.getDate() == dt_datetime.getDate() &&
					dt_current_day.getMonth() == dt_datetime.getMonth())
					// print current date
					str_buffer += "	<td bgcolor=\"#FFB6C1\" align=\"right\">";
				else if (dt_current_day.getDay() == 0 || dt_current_day.getDay() == 6)
					// weekend days
					str_buffer += "	<td bgcolor=\"#DBEAF5\" align=\"right\">";
				else
					// print working days of current month
					str_buffer += "	<td bgcolor=\"white\" align=\"right\">";

				if (dt_current_day.getMonth() == dt_datetime.getMonth()){
					// print days of current month
					str_buffer += "<a href=\"\" onclick=\"javascript: "+
					str_target+str_end+".value='"+dt2dtstr(dt_current_day,"all")+"'+document.cal.time.value; "+
//					oForm+".data"+str_end+".value='"+dt2dtstr(dt_current_day,"all")+"'; oDiv.style.display='none'; return false;";
					oForm+".data"+str_end+".value='"+dt2dtstr(dt_current_day,"all")+"'; parent.document.getElementById('oDiv').style.display='none'; return false;";
					/*oForm+".dia"+str_end+".value='"+dt2dtstr(dt_current_day,"d")+"'; "+
					oForm+".mes"+str_end+".value='"+dt2dtstr(dt_current_day,"m")+"'; "+
					oForm+".ano"+str_end+".value='"+dt2dtstr(dt_current_day,"a")+"'; ";*/
					if(!fTime)
						str_buffer += oForm+".hora"+str_end+".value=document.cal.time.value.substring(0,2); "+
						oForm+".min"+str_end+".value=document.cal.time.value.substring(3,5); ";
//					str_buffer += "oDiv.style.display='none';"+
					str_buffer += "parent.document.getElementById('oDiv').style.display='none';"+
					"return false;\"><font color=\"black\" face=\"verdana\" size=\"1\">";
				}else{
					// print days of other months
					str_buffer += "<a href=\"\" onclick=\"javascript:"+
					str_target+str_end+".value='"+dt2dtstr(dt_current_day,"all")+"'+document.cal.time.value; "+
//					oForm+".data"+str_end+".value='"+dt2dtstr(dt_current_day,"all")+"'; oDiv.style.display='none'; return false;";
					oForm+".data"+str_end+".value='"+dt2dtstr(dt_current_day,"all")+"'; parent.document.getElementById('oDiv').style.display='none'; return false;";
					/*oForm+".dia"+str_end+".value='"+dt2dtstr(dt_current_day,"d")+"'; "+
					oForm+".mes"+str_end+".value='"+dt2dtstr(dt_current_day,"m")+"'; "+
					oForm+".ano"+str_end+".value='"+dt2dtstr(dt_current_day,"a")+"'; ";*/
					if(!fTime)
						str_buffer += oForm+".hora"+str_end+".value=document.cal.time.value.substring(0,2); "+
						oForm+".min"+str_end+".value=document.cal.time.value.substring(3,5); ";
//					str_buffer += "oDiv.style.display='none';"+
					str_buffer += "parent.document.getElementById('oDiv').style.display='none';"+
					"return false;\"><font color=\"gray\" face=\"verdana\" size=\"1\">";
				}
				str_buffer += dt_current_day.getDate()+"</font></a></td>\n";
				dt_current_day.setDate(dt_current_day.getDate()+1);
		}
		// print row footer
		str_buffer += "</tr>\n";
	}
	// print calendar footer
	str_buffer +=
		"<tr><td colspan=\"5\" style=\"font-size:9px; font-family: Verdana; color:#eeeeee;\">";
	str_buffer += "*Clique no dia escolhido!";
	str_buffer +=
		"</td><td colspan=\"2\"><input type=\"image\" src=\"gfx/btn_fechar.jpg\" width=\"49\" height=\"13\" " +
		"onclick=\"parent.document.getElementById('oDiv').style.display='none';\"></td></tr>\n" +
		//"</td><td colspan=\"2\"><input type=\"button\" value=\"Fechar\" class=\"button\"" +
		//"onclick=\"parent.document.getElementById('oDiv').style.display='none';\"></td></tr>\n" +
		"</table>\n" +
		"</td>\n</tr>\n</table>\n";
		
//	oDiv.innerHTML=str_buffer;  // Quando o calend?rio aparecia num DIV e n?o num IFRAME
	oDiv.contentWindow.document.body.innerHTML=str_buffer;
	oDiv.style.position="absolute";
	oDiv.style.top=totalElementXYOffset(oLink,'y')+totalElementXYOffset(parent.document.getElementById('iframe_iti'),'y')-190;
	oDiv.style.left=totalElementXYOffset(oLink,'x')+totalElementXYOffset(parent.document.getElementById('iframe_iti'),'x')+20;
	oDiv.style.display="inline";
	oDiv.style.filter="progid:DXImageTransform.Microsoft.Alpha(opacity=85)";
}
// datetime parsing and formatting routimes. modify them if you wish other datetime format
function str2dt (str_datetime) {
	var re_date = /^(\d+)\/(\d+)\/(\d+)\s+(\d+)\:(\d+)$/;
	if (!re_date.exec(str_datetime))
		return alert("Invalid Datetime format: "+ str_datetime);
	return (new Date (RegExp.$3, RegExp.$2-1, RegExp.$1, RegExp.$4, RegExp.$5));
}
function dt2dtstr (dt_datetime,flag) {
	var curDay=dt_datetime.getDate();
	curDay=((curDay < 10) ? '0' : '') + curDay;
	var curMon=dt_datetime.getMonth()+1;
	curMon=((curMon < 10) ? '0' : '') + curMon;
	if(flag=="all") return (new String (curDay+"/"+curMon+"/"+dt_datetime.getFullYear()+" "));
	else if(flag=="d") return (new String (curDay));
	else if(flag=="m") return (new String (curMon));
	else if(flag=="a") return (new String (dt_datetime.getFullYear()));
}
function dt2tmstr (dt_datetime) {
	var curHou=dt_datetime.getHours();
	curHou=((curHou < 10) ? '0' : '') + curHou;
	var curMin=dt_datetime.getMinutes();
	curMin=((curMin < 10) ? '0' : '') + curMin;
	//var curSec=dt_datetime.getSeconds();
	//curSec=((curSec < 10) ? '0' : '') + curSec;
	return (new String (curHou+":"+curMin));
}
function totalElementXYOffset(obj,target){
    var xOffset, yOffset, elParent;
    if(obj){
        if(typeof obj.offsetTop == 'number'){
            yOffset = obj.offsetTop||0;
            xOffset = obj.offsetLeft||0;
            elParent = obj.offsetParent;
            while(elParent){
                yOffset += elParent.offsetTop||0;
                xOffset += elParent.offsetLeft||0;
                elParent = elParent.offsetParent;
            }
        }else if(typeof obj.top == 'number'){ //some Net 4 DIVs
            yOffset = obj.top;
            xOffset = obj.left;
        }else if(typeof obj.y == 'number'){  //Net 4 IMG & A
            yOffset = obj.y;
            xOffset = obj.x;
        }else{      //information is not available
            return null;
        }
        //return {x:xOffset,y:yOffset};
		if(target=='x')	return xOffset;
		else if(target=='y') return yOffset;
    }
}
