// JScript File

//###############################
//Get The Date in Calendar Format
//###############################
function GetSelectedCalDate(InstanceID)
{

    var SelectedDateDay = InstanceID + "SelectedDateDay";
    var SelectedDateMonth = InstanceID + "SelectedDateMonth";
    var SelectedDateYear = InstanceID + "SelectedDateYear";
    var SelectedDateDayOfWeek = InstanceID + "SelectedDateDayOfWeek";

    SelectedIndex = getElementFromID(SelectedDateDay).selectedIndex
    SelectedDateDay = getElementFromID(SelectedDateDay).options[SelectedIndex].value

    SelectedIndex = getElementFromID(SelectedDateMonth).selectedIndex
    SelectedDateMonth = getElementFromID(SelectedDateMonth).options[SelectedIndex].value

    SelectedIndex = getElementFromID(SelectedDateYear).selectedIndex
    SelectedDateYear = getElementFromID(SelectedDateYear).options[SelectedIndex].value
    var SelectedDate = SelectedDateMonth + "_" + SelectedDateDay + "_" +  SelectedDateYear

    return SelectedDate;

}

//####################################
//Get The Date in Full Regular Format
//#####################################
function GetSelectedFullDate(InstanceID)
{

    var SelectedDateDay = InstanceID + "SelectedDateDay";
    var SelectedDateMonth = InstanceID + "SelectedDateMonth";
    var SelectedDateYear = InstanceID + "SelectedDateYear";
    var SelectedDateDayOfWeek = InstanceID + "SelectedDateDayOfWeek";

    SelectedIndex = getElementFromID(SelectedDateDay).selectedIndex
    SelectedDateDay = getElementFromID(SelectedDateDay).options[SelectedIndex].value

    SelectedIndex = getElementFromID(SelectedDateMonth).selectedIndex
    SelectedDateMonth = getElementFromID(SelectedDateMonth).options[SelectedIndex].value

    SelectedIndex = getElementFromID(SelectedDateYear).selectedIndex
    SelectedDateYear = getElementFromID(SelectedDateYear).options[SelectedIndex].value
    //var SelectedDate = SelectedDateMonth + SelectedDateDay  +  SelectedDateYear
  
    var SelectedDate = new Date(SelectedDateYear, parseInt(SelectedDateMonth)-1, SelectedDateDay);

  
    return SelectedDate;


}

//####################################
//Get The Date in Full Regular Format
//#####################################
function GetSelectedFullDateGMT(InstanceID)
{

    var SelectedDateDay = InstanceID + "SelectedDateDay";
    var SelectedDateMonth = InstanceID + "SelectedDateMonth";
    var SelectedDateYear = InstanceID + "SelectedDateYear";
    var SelectedDateDayOfWeek = InstanceID + "SelectedDateDayOfWeek";

    SelectedIndex = getElementFromID(SelectedDateDay).selectedIndex
    SelectedDateDay = getElementFromID(SelectedDateDay).options[SelectedIndex].value

    SelectedIndex = getElementFromID(SelectedDateMonth).selectedIndex
    SelectedDateMonth = getElementFromID(SelectedDateMonth).options[SelectedIndex].value

    SelectedIndex = getElementFromID(SelectedDateYear).selectedIndex
    SelectedDateYear = getElementFromID(SelectedDateYear).options[SelectedIndex].value
    //var SelectedDate = SelectedDateMonth + SelectedDateDay  +  SelectedDateYear
  
    var SelectedDate = new Date(SelectedDateYear, parseInt(SelectedDateMonth)-1, SelectedDateDay);

  
    return SelectedDate.toGMTString();


}


//####################################
//Get The Date in Full Regular Format
//#####################################
function GetSelectedDateYearMonthDayFormat(InstanceID)
{

    var SelectedDateDay = InstanceID + "SelectedDateDay";
    var SelectedDateMonth = InstanceID + "SelectedDateMonth";
    var SelectedDateYear = InstanceID + "SelectedDateYear";
    var SelectedDateDayOfWeek = InstanceID + "SelectedDateDayOfWeek";

    SelectedIndex = getElementFromID(SelectedDateDay).selectedIndex
    SelectedDateDay = getElementFromID(SelectedDateDay).options[SelectedIndex].value

    SelectedIndex = getElementFromID(SelectedDateMonth).selectedIndex
    SelectedDateMonth = getElementFromID(SelectedDateMonth).options[SelectedIndex].value

    SelectedIndex = getElementFromID(SelectedDateYear).selectedIndex
    SelectedDateYear = getElementFromID(SelectedDateYear).options[SelectedIndex].value
    var SelectedDate =  + SelectedDateYear  + ","  + SelectedDateMonth + "," + SelectedDateDay  
    return SelectedDate;

}


//####################################
//Initialize 
//######################################
/*window.onload = function()
{

    DateSelection();
    
}*/


function DateSelection(InstanceID)
{

    var TodaysDate = new Date();
   // alert(TodaysDate.getUTCDay());
   // alert(TodaysDate.getUTCDate());
   // alert(TodaysDate.getUTCFullYear());
    
   
    
    var DateDay = TodaysDate.getDate();
    var DateMonth = TodaysDate.getMonth();
    var DateYear = TodaysDate.getFullYear();
    
   var DateYearIndex;

   switch(DateYear)
    {

    case 2006 :
          DateYearIndex = 0; 
          break;
    case 2007 :
          DateYearIndex = 1;
          break;
          
    case 2008 :
          DateYearIndex = 2;
          break;
          
    case 2009 :
          DateYearIndex = 3;
          break;
          
    case 2010 :
          DateYearIndex = 4;
          break;
          
    default : 
        DateYearIndex = 0; 
        break;   
    }
    

    var SelectedDateDay = InstanceID + "SelectedDateDay";
    var SelectedDateMonth = InstanceID + "SelectedDateMonth";
    var SelectedDateYear = InstanceID + "SelectedDateYear";
    var SelectedDateDayOfWeek = InstanceID + "SelectedDateDayOfWeek";

   
    getElementFromID(SelectedDateDay).selectedIndex = parseInt(DateDay) - 1;
    getElementFromID(SelectedDateMonth).selectedIndex = parseInt(DateMonth);
    getElementFromID(SelectedDateYear).selectedIndex = parseInt(DateYearIndex);
    getElementFromID(SelectedDateDayOfWeek).innerHTML = DateDayOfWeek(TodaysDate.getDay());

    return;

}


function InitDateSelection(date, InstanceID)
{

   var dates = date.split("_");
   var DateMonth = dates[0];
   var DateDay = dates[1];
   var DateYear = dates[2];

   var TodaysDate = new Date(DateYear, parseInt(DateMonth)-1, DateDay);
    
   var DateYearIndex;

   switch(DateYear)
    {

    case "2006" :
          DateYearIndex = 0; 
          break;
    case "2007" :
          DateYearIndex = 1;
          break;
          
    case "2008" :
          DateYearIndex = 2;
          break;
          
    case "2009" :
          DateYearIndex = 3;
          break;
          
    case "2010" :
          DateYearIndex = 4;
          break;
          
    default : 
        DateYearIndex = 0; 
        break;   
    }

    var SelectedDateDay = InstanceID + "SelectedDateDay";
    var SelectedDateMonth = InstanceID + "SelectedDateMonth";
    var SelectedDateYear = InstanceID + "SelectedDateYear";
    var SelectedDateDayOfWeek = InstanceID + "SelectedDateDayOfWeek";


    getElementFromID(SelectedDateDay).selectedIndex = parseInt(DateDay) - 1;
    getElementFromID(SelectedDateMonth).selectedIndex = parseInt(DateMonth) - 1;
    getElementFromID(SelectedDateYear).selectedIndex = parseInt(DateYearIndex);
    getElementFromID(SelectedDateDayOfWeek).innerHTML = DateDayOfWeek(TodaysDate.getDay());
 
    return;

}

function DateDayOfWeek(day)
{

    //var d=new Date()
    var weekday=new Array(7)
    weekday[0]="Sunday"
    weekday[1]="Monday"
    weekday[2]="Tuesday"
    weekday[3]="Wednesday"
    weekday[4]="Thursday"
    weekday[5]="Friday"
    weekday[6]="Saturday"

    return weekday[day]

}



function UpdateDateSelection(InstanceID)
{

    var SelectedDateDay = InstanceID + "SelectedDateDay";
    var SelectedDateMonth = InstanceID + "SelectedDateMonth";
    var SelectedDateYear = InstanceID + "SelectedDateYear";
    var SelectedDateDayOfWeek = InstanceID + "SelectedDateDayOfWeek";


    var SelectedDayIndex = getElementFromID(SelectedDateDay).selectedIndex
    var SelectedDateDay = getElementFromID(SelectedDateDay).options[SelectedDayIndex].value

    var SelectedMonthIndex = getElementFromID(SelectedDateMonth).selectedIndex
   // var SelectedDateMonth = getElementFromID('SelectedDateMonth').options[SelectedMonthIndex].value

    var SelectedYearIndex = getElementFromID(SelectedDateYear).selectedIndex
    var SelectedDateYear = getElementFromID(SelectedDateYear).options[SelectedYearIndex].value


    var TodaysDate = new Date(SelectedDateYear, SelectedMonthIndex, SelectedDateDay);
    getElementFromID(SelectedDateDayOfWeek).innerHTML = DateDayOfWeek(TodaysDate.getDay());


    //Need this to fix wrong date selection by user like sept 31st
    //Since the date object automatically advances to the next month 
    var DateDay = TodaysDate.getDate();
    var DateMonth = parseInt(TodaysDate.getMonth()) + 1;  //change month index to correspond to month figure
    var DateYear = TodaysDate.getFullYear();
        
    var UpdateDate =  DateMonth + "_" + DateDay + "_" + DateYear   
    InitDateSelection(UpdateDate, InstanceID)
    
    return;



}




function InstantiateDatePicker(DatePanel, InstanceID)
{

    var SelectedDateDay = InstanceID + "SelectedDateDay";
    var SelectedDateMonth = InstanceID + "SelectedDateMonth";
    var SelectedDateYear = InstanceID + "SelectedDateYear";
    var SelectedDateDayOfWeek = InstanceID + "SelectedDateDayOfWeek";

    var DateHTML = 
    '<div>' + 
     '<div style="width:90px; float:left; font-weight:bold; color:Brown;">Day' +
                 '<select name="' + SelectedDateDay + '" id="' + SelectedDateDay + '" onchange="UpdateDateSelection(\'' + InstanceID + '\')">' +
				    '<option value="1" selected="selected">1</option>' +
				    '<option value="2">2</option>' +
				    '<option value="3">3</option>' +
				    '<option value="4">4</option>' +
				    '<option value="5">5</option>' +
				    '<option value="6">6</option>' +
				    '<option value="7">7</option>' +
				    '<option value="8">8</option>' +
				    '<option value="9">9</option>' +
				    '<option value="10">10</option>' +
				    '<option value="11">11</option>' +
				    '<option value="12">12</option>' +
				    '<option value="13">13</option>' +
				    '<option value="14">14</option>' +
				    '<option value="15">15</option>' +
				    '<option value="16">16</option>' +
				    '<option value="17">17</option>' +
				    '<option value="18">18</option>' +
				    '<option value="19">19</option>' +
				    '<option value="20">20</option>' +
				    '<option value="21">21</option>' +
				    '<option value="22">22</option>' +				
				    '<option value="23">23</option>' +
				    '<option value="24">24</option>' +
				    '<option value="25">25</option>' +
				    '<option value="26">26</option>' +
				    '<option value="27">27</option>' +
				    '<option value="28">28</option>' +
				    '<option value="29">29</option>' +
				    '<option value="30">30</option>' +
				    '<option value="31">31</option>' +
			    '</select>' +
     '</div>' +

     '<div style="width:150px; float:left; font-weight:bold; color:Brown;">Month' +
         '<select name="' + SelectedDateMonth + '" id="' + SelectedDateMonth + '" onchange="UpdateDateSelection(\'' + InstanceID + '\')">' +
		    '<option value="1" selected="selected">January</option>' +
		    '<option value="2">Febuary</option>' +
		    '<option value="3">March</option>' +
		    '<option value="4">April</option>' +
		    '<option value="5">May</option>' +
		    '<option value="6">June</option>' +
		    '<option value="7">July</option>' +
		    '<option value="8">August</option>' +
		    '<option value="9">September</option>' +
		    '<option value="10">October</option>' +
		    '<option value="11">November</option>' +
		    '<option value="12">December</option>' +		
	    '</select>' + 
     '</div>' +
     
      '<div style="width:125px; float:left; font-weight:bold; color:Brown;">Year' +
         '<select name="' + SelectedDateYear + '" id="' + SelectedDateYear + '" onchange="UpdateDateSelection(\'' + InstanceID + '\')">' +
		    '<option value="2006" selected="selected">2006</option>' +
		    '<option value="2007">2007</option>' +
		    '<option value="2008">2008</option>' +
		    '<option value="2009">2009</option>' +
		    '<option value="2010">2010</option>' +
	    '</select>' + 
     '</div>' +

      '<div style="width:75px; float:left; font-weight:bold; color:Brown;">' +
        '<span id="' + SelectedDateDayOfWeek + '"></span>' +
     '</div>' +
     
    '</div>' ;

   getElementFromID(DatePanel).innerHTML = DateHTML;


}