var intCalNumber = 1;
var browser = new Browser();

 if (browser.ie4 || browser.ie5){

	 document.write("<iframe id='spCal' name='spCal' STYLE='display:none; border:ridge;position:absolute;width:200;height:140;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:absolute;width:200;height:200;background-color:#ffffff;z-index=4' MARGINHEIGHT='0' MARGINWIDTH='0' width:156 SCROLLING='NO'></div>");

 }

 /*
 Matthew Payne 04/1/2001

 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 buildCal() {

	var calDate = new Date();
	calDateField = arguments[0];
	intCalNumber = arguments[1];
	
	
	//alert(calNumber);
	//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);
	 }

     
     if (browser.ie4 || browser.ie5){
	 if (intCalNumber == 1)
       {
	   CalFrame.style.left = (getAbsX(document.getElementById("IMG1")) -50) + "px";
	   }
	 else
       {
	   CalFrame.style.left = (getAbsX(document.getElementById("IMG2")) -50)+ "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;	
    
    if (browser.ie4 || browser.ie5 || browser.ie6){
    	CalFrame.style.top=getAbsY(calDateField) + "px";
    }
    
   if (browser.ns6 || browser.ns4)
    {
    	
    	CalFrame.style.left=300;
    	CalFrame.style.top=600;
    }
    

	calDate = new Date();
		
	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 += '.calHeading {background-color : Silver; border-top-style: outset; font: 8px Verdana;}'
	sHTML += '.calRegularDay {background-color : #007f9b;}';
	sHTML += 'A.calRegularDay.HOVER {background-color : #FFFACD;}';
	sHTML += '.calOtherDay {background-color : #eeeeee;FONT-FAMILY: verdana, arial; font : xx-small;}';
	sHTML += '.calToday { font-family : Arial,Helvetica,Sans-serif; font-size : 11px; color : #ffffff;background-color : #ffffcc;}';
	sHTML += '.calReg, TD.calReg:ACTIVE, TD.calReg:FOCUS, TD.calReg:HOVER, TD.calReg:VISITED {font-family : Arial,Helvetica,Sans-serif;font-size : 11px;}' ;
	sHTML += 'TD.calReg:HOVER {background-color : #eeeeee }';
	sHTML += 'background-color : #D5D7C3; cursor: hand; display : block;}';
	sHTML += ' select.month{ font-family : Arial,Helvetica,Sans-serif; font-size : 11px; color : blue; }';
	sHTML += 'TD.calReg:VISITED {	background-color : Blue;} </style>';
 //start grid	
	sHTML += '<table cellspacing=0 border=0 cellpadding=0>';
	sHTML += '<tr class="calHeading">';
	sHTML +=  '<td width=1></td>';
	sHTML +=   '<td width=200></td>';
	sHTML +=   '<td width=1></td></tr>';
	sHTML +=  '<tr class="heading"><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.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('Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
                               'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec');
    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 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.booking_form.preferred_month_'+ eval(intCalNumber) +'.selectedIndex=this.selectedIndex+1;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>';


  sCal = '<table width=200 border=1 style="background-color:while;border-collapse:collapse">' + '<tr class="heading" bgcolor="beige">';
   sCal += '<td style="cursor:hand;" onmouseover="this.style.backgroundColor=\'white\';" onmouseout="this.style.backgroundColor=\'\';" onclick="javascript:parent.drawCal(\'' + sPrevYear +'\');" align=center><font face=verdana, arial size=1>&lt;&lt;</font></td>';
   //sCal += '<td style="cursor:hand;" onmouseover="this.style.backgroundColor=\'white\';" onmouseout="this.style.backgroundColor=\'\';" onclick="parent.drawCal(\'' + sPrevMonth +'\');" align=center><font face="times, arial black,verdana, arial" size=2><b>&lt;</b></font></td>';
   sCal += '<td width=25 align=center style="cursor:hand;" onclick="javascript:if(month.selectedIndex>0){month.selectedIndex--;var blah=\'01/\' + (month.selectedIndex + 1) + \'/' + thisMonthFirstDay.getFullYear() +'\';parent.booking_form.preferred_month_'+ eval(intCalNumber) +'.selectedIndex=month.selectedIndex+1;parent.drawCal(blah);}"><font size=2 face="arial black"><b>&lt;</b></font></td><td colspan=3 ><font face="verdana, arial" size=1>' + sMonthPicker + dcurrDate.getFullYear() + '</font></td>';
   sCal += '<td width=25 align=center style="cursor:hand;" onclick="javascript:if(month.selectedIndex<11){month.selectedIndex++;var blah=\'01/\' + (month.selectedIndex + 1) + \'/' + thisMonthFirstDay.getFullYear() +'\';parent.booking_form.preferred_month_'+ eval(intCalNumber) +'.selectedIndex=month.selectedIndex+1;parent.drawCal(blah);}"><font size=2 face="arial black"><b>&gt;</b></font></td>'
   //self.onerror = alert('Error in draw occured');
   //sCal += '<td style="cursor:hand;" onmouseover="this.style.backgroundColor=\'white\';" onmouseout="this.style.backgroundColor=\'\';" onclick="parent.drawCal(\'' + sNextMonth +'\');" align=center><font face="verdana, arial" size=2>&gt;</font></td>';
   sCal += '<td style="cursor:hand;" onmouseover="this.style.backgroundColor=\'white\';" onmouseout="this.style.backgroundColor=\'\';" onclick="parent.drawCal(\'' + sNextYear +'\');" align=center><font face="verdana, arial" size=1>&gt;&gt;</font></td>';
   sCal += '</tr>';
   //document.write(sCal);
 weekdays = '<tr bgcolor="#aaaaaa">';
 // LOOP THROUGH WEEKDAY ARRAY
		for (i in weekdayArray) {
			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>';      
    	    }
	
	}
	sCal +='<td align=center class="calReg"><a style="cursor:hand;" onClick=parent.HideCal();><font face=arial>X</font></a></td></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;
}

function updateStartDate(dtmDay, dtmMonth, dtmYear){

// self.opener.document.booking_form.start_date.value='day:' +dtmDay +', month:!' + dtmMonth +', year:' +dtmYear;
// self.opener.document.booking_form.preferred_day_1.selectedIndex = dtmDay;
// self.opener.document.booking_form.preferred_month_1.selectedIndex = dtmMonth + 1;  
// self.opener.document.booking_form.preferred_year_1.selectedIndex = dtmYear - 2002;  
}

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';
  }
  
  sTemp += '<td class="' + sClassName +'" ';
  //sTemp += 'onclick="calDateField.value=(\'' + sDayDate + '\'); HideCal();"';
 	
    if (browser.ie4 || browser.ie5)
    {
	if (intCalNumber == 1)
	{
	  sTemp += 'onclick="parent.booking_form.preferred_day_1.selectedIndex=' + DayNumber + '; parent.booking_form.preferred_month_1.selectedIndex=' + (dDate.getMonth() + 1) + ';  parent.booking_form.preferred_year_1.selectedIndex=' + (dDate.getFullYear() - 2005) + '; parent.HideCal();"';
	}
	else
	{
	  sTemp += 'onclick="parent.booking_form.preferred_day_2.selectedIndex=' + DayNumber + '; parent.booking_form.preferred_month_2.selectedIndex=' + (dDate.getMonth() + 1) + ';  parent.booking_form.preferred_year_2.selectedIndex=' + (dDate.getFullYear() - 2005) + '; parent.HideCal();"';	
	}
    }
    else
    {
	if (intCalNumber == 1)
		{
		  sTemp += 'onclick="booking_form.preferred_day_1.selectedIndex=' + DayNumber + '; booking_form.preferred_month_1.selectedIndex=' + (dDate.getMonth() + 1) + ';  booking_form.preferred_year_1.selectedIndex=' + (dDate.getFullYear() - 2005) + '; HideCal();"';
		}
		else
		{
		  sTemp += 'onclick="booking_form.preferred_day_2.selectedIndex=' + DayNumber + '; booking_form.preferred_month_2.selectedIndex=' + (dDate.getMonth() + 1) + ';  booking_form.preferred_year_2.selectedIndex=' + (dDate.getFullYear() - 2005) + '; HideCal();"';	
	}
    }
  
  sTemp += ' align=center>';
  sTemp += '<a href="#" onclick="void(\'' + sDayDate + '\');">' + DayNumber + '</a></td>';
  return sTemp;
}



function HideCal()
{
	CalFrame.style.display = "none"
}

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 Browser() {
	  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;
 while (elt != null) {
  iPos += elt["offset" + which];
  elt = elt.offsetParent;
 }
 return iPos;
}

function Right(str, n)
        /***
                IN: str - the string we are RIGHTing
                    n - the number of characters we want to return

                RETVAL: n characters from the right side of the string
        ***/
        {
                if (n <= 0)     // Invalid bound, return blank string
                   return "";
                else if (n > String(str).length)   // Invalid bound, return
                   return str;                     // entire string
                else { // Valid bound, return appropriate substring
                   var iLen = String(str).length;
                   return String(str).substring(iLen, iLen - n);
                }
        }


//-->