var calDateNum=0;

function getText(element)
{
	for(var i=0;i<element.childNodes.length;i++)
	{
		if ( element.childNodes[i].nodeType == 3 )
			return element.childNodes[i].data;
	}
	return "";
}

function getSubElementById(element,id)
{
	for(var i=0;i<element.childNodes.length;i++)
	{
		e=element.childNodes[i];
		if ( e.nodeType == 1 && e.id == id  )
			return e;
	}
}



  var dDate = new Date();
  var dCurMonth       = dDate.getMonth(); 
  var dCurDayOfMonth  = dDate.getDate(); 
  var dCurYear        = dDate.getFullYear(); 

  var objPrevElement  = new Object();
  var dRequestSelectedDate = 0;
	
  function fToggleColor(myElement) { 
    var toggleColor = "#ff0000"; 
    if( myElement.id.match("calDateText") ) { 
      if( myElement.color == toggleColor ) { 
        myElement.color = ""; 
      } else { 
        myElement.color = toggleColor; 
      } 
    } else if( myElement.id == "calCell" ) { 
      for( var i in myElement.childNodes) { 
        if( myElement.childNodes[i].id == "calDateText" ) { 
          if (myElement.childNodes[i].color == toggleColor) { 
            myElement.childNodes[i].color = ""; 
          } else { 
            myElement.childNodes[i].color = toggleColor; 
          } 
        } 
      } 
    } 
  } 

  function fSetSelectedDay(myElement){
    if( myElement.id == "calCell" ) { 
		var calDateText = myElement.childNodes[0];
      if( !isNaN(parseInt( getText( calDateText ) ) ) ) { 
        myElement.bgColor = "#FB8302"; 
        objPrevElement.bgColor = "";
        document.getElementById("calSelectedDate").value = parseInt( getText( myElement.childNodes[0] ) ); 
        objPrevElement = myElement;
      }
    }

/*  if(myElement.textContent)
 {
    document.getElementById("calSelectedDate").value = myElement.textContent;
 }*/
    SubmitForm( );
  } 

  function fGetDaysInMonth(iMonth, iYear) { 
    var dPrevDate = new Date(iYear, iMonth, 0); 
    return dPrevDate.getDate(); 
  } 

  function fBuildCal( iYear, iMonth, iDayStyle ) { 
    var aMonth = new Array(); 
    aMonth[0] = new Array(7); 
    aMonth[1] = new Array(7); 
    aMonth[2] = new Array(7); 
    aMonth[3] = new Array(7); 
    aMonth[4] = new Array(7); 
    aMonth[5] = new Array(7); 
    aMonth[6] = new Array(7); 
    var dCalDate = new Date(iYear, iMonth-1, 1); 
    var iDayOfFirst = dCalDate.getDay(); 
    var iDaysInMonth = fGetDaysInMonth(iMonth, iYear); 
    var iVarDate = 1; 
    var i, d, w; 

    if (iDayStyle == 2) { 
      aMonth[0][0] = "Sunday"; 
      aMonth[0][1] = "Monday"; 
      aMonth[0][2] = "Tuesday"; 
      aMonth[0][3] = "Wednesday"; 
      aMonth[0][4] = "Thursday"; 
      aMonth[0][5] = "Friday"; 
      aMonth[0][6] = "Saturday"; 
    } else if( iDayStyle == 1 ) { 
      aMonth[0][0] = "Sun"; 
      aMonth[0][1] = "Mon"; 
      aMonth[0][2] = "Tue"; 
      aMonth[0][3] = "Wed"; 
      aMonth[0][4] = "Thu"; 
      aMonth[0][5] = "Fri"; 
      aMonth[0][6] = "Sat"; 
    } else { 
      aMonth[0][0] = "S"; 
      aMonth[0][1] = "M"; 
      aMonth[0][2] = "T"; 
      aMonth[0][3] = "W"; 
      aMonth[0][4] = "T"; 
      aMonth[0][5] = "F"; 
      aMonth[0][6] = "S"; 
    } 

    for( d = iDayOfFirst; d < 7; d++ ) { 
      aMonth[1][d] = iVarDate; 
      iVarDate++; 
    } 
    for( w = 2; w < 7; w++ ) { 
      for (d = 0; d < 7; d++) { 
        if (iVarDate <= iDaysInMonth ) { 
          aMonth[w][d] = iVarDate; iVarDate++; 
        } 
      } 
    } 
    return aMonth; 
  } 

  function fDrawCal(iYear, iMonth, iCellWidth, iCellHeight, sDateTextSize, sDateTextWeight, iDayStyle ) { 
    var myMonth;
    var myDate;

	calDateNum=0;
    
    myMonth = fBuildCal(iYear, iMonth, iDayStyle); 
    contents  = "<table class='calander-days-border' cellpadding=1 cellspacing=0>";
    contents += "<tr>";
    contents += "<td align='center' class='calendar-title-size'>" + myMonth[0][0] + "</td>"; 
    contents += "<td align='center' class='calendar-title-size'>" + myMonth[0][1] + "</td>"; 
    contents += "<td align='center' class='calendar-title-size'>" + myMonth[0][2] + "</td>"; 
    contents += "<td align='center' class='calendar-title-size'>" + myMonth[0][3] + "</td>"; 
    contents += "<td align='center' class='calendar-title-size'>" + myMonth[0][4] + "</td>"; 
    contents += "<td align='center' class='calendar-title-size'>" + myMonth[0][5] + "</td>"; 
    contents += "<td align='center' class='calendar-title-size'>" + myMonth[0][6] + "</td>"; 
    contents += "</tr>";

    for (w = 1; w < 7; w++) { 
      contents += "<tr>"; 
      for (d = 0; d < 7; d++) { 
        contents += "<td id=calCell class='calendar-date-size' onMouseOver='fToggleColor(this)' onMouseOut='fToggleColor(this)' onclick=fSetSelectedDay(this);>";
        if ( !isNaN(myMonth[w][d])) {
          if( iMonth < 10 ) {
            myDateMonth = "0" + iMonth ;
          } else {
            myDateMonth = iMonth ;
          }
          if( myMonth[w][d] < 10 ) {
            myDateDay = "0" + myMonth[w][d] ;
          } else {
            myDateDay = myMonth[w][d] ;
          }
          myDate = iYear + "-" + myDateMonth + "-" + myDateDay ;
          if( myMonth[w][d] == dRequestSelectedDate ) {
            if( arrEventDay[myDate] ) {
              contents += "<div id=\"calDateText" + calDateNum + "\" onMouseOver='fToggleColor(this)' style='CURSOR:Hand;FONT-FAMILY:Arial;FONT-SIZE:" + sDateTextSize + ";FONT-WEIGHT:" + sDateTextWeight + "; color: #515152; background: #b1c0ce;' onMouseOut='fToggleColor(this)'>" + myMonth[w][d] + "</div>";
            } else {
              contents += "<div id=\"calDateText" + calDateNum + "\" onMouseOver='fToggleColor(this)' style='FONT-FAMILY:Arial;FONT-SIZE:" + sDateTextSize + ";FONT-WEIGHT:" + sDateTextWeight + "; color: #515152;' onMouseOut='fToggleColor(this)' >" + myMonth[w][d] + "</div>";
            }
			calDateNum++;
          } else {
            if( arrEventDay[myDate] ) {
              contents += "<div id=\"calDateText" + calDateNum + "\" onMouseOver='fToggleColor(this)' style='CURSOR:pointer;FONT-FAMILY:Arial;FONT-SIZE:" + sDateTextSize + ";FONT-WEIGHT:" + sDateTextWeight + "; color: #515152; background: #FFFFFF; margin: 0px 0px 0px 0px;' onMouseOut='fToggleColor(this)'>" + myMonth[w][d] + "</div>";
            } else {
              contents += "<div id=\"calDateText" + calDateNum + "\" onMouseOver='fToggleColor(this)' style='FONT-FAMILY:Arial;FONT-SIZE:" + sDateTextSize + ";FONT-WEIGHT:" + sDateTextWeight + "; color: #515152;' onMouseOut='fToggleColor(this)'>" + myMonth[w][d] + "</div>";
            }
			calDateNum++;
          }
        } else { 
          contents += "<div id=\"calDateText" + calDateNum + "\" onMouseOver='fToggleColor(this)' style='FONT-FAMILY:Arial;FONT-SIZE:" + sDateTextSize + ";FONT-WEIGHT:" + sDateTextWeight + "; color: #515152;' onMouseOut='fToggleColor(this)' >&nbsp;</div>";
		  calDateNum++;
        } 
        contents += "</td>";
      } 
      contents += "</tr>";
    } 
    contents += "</table>";

    return contents;
  }

  function fUpdateCal(iYear, iMonth) { 
    document.getElementById('calendarDiv').innerHTML = fDrawCal(iYear, iMonth, 30, 30, "11px", "bold", 3);
    myMonth = fBuildCal(iYear, iMonth); objPrevElement.bgColor = ""; 
    //document.getElementById("calSelectedDate").value = ""; 
    for (w = 1; w < 7; w++) { 
      for (d = 0; d < 7; d++) { 
		  var num=7*w+d -7;
		  var calDateText = document.getElementById( "calDateText"+num );
        if (!isNaN(myMonth[w][d])) {
          calDateText.innerText = myMonth[w][d]; 
        } else { 
          calDateText.innerText = " ";
        }
      } 
    } 
  }