var title_style = "background-color: rgb(0,4,98); color: rgb(250,250,250); font-family: Arial; font-size: 15pt;";
var title_style = "background-color: rgb(0,4,98); color: rgb(250,250,250); font-family: Verdana; font-size: 12pt; text-decoration:none; font-weight:bold; ";
var center_style = "background-color: rgb(200,200,250); border: 1px solid rgb(0,0,0);";

function printTable(refInt) {
	
	writelin("<table width='100%' height= 100%' cellspacing='0' cellpadding='0'>");
	writelin("<TR>");
		writelin("<TD align='center' style=\"" + title_style + "\">");
		writelin("Time chooser");
		writelin("</TD>");
	writelin("</TR>");
	writelin("<TR>"); 
		writelin("<TD align=\"center\" valign=\"middle\" style=\"" + center_style + "\">");
		writelin("<BR>");
		ref = tNow.getSeconds() + "_" + tNow.getMinutes();
		writelin("<FORM name='timePicker" + ref + "'>");
		writelin("<SELECT name='hours'>");     // HOURS *************************************
		
		for (i=0; i<10; i++) 
			if (i == tNow.getHours()) 
				writelin("<OPTION value='0" + i + "' selected >  0" + i + "</OPTION>");
			else
				writelin("<OPTION value='0" + i + "'>  0" + i + "</OPTION>");
		for (i=10; i<24; i++) 
			if (i == tNow.getHours()) 
				writelin("<OPTION value='" + i + "' selected >  " + i + "</OPTION>");
			else
				writelin("<OPTION value='" + i + "'>  " + i + "</OPTION>");
		writelin("</SELECT>");
		
		writelin("<font size='3' face='arial'>h</font>");
		
		writelin("<SELECT name='minutes'>");   // MINUTES ************************************
		for (i=0; i<10; i++) 
			if (i == tNow.getMinutes()) 
				writelin("<OPTION value='0" + i + "' selected >  0" + i + "</OPTION>");
			else
				writelin("<OPTION value='0" + i + "'>  0" + i + "</OPTION>");
		for (i=10; i<60; i++) 
			if (i == tNow.getMinutes()) 
				writelin("<OPTION value='" + i + "' selected >  " + i + "</OPTION>");
			else
				writelin("<OPTION value='" + i + "'>  " + i + "</OPTION>");				
		
		writelin("</SELECT>");		
		writelin("</FORM>");
			
		writelin("</TD>");
	writelin("</TR>");
	writelin("<TR>");
		writelin("<TD align='center' valign='baseline' style=\"" + title_style + "\">");
		writelin("<script>");
		writelin("hrs = document.timePicker"+ref+".hours;");
		writelin("mins = document.timePicker"+ref+".minutes;");
		writelin("refField = self.opener.document." + refInt + ";");
		writelin("</script>");
		writelin("<a href='#' " +
		          "onClick=\"refField.value=" + 
		          "hrs[hrs.selectedIndex].value + ':' + mins[mins.selectedIndex].value" +
		          ";window.close();\" " +
		          "style=\"" + title_style + "\">apply</a>");
		writelin("</TD>");
	writelin("</TR>");
	writelin("</table>");
		writelin("<BR><BR><BR><BR><BR>");
}

function writelin(wtext) {
	ggWinCal.document.writeln(wtext);
}

function getHours() {	
	if (tNow.getHours() >= 10) return tNow.getHours();
	else return "0" + tNow.getHours();	
}

function getMinutes() {	
	if (tNow.getMinutes() >= 10) return tNow.getMinutes();
	else return "0" + tNow.getMinutes();	
}

/* ******************************************************************************* */
/*
Monthly Calendar Code Starts here
*/
function show_time() {

    ref = arguments[0];

    vWinCal = window.open("", "Time", "width=170,height=150,status=no,resizable=no");
    vWinCal.opener = self;
    ggWinCal = vWinCal;

		tNow = new Date();
		
		writelin("<html>");
		writelin("<head><title>Time</title>");
		writelin("</head><body>");
		printTable(ref);
		writelin("</body>");
		writelin("</html>");
}

