// Accessible Date Picker Calendar - webSemantics
// http://www.websemantics.co.uk/tutorials/accessible_jquery_date_picker_calendar/
// modified version of http://www.websemantics.co.uk/tutorials/accessible_date_picker_calendar/

function fullDate(d,m,y){  // m = 1-12 not 0-11
  var td=new Date(y,m-1,d);
  return (daysOfWeek[td.getDay()]+", "+td.getDate()+" "+months[td.getMonth()]+" "+td.getFullYear());
}

function addLead0(x){return((x<10)?"0"+x:x)}

function buildCalendar(date,calObj){
  // original math from http://scripts.franciscocharrua.com/calendar.php

  var day         = date.getDate();
  var month       = date.getMonth();
  var year        = date.getFullYear();
  var this_month  = new Date(year,month,1);
  var next_month  = new Date(year,month+1,1);

  //Find out when this month starts and ends.
  var first_week_day=this_month.getDay();
  var days_in_this_month=Math.floor((next_month.getTime()-this_month.getTime())/(1000*60*60*24));
  if (month===2) days_in_this_month=31;

  var calendarHTML='<table class="calendar" id="'+calObj.table_id+'" summary="Calendar date picker">\n';
  calendarHTML+='  <thead>\n';
  calendarHTML+='    <tr><td><a class="hidden" id="skipCalendar" href="#'+calObj.next_id+'">Skip to next input </a><button class="lastmonth"><span>Back to '+months[(month==0)?11:month-1]+' '+year+' </span>&lt;</button></td><th colspan="5" class="heading">'+months[month]+' '+year+'</th><td><button class="nextmonth"><span>Forward to '+months[(month==11)?0:month+1]+'</span>&gt;</button></td></tr>\n';
  calendarHTML+='    <tr class="days"><th scope="col" class="weekend"><abbr title="Sunday">S</abbr></th><th scope="col"><abbr title="Monday">M</abbr></th><th scope="col"><abbr title="Tuesday">T</abbr></th><th scope="col"><abbr title="Wednesday">W</abbr></th><th scope="col"><abbr title="Thursday">T</abbr></th><th scope="col"><abbr title="Friday">F</abbr></th><th scope="col" class="weekend"><abbr title="Saturday">S</abbr></th></tr>\n';
  calendarHTML+='  </thead>\n';
  calendarHTML+='  <tfoot>\n';
  calendarHTML+='    <tr><td colspan="7" class="foot">'+fullDate(todayDate.getDate(),todayDate.getMonth()+1,todayDate.getFullYear())+'</td></tr>\n';
  calendarHTML+='  </tfoot>\n';
  calendarHTML+='  <tbody>\n';
  calendarHTML+='    <tr>\n';

  // empty days at start of month
  for(var week_day=0;week_day<first_week_day;week_day++){
    calendarHTML+=((week_day==0)||(week_day==6))?'      <td class="weekend">&nbsp;</td>\n':'      <td>&nbsp;</td>\n';
  }

  week_day=first_week_day;
  var mm=addLead0(next_month.getMonth());
  mm=(mm==0)?12:mm;

  for(var day_counter=1;day_counter<=days_in_this_month;day_counter++){
    week_day%=7;
    if(week_day===0) calendarHTML+='    </tr>\n    <tr>\n';
    calendarHTML+=((week_day===0)||(week_day===6))?'      <td class="weekend">':'      <td>';
    calendarHTML+='<a title="'+fullDate(day_counter,mm,year)+'" href="'+day_counter+'">'+day_counter+'</a></td>\n';
    week_day++
  }

  // empty days at end of month
  for(week_day=week_day;week_day<7;week_day++){
    calendarHTML+=((week_day==0)||(week_day==6))?'      <td class="weekend">&nbsp;</td>\n':'      <td>&nbsp;</td>\n';
  }

  calendarHTML+='    </tr>\n';
  calendarHTML+='  </tbody>\n';
  calendarHTML+='</table>\n';

  return calendarHTML
}

function hideCalendar(calObj){
  $("#"+calObj.space_id).animate({opacity:0},300,function(){$(this).removeClass("show")});
  $("#"+calObj.button_id).removeClass("hide");
  $("#"+calObj.next_id).focus();
  return false
}

function subtractDate(oneDate,anotherDate){
  return (anotherDate-oneDate)
}

function toShortDate(d){
  d=new Date(d);
  return (addLead0(d.getDate())+dateDelimiter+addLead0(d.getMonth()+1)+dateDelimiter+d.getFullYear())
}

function writeInputDateValue(cObj,obj){
  d=$(obj).hasClass("today")?$(obj).text():$(obj).attr("title");
  if(cObj.shortDate){d=toShortDate(d)}
  $("#"+cObj.input_id).val(d);
  hideCalendar(cObj);
}

function displayCalendar(calObj){

  $("#"+calObj.space_id)
    .empty()
    .append(buildCalendar(date,calObj));

  $("#"+calObj.table_id+" button.lastmonth")
    .click(function(){
      var dateTemp=new Date(date.getFullYear(),date.getMonth()-1,1);

// rewrite this garbage:
      if (
        (dateTemp.getFullYear()<todayDate.getFullYear()) ||
        (
          (dateTemp.getFullYear()<=todayDate.getFullYear()) &&
          (dateTemp.getMonth()<todayDate.getMonth())
        )
      )
      {
        alert("too far back")
      }else{
        date=dateTemp
      }


      displayCalendar(calObj);
      $("#"+calObj.table_id+" button.lastmonth").focus();
      return false
    });

  $("#"+calObj.table_id+" button.nextmonth")
    .click(function(){
      date = new Date(date.getFullYear(),date.getMonth()+1,1);
      displayCalendar(calObj);
      $("#"+calObj.table_id+" button.nextmonth").focus();
      return false
    });

  $("#"+calObj.table_id+" a")
    .not(".lastmonth, .nextmonth, .hidden")
    .click(function(){
      writeInputDateValue(calObj,$(this));
      return false
    })

  $("#"+calObj.table_id+" a.hidden")
    .click(function(){
      hideCalendar(calObj);
      return false
    })

  $("#"+calObj.button_id).addClass("hide");
  $("#"+calObj.space_id).animate({opacity:1},300).addClass("show");
  $("#"+calObj.table_id).focus();
  return false;
}

var date=new Date();
var todayDate=date;
var months=new Array('January','February','March','April','May','June','July','August','September','October','November','December');
var daysOfWeek=new Array('Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday');
var dateDelimiter="-"

function calendarObject(t_id,i_id,b_id,s_id,n_id ){
  this.table_id    = t_id;
  this.input_id    = i_id;
  this.button_id   = b_id;
  this.space_id    = s_id;
  this.next_id     = n_id;
  this.shortDate   = false; //true=mm/dd/yyyy   false=day, date monthname year
//  this.notDays     = new Array('Sunday','Monday')
//  this.preventPast = false;
//  this.minDate     = todayDate;
//  this.maxDate     = "";
}

$(document).ready(function(){
  $("form .calendarLabel")
    .each(function(i){

      // until I can work out how to get the next link, or input id, hard code used
      var nextId=""
      if(i===0) nextId="arrival"

      var c=new calendarObject("calendar"+i,$(this).attr("for"),"calendarButton"+i,"calendarSpace"+i,nextId);
      var buttonHTML='<span class="calendarButton" id=""><a id="'+c.button_id+'" href="#'+c.table_id+'"><img src="/graphics/calendar.png" width="16" height="16" title="" alt="Pick date from calendar '+i+'" /></a></span>';
      var calspaceHTML='<div class="calendarSpace" id="'+c.space_id+'"></div>';

      $(this)
        // end of label text but before an included input
        .children()
        .filter("input")
        .before(buttonHTML)
        .end()
        .end()
        // at end of a label without an included input
        .filter(function(){
          return !$(this).children('input').length;
        })
        .append(buttonHTML)
        .end()
//        .end()
        // add click action
        .find("a")
        .click(function(){
          displayCalendar(c);
          return false;
        })
        .end()
        // add a calender space div after the label
        .after(calspaceHTML);

      // hide calendar if focus moves off label (no cigar!)
//      $(this)
//        .blur(function(){
//          alert($(this).html())
//          hideCalendar(c)
//        });
    });






  // focused inputs
  $("input").focus(function(){$(this).addClass("focus")})
  $("input").blur(function(){$(this).removeClass("focus")})



});