var iFrameHeight = 160;
var iFrameWidth = 200;

// Set Up Color Scheme Here...
var calHeadingColor		    = "BEIGE";	//---> Set the Background Color Of the Heading.
var calHeadingOverColor		= "WHITE";	//---> Set the Background Color Of the Heading on mouseOver.
var dayHeadingColor		    = "#AAAAAA";	//---> Set the Background Color Of the Day Heading.
var calEmptyColor		      = "#EEEEEE";	//---> Set the Background Color Of Empty Cells at the End of the Calander.
var calRegColor 		      = "#FAE9BE";  	//---> Set the Background Color Of Regular Dates.
var calOtherDayColor 		  = "#EEEEEE";  	//---> Set the Background Color Of Other Dates (previous month days).
var calTodayColor		      = "#CCCC99";  	//---> Set the Background Color Of Today's Date.
var MonthTextColor		    = "BLUE";	//---> Set the Text Color For the Month Display
var MonthBackgroundColor	= "#FFFFFF";	//---> Set the Background Color For the Month Display.

var functionToCall = "";

var browser = new calBrowser();

if (browser.ie4 || browser.ie5){
  document.write("<iframe id='spCal' name='spCal' src='blank.jsp' STYLE='display:none; position:absolute;width:" + iFrameWidth + ";height:" + iFrameHeight + ";z-index=105' MARGINHEIGHT='0' MARGINWIDTH='0' width:156 SCROLLING='NO'></iframe>");
}

if (browser.ns6 || browser.ns4){
  document.write("<div id='spCal' name='spCal' class='content' STYLE='display:none; border:ridge;position:fixed;width:" + iFrameWidth + ";height:" + iFrameHeight + ";z-index=4' MARGINHEIGHT='0' MARGINWIDTH='0' width:156 SCROLLING='NO'></div>");
}

 /*
 Functionality presents an interactive calendar for a use to pick a date from.
 The current supported date format is 'mm/dd/yyyy'. Originally, the calendar was drawn in 
 a popup window(some of that code is left commented out.  I decided to create a calendar drop-down with similiar functionality to the 
 date picker used by expedia.com ie the calendar automatically is positioned below the object it is called from.
 
 To utilize this functionality for a text box, a call would look something like ->
 <INPUT id=cmdDisplayCalEnd  onclick="javascript:buildCal(frmDateSelect.txtEndDate);" name=cmdDisplayCalEnd type=button style="HEIGHT: 22px; WIDTH: 19px" value=...>

*/

var newformat = {date:{m:0,d:1,y:2},time:{h:0,m:1}};

/*  
	Functions for validating dates
	var newformat = {date:{d:0,m:1,y:2},time:{h:0,m:1}}; is the format = dd/mm/yyyy
	var newformat = {date:{m:0,d:1,y:2},time:{h:0,m:1}}; is the format = mm/dd/yyyy
*/

function fn_clearFunction(){
  functionToCall = "";
}

function buildCal(field,fnctn,defaultDate) {
  if(fnctn){
    functionToCall = fnctn;
  }else{
    functionToCall = "";
  }
  
	var calDate = new Date();
	calDateField = arguments[0];
	
	//alert(calDateField.id);
	
	/* This section is IE 5+ specific.  
	   In order to run this in lower browsers, a span tag called 
	   "spCal" needs to be defined in the HTML document.  
	 */  

	CalFrame = document.getElementById("spCal");
	 
	if (CalFrame== undefined)
	 {
		
	    //CalFrame =document.createElement("<span id='spCal' STYLE='display:none; border:ridge;position:absolute;width:200;height:140;z-index=100' MARGINHEIGHT='0' MARGINWIDTH='0' NORESIZE FRAMEBORDER='0' width:156 SCROLLING='NO'></span>"); 
    	    document.write("<span id='spCal' STYLE='display:none; border:ridge;position:fixed;width:200;height:140;z-index=100' MARGINHEIGHT='0' MARGINWIDTH='0' NORESIZE FRAMEBORDER='0' width:156 SCROLLING='NO'></span>");
	    CalFrame = document.getElementById("spCal");
	
	    //document.body.insertBefore(CalFrame);
	 }
	
        // CalFrame.style.left = 0 + "px";	   
      CalFrame.style.left = getAbsX(document.getElementById("Calendar")) + "px";
       
      // CalFrame.style.left = getAbsX(calDateField) + "px";
	
	var eT = calDateField.offsetTop; 
	var eH = calDateField.offsetHeight;
	var dH = CalFrame.style.pixelHeight;
	var sT = document.body.scrollTop;
	
	//CalFrame.style.top = eT+eH + sT;	
        CalFrame.style.top=getAbsY(calDateField) + "px";
  //added to allow default date to pass in other than the field value;      
  var tempDateVal = "";
  
  if(calDateField.value == "" && defaultDate){
    tempDateVal = defaultDate;
  }else{
    tempDateVal = calDateField.value;
  }
  //***********************************************************
//    switch (isValidDate(calDateField.value))
    switch (isValidDate(tempDateVal))
    {
		case 0:
			// no date supplied, use current date
			calDate = new Date();
			break;
		case -1:
    		// invalid date supplied,
    		alert('invalid date given');
    		return false;
    		break;
    		
    	case 1:
//			calDate = calDateField.value.toDateTime(newformat);
      calDate = tempDateVal.toDateTime(newformat);
			break;
    }
    
	if (CalFrame.style.display == "")
	{
		CalFrame.style.display = "none";
		//return;
	}
	// First call to the calendar gets set to the current date
	//alert(calDate.getDate() + '/' + (calDate.getUTCMonth() + 1) + '/' + calDate.getFullYear());
  	drawCal(calDate.getDate() + '/' + (calDate.getUTCMonth() + 1) + '/' + calDate.getFullYear());
CalFrame.style.display = "";

}

function drawCal (sDate)
{
	var sHTML = new String();
	var lTargetYear;
	var lTargetMonth;
	var lTargetDay;
	
	var sSplitDate;
	
	var objPop;
	// ex: "02/15/2001" will get split into an array.  the '/' is the separator
	sSplitDate = sDate.split('/');
	
	lTargetYear = sSplitDate[2];
	lTargetDay = sSplitDate[0];
	lTargetMonth = sSplitDate[1] -1;
	
	//objPop= window.open('','Note','toobar=no,location=no, directories=no,status=yes,scrollbars=yes,resizable=yes, copyhistory=no,width=300,height=200')
          
	  //font-family : Arial,Helvetica,Sans-serif;
	  //font-size : 11px;
	  //color : #ffffff;
	  //setup styles to define the look of the calendar
	  
	  
	sHTML += '<html><body><style>';
	sHTML += '.calHeadingTitle {background-color: #009900;font: BOLD 10px Verdana, Arial, sans-serif; color: WHITE;}'
	sHTML += '.calHeading {background-color : ' + calHeadingColor + '; border-top-style: outset; font: 8px Verdana;}'
	sHTML += '.calHeadingOver {background-color : ' + calHeadingOverColor + '; border-top-style: outset; font: 8px Verdana;}'
	sHTML += '.dayHeading {background-color : ' + dayHeadingColor + '; border-top-style: outset; font: 8px Verdana;}'
	sHTML += '.calEmpty {background-color : ' + calEmptyColor + '; border-top-style: outset; font: 8px Verdana;}'

	sHTML += '.calOtherDay {background-color : ' + calOtherDayColor + ';FONT-FAMILY: verdana, arial; font : xx-small;}';
	sHTML += '.calToday { font-family : Arial,Helvetica,Sans-serif; font-size : 11px; color : #ffffff;background-color : ' + calTodayColor + ';}';
	sHTML += '.calReg { font-family : Arial,Helvetica,Sans-serif; font-size : 11px; color : #ffffff;background-color :' + calRegColor + ';}';
 
	sHTML += ' select.month{ font-family : Arial,Helvetica,Sans-serif; font-size : 11px; color : ' + MonthTextColor + '; width : 75px;background-color: ' + MonthBackgroundColor + '}';
	sHTML += 'TD.calReg:VISITED {	background-color : Blue;} </style>';
 
 //start grid	

 	sHTML += '<table cellspacing=0 border=0 cellpadding=0 WIDTH="100%">';
	sHTML += '<tr>';
	sHTML +=   '<td>'
	sHTML += 	'<table border="0" cellpadding="0" cellspacing="0" WIDTH="100%">'
	sHTML +=	'<tr class="calHeadingTitle"><td WIDTH="100%" ALIGN="CENTER">CALENDAR</td><td width="20px" onClick="parent.HideCal()" ALIGN="RIGHT"><IMG SRC="../Images/Misc/Close.gif">'
	sHTML += 	'</td></tr></table>'
	sHTML +=   '</td></tr>';
 	sHTML += '</table>';
 	sHTML += '<table border="0" cellpadding="0" cellspacing="0">'
 	
	sHTML += '<tr class="calHeading">';
	sHTML +=  '<td width=1></td>';
	sHTML +=   '<td width=200></td>';
	sHTML +=   '<td width=1></td></tr>';
	sHTML +=  '<tr class="calEmpty"><td width=1></td>';
	sHTML +=  '<td width=200>';
	sHTML += DrawCalendarMonth(lTargetYear, lTargetMonth, lTargetDay);
	sHTML +=  '</tr></table></body></html>';//</td><td width=1></td>';
    
     var calobj = document.getElementById("spCal");
     //calobj.write(sHTML);
     
     
      	if (browser.ie4 || browser.ie5){
      		self.spCal.document.body.innerHTML = sHTML;            

		//self.spCal.document.open();
		//self.spCal.document.write(sHTML);
		//self.spCal.document.close();
	  //calobj.innerHTML=sHTML;  
	}
	  if (browser.ns6 || browser.ns4){
	    //calobj.document.body.innerHTML=sHTML;
	  // calobj.insertAdjacentHTML('beforeEnd', sHTML); 
	   calobj.innerHTML=sHTML;
	  // calobj.document.body.appendChild(sHTML);
	   //calobj.outerHTML=sHTML;
	  }
     

}

function DrawCalendarMonth(lYear, lMonth, lDay)
{
   var sCal = new String();
   var sMonthPicker = new String();
   var dcurrDate= new Date(lYear, lMonth, lDay);
   
    monthArray = new Array('January', 'February', 'March', 'April', 'May', 'June',
                           'July', 'August', 'September', 'October', 'November', 'December');
    weekdayList  = new Array('Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday');
    weekdayArray = new Array('Su','Mo','Tu','We','Th','Fr','Sa');
    var lDaysInMonth = GetDaysInMonth(dcurrDate.getMonth()+1, dcurrDate.getYear());
    var thisMonthFirstDay = new Date(dcurrDate.getFullYear(), dcurrDate.getMonth(), 1);
   
  //  var sNextYear = (thisMonthFirstDay.getUTCMonth()+ 1) + '/' + 1 + '/' + (thisMonthFirstDay.getFullYear() +1);
    var sNextYear = (1 + '/' + (thisMonthFirstDay.getUTCMonth()+ 1) + '/' + (thisMonthFirstDay.getFullYear() +1));
    //var sPrevYear = (thisMonthFirstDay.getUTCMonth()+ 1) + '/' + 1 + '/' + (thisMonthFirstDay.getFullYear() -1);    
    var sPrevYear = ( 1 + '/' + (thisMonthFirstDay.getUTCMonth()+ 1) + '/' + (thisMonthFirstDay.getFullYear() -1));
    var sNextMonth = ( 1 + '/' + (thisMonthFirstDay.getUTCMonth()+ 2) + '/' + (thisMonthFirstDay.getFullYear()));
    var sPrevMonth = ( 1 + '/' + (thisMonthFirstDay.getUTCMonth()+ 0) + '/' + (thisMonthFirstDay.getFullYear()));
    
    
    // 'Set the Date variables
  
  
   sMonthPicker += '<select class="month" name="month" id="month" onchange="javascript:var blah=\'01/\' + (this.selectedIndex + 1) + \'/' + thisMonthFirstDay.getFullYear() +'\';parent.drawCal(blah);">';
		for (var y=0; y < 12;y++){
	      sMonthPicker += '<option value="' + y + '"';
	         if (y == lMonth) sMonthPicker += ' selected';
		  sMonthPicker += '>' + monthArray[y] + '</option>';
	    }
	    sMonthPicker += '</select>';

//---> DISPLAY THE HEADING...
   sCal = '<table width=200 border=1 style="background-color:while;border-collapse:collapse">' + '<tr class="calHeading">';
   sCal += '<td style="cursor:hand;" onmouseover="this.className=\'calHeadingOver\';" onmouseout="this.className=\'calHeading\';" onclick="javascript:parent.drawCal(\'' + sPrevYear +'\');" align=center><font face=verdana, arial size=2>&lt;&lt;</font></td>';

   sCal += '<td colspan=5 align=center><font face="verdana, arial" size=1>' + sMonthPicker + dcurrDate.getFullYear() + '</font></td>';

   sCal += '<td style="cursor:hand;" onmouseover="this.className=\'calHeadingOver\';" onmouseout="this.className=\'calHeading\';" onclick="parent.drawCal(\'' + sNextYear +'\');" align=center><font face="verdana, arial" size=2>&gt;&gt;</font></td>';
   sCal += '</tr>';

 weekdays = '<tr CLASS="dayHeading">';
 // LOOP THROUGH WEEKDAY ARRAY
    for(var i = 0;i<weekdayArray.length;i++){    
		//for (i in weekdayArray) {//change due to problem using extend object Array.
			weekdays += '<td align=center><font face="verdana, arial" size=1>' + weekdayArray[i] +'</font></td>';
		}
		weekdays += '</TR><TR>';
 
  sCal += weekdays;
   
  //document.write ('The start day for this month is' + thisMonthFirstDay.getDay() +'<TR>');
  
   
  for (i=0; i < thisMonthFirstDay.getDay(); i++)  
	{
		sCal += DrawOtherDay(thisMonthFirstDay.getDay() - i, dcurrDate);
	}
  
  for (i=1; i < lDaysInMonth+1; i++)  
	{
		dcurrDate.setDate(i);
		sCal += DrawNormalDay(i, dcurrDate);
		
		if (dcurrDate.getDay() ==6) 
		//start a new week if we are at the end
			{ 
				sCal +='</tr><tr>';      
    	    }
	
	}
  
 return sCal;

}

function DrawOtherDay(lDayOffset, dDate)
{
 var DayNumber;
 var dWorkingDate = new Date(dDate.getYear(), dDate.getMonth(), (- lDayOffset) + 1) 
 var sTemp = new String(); 
 
 DayNumber = dWorkingDate.getDate();
 
 //' Draws a day cell - date is in previous or next month
 //' The response.write's are separate lines for clarity only
 sTemp = '<td class="calOtherDay" align=center>';
 sTemp += '';
 sTemp += DayNumber + '</td>';
 return sTemp;
}


var STR_PAD_LEFT = 1;
var STR_PAD_RIGHT = 2;
var STR_PAD_BOTH = 3;
 
function pad(str, len, pad, dir) {
 
	if (typeof(len) == "undefined") { var len = 0; }
	if (typeof(pad) == "undefined") { var pad = ' '; }
	if (typeof(dir) == "undefined") { var dir = STR_PAD_RIGHT; }
	if (len + 1 >= str.length) {
		switch (dir){
 
			case STR_PAD_LEFT:
				str = Array(len + 1 - str.length).join(pad) + str;
			break;
 
			case STR_PAD_BOTH:
				var right = Math.ceil((padlen = len - str.length) / 2);
				var left = padlen - right;
				str = Array(left+1).join(pad) + str + Array(right+1).join(pad);
			break;
 
			default:
				str = str + Array(len + 1 - str.length).join(pad);
			break;
 
		} // switch
 
	}
 
	return str;
 
}

function DrawNormalDay(DayNumber, dDate)
{
 //' Draws a day cell - date is in current month
 //' The response.write's are separate lines for clarity only
  var sDayDate = new String();
  var sTemp = new String(); 
  var dToday = new Date();
  var sClassName = 'calReg';
  
  sDayDate = (dDate.getMonth() + 1) + '/' + DayNumber + '/' + dDate.getFullYear();

  if (sDayDate == ((dToday.getMonth() + 1) + '/' + dToday.getDate() + '/' + dToday.getFullYear()))
  {
  	//alert(((dToday.getMonth() + 1) + '/' + dToday.getDate() + '/' + dToday.getFullYear()));
	sClassName='calToday';
  }   
    
  sDayDate = pad((dDate.getMonth() + 1).toString(),2,'0', STR_PAD_LEFT)+ '/' + pad(DayNumber.toString(),2,'0', STR_PAD_LEFT) + '/' + dDate.getFullYear();
  
  sTemp += '<td class="' + sClassName +'" ';
  //sTemp += 'onclick="calDateField.value=(\'' + sDayDate + '\'); HideCal();"';
  sTemp += 'onclick="javascript:parent.calDateField.value=(\'' + sDayDate + '\'); parent.HideCal();parent.calDateField.focus()"';
  
  
  sTemp += ' align=center>';
  sTemp += '<a href="#" onclick="void(\'' + sDayDate + '\');">' + DayNumber + '</a></td>';
  return sTemp;
}

function HideCal()
{
	CalFrame.style.display = "none"
  if(functionToCall != ""){
    eval(functionToCall);
  }  
}

function GetNextMonth(dCurrentDate) {

	var lbmonth;
	var lbyear;
	
	    // IF MONTH IS DECEMBER, SET MONTH TO JANUARY AND INCREMENT THE YEAR
        if (dCurrentDate.getMonth == 11) {
            dCurrentDate.setMonth(0);
            dCurrentDate.setYear(dCurrentDate.getYear() + 1);
            //dCurrentDate.setFullYear(glbyear);
        }
        else {
            dCurrentDate.setMonth(dCurrentDate.getMonth() + 1);
        }
        //dCurrentDate.setMonth(glbmonth);
        return dCurrentDate;
}


function GetDaysInMonth(iMonth, iYear) 
{
	//Returns the number of days in a month
	/*
		In: iMonth: Number of the Month -not zero based ie 3=March
		    iYear: four digit year
	*/
	var dPrevDate = new Date(iYear, iMonth, 0);
	return dPrevDate.getDate();
}

String.prototype.getDateStr = function (dateformat) 
{
 re = {d:"\\d(\\d|)",m:"([\\d]|)\\d",y:"\\d\\d([\\d]|)([\\d]|)" };
 tempobj = {};
 for(var i=0; i<3; i++)
  for(var j in dateformat)
   if(dateformat[j]==i) {
    dateformat[i]=j;
    break;
   }
 var re_str = "\\b" + re[dateformat[0]] + "([\\.]|[\\/])" + re[dateformat[1]] + "([\.]|[\/])" + re[dateformat[2]] + "\\b";
 var date = this.match(new RegExp(re_str,"gmi"));
 return  (date==null ? null : date[0].indexOf(".")!=-1 && date[0].indexOf("/")!=-1? null : date[0]);
}

String.prototype.getTimeStr = function (timeformat) {
 var time = this.match(/\b(\d|)\d\:\d\d\b/);
 return (time==null ? null : time[0]);
}


String.prototype.toDateTime = function (format) {
 typeof(format)=="undefined"? format = {date:{y:2,m:1,d:0},time:{h:0,m:1}} : null;
 with(this) {
  var d_ = getDateStr(format.date);
  var d = d_!= null? d_.split(d_.match(/\D/)) : [1,1,1970];
  d[format.date.m]--;
  new String(d[format.date.y]).length==2? d[format.date.y]=parseInt("19" + d[format.date.y]) : null;
  var t_ = getTimeStr(format.time);
  t = t_!=null? t_.split(t_.match(/\D/)) : [0,0];
 }

 with(format) {
  var td = new Date (d[date.y],d[date.m],d[date.d],t[time.h],t[time.m]);
  return (td.getFullYear()==d[date.y] && td.getMonth()==d[date.m] && 
         td.getDate()==d[date.d] && td.getHours()==t[time.h] && 
         td.getMinutes()==t[time.m]? td : null);
 }
}

function calBrowser() {
	  this.dom = document.getElementById?1:0;
	  this.ie4 = (document.all && !this.dom)?1:0;
	  this.ns4 = (document.layers && !this.dom)?1:0;
	  this.ns6 = (this.dom && !document.all)?1:0;
	  this.ie5 = (this.dom && document.all)?1:0;
	  this.ok = this.dom || this.ie4 || this.ns4;
	  this.platform = navigator.platform;
	}
	

function isValidDate (sDateIn) {
	 	switch(true) 	{
	 		case (Date.UTC(new Date(1970,0,1,0,0,0))==Date.UTC(sDateIn.toDateTime(newformat))):
	 			//alert('nothing entered here');
	 			return 0;
	 			break;
	 		case ((sDateIn.toDateTime(newformat)) != null): 
	 			//alert('valid date/time');
	 			return 1;
	 			break;
	 		case true: 
	 		//same as case else or default (ie result must have been null)
	 			//alert('invalid date');
	 			return -1;
	 			break;
	 	
	 	}
}

// get the true offset of anything on NS4, IE4/5 & NS6, even if it's in a table!

function getAbsX(elt) { return (elt.x) ? elt.x : getAbsPos(elt,"Left");}
function getAbsY(elt) { return (elt.y) ? elt.y : getAbsPos(elt,"Top"); }
function getAbsPos(elt,which) {
 iPos = 0;
 

if(which=="Top"){
	iPos = window.event.y + document.body.scrollTop;
	if((iPos + iFrameHeight) >= (document.body.scrollTop + document.body.clientHeight)){
		iPos = (document.body.scrollTop + document.body.clientHeight) - iFrameHeight - 15;
	};
}else{
	iPos = window.event.x;
  	if((iPos + iFrameWidth) >= document.body.clientWidth){
  		iPos = document.body.clientWidth - 15 - iFrameWidth;
  	};
  		
};
 	return iPos;
}

//-->