/* how to use
 *
 *  For the plain calendar use: <link rel="stylesheet" type="text/css" href="/css/ismpCalendar.css" />
 *  For the Silo calendar url: <link rel="stylesheet" type="text/css" href="/css/siloCalendar.css" />
 *  For the old calendar url: <link rel="stylesheet" type="text/css" href="/css/oldIsmpCalendar.css" />

<html>
  <head>
    <script type="text/javascript" src="/js/routines.js"></script>
    <script type="text/javascript" src="/js/ismpPopCalendar.js"></script>
    <link rel="stylesheet" type="text/css" href="/css/siloCalendar.css" />

    <style type="text/css">
      #ismpCalendarContainer { display:none; position:absolute; left:250px; top:100px; z-index:1}
      #ismpCalendarContainer2 { display:none; position:absolute; left:250px; top:300px; z-index:1}
      #ismpCalendarContainer3 { display:none; position:absolute; left:250px; top:500px; z-index:1}
    </style>
  </head>

  <body class="yui-skin-sam">

    <button id="showIsmpCalendarButtonId" type="button" onclick="  fnHideCalendar(); ">Show ISMP Calendar</button>
    <div id="ismpCalendarContainer"></div>

    <button id="showIsmpCalendarButtonId2" type="button" onclick="  fnHideCalendar(); ">Show ISMP Calendar2</button>
    <div id="ismpCalendarContainer2"></div>

    <button id="showIsmpCalendarButtonId3" type="button" onclick="  fnHideCalendar(); ">Show ISMP Calendar3</button>
    <div id="ismpCalendarContainer3"></div>

         <textarea rows="1" name="ismpDateOutId" id="ismpDateOutId" cols="15"
                   style="overflow:hidden;" onclick=" fnHideCalendar(); ">dd/mm/yyyy</textarea>

          <textarea rows="1" name="ismpDateOutId2" id="ismpDateOutId2" cols="15"
                    style="overflow:hidden;" onclick=" fnHideCalendar(); ">dd/mm/yyyy</textarea>

          <textarea rows="1" name="ismpDateOutId3" id="ismpDateOutId3" cols="15"
                    style="overflow:hidden;" onclick=" fnHideCalendar(); ">dd/mm/yyyy</textarea>

    <script type="text/javascript">
      fnHideCalendar=makeIsmpPopCalendar('showIsmpCalendarButtonId',  'ismpCalendarContainer',  'ismpDateOutId');
                     makeIsmpPopCalendar('showIsmpCalendarButtonId2', 'ismpCalendarContainer2', 'ismpDateOutId2');
                     makeIsmpPopCalendar('showIsmpCalendarButtonId3', 'ismpCalendarContainer3', 'ismpDateOutId3');
    </script>
  </body>
</html>



*/

includeJavaScript("https://ajax.googleapis.com/ajax/libs/yui/2.7.0/build/yahoo-dom-event/yahoo-dom-event.js");
includeJavaScript("https://ajax.googleapis.com/ajax/libs/yui/2.7.0/build/calendar/calendar-min.js");

function makeIsmpPopCalendar(theShowButtonId, theContainingDivId, theDateOutId){  // Note that 1/1/2000 NOT 01/01/2000 can be returned
  YAHOO.namespace("ismp.calendar");
  YAHOO.ismp.calendar.init=function(){

    function onCalendarChange(type, args, theCalendar){
      var dates=args[0];
      var date=dates[0];
      var  year=date[0];
      var month=date[1];
      var   day=date[2];
      document.getElementById(theDateOutId).value=day +'/' + month + "/" + year;      // dd/mm/yyyy Canada is what we use
    }

    var todayDate=new Date();
    var todayStr=todayDate.getMonth()+1+"/"+todayDate.getDate()+"/"+todayDate.getFullYear(); 
    YAHOO.ismp.calendar.theCalendar = new YAHOO.widget.Calendar("theCalendar",
                                                                theContainingDivId,
                                                                { title:"Choose a date:",
                                                                  close:true,
                                                       hide_blank_weeks:true,
                                                                mindate:"1/1/2000",            // mm/dd/yyyy USA
                                                                maxdate:todayStr,
                                                              navigator:true                    } );
    YAHOO.ismp.calendar.theCalendar.selectEvent.subscribe(onCalendarChange, YAHOO.ismp.calendar.theCalendar, true);
    YAHOO.ismp.calendar.theCalendar.render();
    YAHOO.util.Event.addListener(theShowButtonId, "click", YAHOO.ismp.calendar.theCalendar.show, YAHOO.ismp.calendar.theCalendar, true);
    document.getElementById(theDateOutId).readOnly=true;    // If JavaScript is turned off then this does not happen
  }
	YAHOO.util.Event.onDOMReady(YAHOO.ismp.calendar.init);
  return function (){   if ('block'==document.getElementById(theContainingDivId).style.display){
                          document.getElementById(theContainingDivId).style.display='none';
                        }                                                                         };
}

