// Inserts shortcut buttons after all of the following:
//     <input type="text" class="vDateField">
//     <input type="text" class="vTimeField">

var zeropad = function (num) {return (num<10?"0":"")+num;}
var numAt = function (s, i, d) {return parseInt(s.charAt(i))?s.charAt(i):d;}

var DateTimeShortcuts = {
    calendars: [],
    calendarInputs: [],
    clockInputs: [],
    calendarDivName1: 'calendarbox', // name of calendar <div> that gets toggled
    calendarDivName2: 'calendarin',  // name of <div> that contains calendar
    calendarLinkName: 'calendarlink',// name of the link that is used to toggle
    clockDivName: 'clockbox',        // name of clock <div> that gets toggled
    clockLinkName: 'clocklink',      // name of the link that is used to toggle
    admin_media_prefix: '',
    timeElements: [],
    init: function() {
        // Deduce admin_media_prefix by looking at the <script>s in the
        // current document and finding the URL of *this* module.
        var scripts = document.getElementsByTagName('script');
        for (var i=0; i<scripts.length; i++) {
            if (scripts[i].src.match(/DateTimeShortcuts/)) {
                var idx = scripts[i].src.indexOf('js/admin/DateTimeShortcuts');
                DateTimeShortcuts.admin_media_prefix = scripts[i].src.substring(0, idx);
                break;
            }
        }

        var inputs = document.getElementsByTagName('input');
        for (i=0; i<inputs.length; i++) {
            var inp = inputs[i];
            if (inp.getAttribute('type') == 'text' && inp.className.match(/vTimeField/)) {
                DateTimeShortcuts.addClock(inp);
            }
            else if (inp.getAttribute('type') == 'text' && inp.className.match(/vDateField/)) {
                DateTimeShortcuts.addCalendar(inp);
            }
        }
    },
    // Add clock widget to a given field
    addClock: function(inp) {
        var num = DateTimeShortcuts.clockInputs.length;
        DateTimeShortcuts.clockInputs[num] = inp;
		
        // Shortcut links (clock icon and "Now" link)
        var shortcuts_span = document.createElement('span');
        inp.parentNode.insertBefore(shortcuts_span, inp.nextSibling);
        var now_link = document.createElement('a');
        now_link.setAttribute('href', "javascript:DateTimeShortcuts.handleClockQuicklink(" + num + ", new Date().getHourMinuteSecond());");
        now_link.appendChild(document.createTextNode(gettext('Now')));
        var clock_link = document.createElement('a');
        clock_link.setAttribute('href', 'javascript:DateTimeShortcuts.openClock(' + num + ');');
        clock_link.id = DateTimeShortcuts.clockLinkName + num;
        quickElement('img', clock_link, '', 'src', DateTimeShortcuts.admin_media_prefix + 'img/admin/icon_clock.gif', 'alt', gettext('Clock'));
        shortcuts_span.appendChild(document.createTextNode('\240'));
        shortcuts_span.appendChild(now_link);
        shortcuts_span.appendChild(document.createTextNode('\240|\240'));
        shortcuts_span.appendChild(clock_link);

        // Create clock link div
        //
        // Markup looks like:
        // <div id="clockbox1" class="clockbox module">
        //     <h2>Choose a time</h2>
        //     <ul class="timelist">
        //         <li><a href="#">Now</a></li>
        //         <li><a href="#">Midnight</a></li>
        //         <li><a href="#">6 a.m.</a></li>
        //         <li><a href="#">Noon</a></li>
        //     </ul>
        //     <p class="calendar-cancel"><a href="#">Cancel</a></p>
        // </div>

        var clock_box = document.createElement('div');
        clock_box.style.display = 'none';
        clock_box.style.position = 'absolute';  
        clock_box.className = 'clockbox module';
        clock_box.setAttribute('id', DateTimeShortcuts.clockDivName + num);
        document.body.appendChild(clock_box);
        addEvent(clock_box, 'click', DateTimeShortcuts.cancelEventPropagation);

		quickElement('h2', clock_box, gettext('Clock'));
		var clockTable = document.createElement('table');
		clockTable.className = 'timelist';
        var tableBody = quickElement('tbody', clockTable);

        clock_box.appendChild(clockTable);
     		
		var tr = quickElement('tr', tableBody);
		var link = quickElement("a", quickElement("td", tr, ""), '', 
			"href", "javascript:DateTimeShortcuts.incNumber(" + num + ", 0, 2, 1, 1, 3);"
		);
		quickElement('img', link, '', 'src', DateTimeShortcuts.admin_media_prefix + 'img/admin/up.gif');
		
		link = quickElement("a", quickElement("td", tr, ""), '', 
			"href", "javascript:DateTimeShortcuts.incNumber(" + num + ", 1, 9, 3, 0, 1);"
		);
		quickElement('img', link, '', 'src', DateTimeShortcuts.admin_media_prefix + 'img/admin/up.gif');
		
		quickElement("td", tr, "");
		link = quickElement("a", quickElement("td", tr, ""), '', 
			"href", "javascript:DateTimeShortcuts.incNumber(" + num + ", 2, 5, 5, 3, 9);"
		);
		quickElement('img', link, '', 'src', DateTimeShortcuts.admin_media_prefix + 'img/admin/up.gif');
		
		link = quickElement("a", quickElement("td", tr, ""), '', 
			"href", "javascript:DateTimeShortcuts.incNumber(" + num + ", 3, 9, 9, 2, 5);"
		);
		quickElement('img', link, '', 'src', DateTimeShortcuts.admin_media_prefix + 'img/admin/up.gif');


		tr = quickElement('tr', tableBody, '');
				
		DateTimeShortcuts.timeElements[num] = [];
		DateTimeShortcuts.timeElements[num][0] = quickElement("input", quickElement('td', tr));
		DateTimeShortcuts.timeElements[num][0].className = "timeinput";
		
		DateTimeShortcuts.timeElements[num][1] = quickElement("input", quickElement('td', tr));
		DateTimeShortcuts.timeElements[num][1].className = "timeinput";
		
		quickElement("td", tr, ":", "style", "font-weight:bold; padding-top:10px;");
		
		DateTimeShortcuts.timeElements[num][2] = quickElement("input", quickElement('td', tr));
		DateTimeShortcuts.timeElements[num][2].className = "timeinput";
		
		DateTimeShortcuts.timeElements[num][3] = quickElement("input", quickElement('td', tr));
		DateTimeShortcuts.timeElements[num][3].className = "timeinput";
		
		
		tr = quickElement('tr', tableBody, '');
		
		link = quickElement("a", quickElement("td", tr, ""), '', 
			"href", "javascript:DateTimeShortcuts.decNumber(" + num + ", 0, 2, 1, 1, 4);"
		);
		quickElement('img', link, '', 'src', DateTimeShortcuts.admin_media_prefix + 'img/admin/down.gif');
		
		link = quickElement("a", quickElement("td", tr, ""), '', 
			"href", "javascript:DateTimeShortcuts.decNumber(" + num + ", 1, 9, 4, 0, 1);"
		);
		quickElement('img', link, '', 'src', DateTimeShortcuts.admin_media_prefix + 'img/admin/down.gif');
		
		quickElement("td", tr, "");
		
		link = quickElement("a", quickElement("td", tr, ""), '', 
			"href", "javascript:DateTimeShortcuts.decNumber(" + num + ", 2, 5, 5, 3, 9);"
		);
		quickElement('img', link, '', 'src', DateTimeShortcuts.admin_media_prefix + 'img/admin/down.gif');
		
		link = quickElement("a", quickElement("td", tr, ""), '', 
			"href", "javascript:DateTimeShortcuts.decNumber(" + num + ", 3, 9, 9, 2, 5);"
		);
		quickElement('img', link, '', 'src', DateTimeShortcuts.admin_media_prefix + 'img/admin/down.gif');

		select_p = quickElement('p', clock_box, '');
        select_p.className = 'calendar-select';
        quickElement('a', select_p, gettext('Choose a time'), 'href', "javascript:DateTimeShortcuts.selectTime(" + num + ');');
		
        cancel_p = quickElement('p', clock_box, '');
        cancel_p.className = 'calendar-cancel';
        quickElement('a', cancel_p, gettext('Cancel'), 'href', 'javascript:DateTimeShortcuts.dismissClock(' + num + ');');
    },
    decNumber: function(num, el, el_max, el_limit, dep, dep_max) {
       	if (DateTimeShortcuts.timeElements[num][el].value <= 0) {
       		if (DateTimeShortcuts.timeElements[num][dep].value >= dep_max+1) {
       			DateTimeShortcuts.timeElements[num][el].value = el_limit+1;
       		} else {
				DateTimeShortcuts.timeElements[num][el].value = el_max+1;
			}
		}
		if (DateTimeShortcuts.timeElements[num][el].value >= dep_max+1 && DateTimeShortcuts.timeElements[num][dep].value > el_limit) {
			DateTimeShortcuts.timeElements[num][dep].value = dep_max;
		}
		
		DateTimeShortcuts.timeElements[num][el].value--;
    },    
    incNumber: function(num, el, el_max, el_limit, dep, dep_max) {
		if (DateTimeShortcuts.timeElements[num][el].value >= el_max || (
			DateTimeShortcuts.timeElements[num][dep].value >= dep_max+1 && 
			DateTimeShortcuts.timeElements[num][el].value >= el_limit)
		) {
			DateTimeShortcuts.timeElements[num][el].value = -1;
		}
		
		DateTimeShortcuts.timeElements[num][el].value++;
    },
    selectTime: function(num) {
    	DateTimeShortcuts.clockInputs[num].value = "";
    	var n = 0;
    	for (i=0; i<4; i++) {
    		n = parseInt(DateTimeShortcuts.timeElements[num][i].value)
    		DateTimeShortcuts.clockInputs[num].value += n?n:0;
    		if(i==1) {
    			DateTimeShortcuts.clockInputs[num].value += ":";
    		}
    	}		
		DateTimeShortcuts.dismissClock(num);
    },    
    openClock: function(num) {
        var clock_box = document.getElementById(DateTimeShortcuts.clockDivName+num)
        var clock_link = document.getElementById(DateTimeShortcuts.clockLinkName+num)

    	var time = DateTimeShortcuts.clockInputs[num].value.split(":",2);
		if(time[0]) {
			DateTimeShortcuts.timeElements[num][0].value = numAt(time[0], 0, 0);
	    	DateTimeShortcuts.timeElements[num][1].value = numAt(time[0], 1, 0);
		} else {
			DateTimeShortcuts.timeElements[num][0].value = 0;
    		DateTimeShortcuts.timeElements[num][1].value = 0;
		}
    	
    	if(time[1]) {
	    	DateTimeShortcuts.timeElements[num][2].value = numAt(time[1], 0, 0);
    		DateTimeShortcuts.timeElements[num][3].value = numAt(time[1], 1, 0);
    	} else {
    		DateTimeShortcuts.timeElements[num][2].value = 0;
    		DateTimeShortcuts.timeElements[num][3].value = 0;
    	}
    	
    	
        // Recalculate the clockbox position
        // is it left-to-right or right-to-left layout ?
        if (getStyle(document.body,'direction')!='rtl') {
            clock_box.style.left = findPosX(clock_link) + 17 + 'px';
        }
        else {
            // since style's width is in em, it'd be tough to calculate
            // px value of it. let's use an estimated px for now
            // TODO: IE returns wrong value for findPosX when in rtl mode
            //       (it returns as it was left aligned), needs to be fixed.
            clock_box.style.left = findPosX(clock_link) - 110 + 'px';
        }
        clock_box.style.top = findPosY(clock_link) - 30 + 'px';
    
        // Show the clock box
        clock_box.style.display = 'block';
        addEvent(window, 'click', function() { DateTimeShortcuts.dismissClock(num); return true; });
    },
    dismissClock: function(num) {
       document.getElementById(DateTimeShortcuts.clockDivName + num).style.display = 'none';
       window.onclick = null;
    },
    handleClockQuicklink: function(num, val) {
       DateTimeShortcuts.clockInputs[num].value = val;
       DateTimeShortcuts.dismissClock(num);
    },
    // Add calendar widget to a given field.
    addCalendar: function(inp) {
        var num = DateTimeShortcuts.calendars.length;

        DateTimeShortcuts.calendarInputs[num] = inp;

        // Shortcut links (calendar icon and "Today" link)
        var shortcuts_span = document.createElement('span');
        inp.parentNode.insertBefore(shortcuts_span, inp.nextSibling);
        var today_link = document.createElement('a');
        today_link.setAttribute('href', 'javascript:DateTimeShortcuts.handleCalendarQuickLink(' + num + ', 0);');
        today_link.appendChild(document.createTextNode(gettext('Today')));
        var cal_link = document.createElement('a');
        cal_link.setAttribute('href', 'javascript:DateTimeShortcuts.openCalendar(' + num + ');');
        cal_link.id = DateTimeShortcuts.calendarLinkName + num;
        quickElement('img', cal_link, '', 'src', DateTimeShortcuts.admin_media_prefix + 'img/admin/icon_calendar.gif', 'alt', gettext('Calendar'));
        shortcuts_span.appendChild(document.createTextNode('\240'));
        shortcuts_span.appendChild(today_link);
        shortcuts_span.appendChild(document.createTextNode('\240|\240'));
        shortcuts_span.appendChild(cal_link);

        // Create calendarbox div.
        //
        // Markup looks like:
        //
        // <div id="calendarbox3" class="calendarbox module">
        //     <h2>
        //           <a href="#" class="link-previous">&lsaquo;</a>
        //           <a href="#" class="link-next">&rsaquo;</a> February 2003
        //     </h2>
        //     <div class="calendar" id="calendarin3">
        //         <!-- (cal) -->
        //     </div>
        //     <div class="calendar-shortcuts">
        //          <a href="#">Yesterday</a> | <a href="#">Today</a> | <a href="#">Tomorrow</a>
        //     </div>
        //     <p class="calendar-cancel"><a href="#">Cancel</a></p>
        // </div>
        var cal_box = document.createElement('div');
        cal_box.style.display = 'none';
        cal_box.style.position = 'absolute';
        cal_box.className = 'calendarbox module';
        cal_box.setAttribute('id', DateTimeShortcuts.calendarDivName1 + num);
        document.body.appendChild(cal_box);
        addEvent(cal_box, 'click', DateTimeShortcuts.cancelEventPropagation);

        // next-prev links
        var cal_nav = quickElement('div', cal_box, '');
        var cal_nav_prev = quickElement('a', cal_nav, '<', 'href', 'javascript:DateTimeShortcuts.drawPrev('+num+');');
        cal_nav_prev.className = 'calendarnav-previous';
        var cal_nav_next = quickElement('a', cal_nav, '>', 'href', 'javascript:DateTimeShortcuts.drawNext('+num+');');
        cal_nav_next.className = 'calendarnav-next';

        // main box
        var cal_main = quickElement('div', cal_box, '', 'id', DateTimeShortcuts.calendarDivName2 + num);
        cal_main.className = 'calendar';
        DateTimeShortcuts.calendars[num] = new Calendar(DateTimeShortcuts.calendarDivName2 + num, DateTimeShortcuts.handleCalendarCallback(num));
        DateTimeShortcuts.calendars[num].drawCurrent();

        // calendar shortcuts
        var shortcuts = quickElement('div', cal_box, '');
        shortcuts.className = 'calendar-shortcuts';
        quickElement('a', shortcuts, gettext('Yesterday'), 'href', 'javascript:DateTimeShortcuts.handleCalendarQuickLink(' + num + ', -1);');
        shortcuts.appendChild(document.createTextNode('\240|\240'));
        quickElement('a', shortcuts, gettext('Today'), 'href', 'javascript:DateTimeShortcuts.handleCalendarQuickLink(' + num + ', 0);');
        shortcuts.appendChild(document.createTextNode('\240|\240'));
        quickElement('a', shortcuts, gettext('Tomorrow'), 'href', 'javascript:DateTimeShortcuts.handleCalendarQuickLink(' + num + ', +1);');

        // cancel bar
        var cancel_p = quickElement('p', cal_box, '');
        cancel_p.className = 'calendar-cancel';
        quickElement('a', cancel_p, gettext('Cancel'), 'href', 'javascript:DateTimeShortcuts.dismissCalendar(' + num + ');');
    },
    openCalendar: function(num) {
        var cal_box = document.getElementById(DateTimeShortcuts.calendarDivName1+num)
        var cal_link = document.getElementById(DateTimeShortcuts.calendarLinkName+num)
    
        // Recalculate the clockbox position
        // is it left-to-right or right-to-left layout ?
        if (getStyle(document.body,'direction')!='rtl') {
            cal_box.style.left = findPosX(cal_link) + 17 + 'px';
        }
        else {
            // since style's width is in em, it'd be tough to calculate
            // px value of it. let's use an estimated px for now
            // TODO: IE returns wrong value for findPosX when in rtl mode
            //       (it returns as it was left aligned), needs to be fixed.
            cal_box.style.left = findPosX(cal_link) - 180 + 'px';
        }
        cal_box.style.top = findPosY(cal_link) - 75 + 'px';
    
        cal_box.style.display = 'block';
        addEvent(window, 'click', function() { DateTimeShortcuts.dismissCalendar(num); return true; });
    },
    dismissCalendar: function(num) {
        document.getElementById(DateTimeShortcuts.calendarDivName1+num).style.display = 'none';
    },
    drawPrev: function(num) {
        DateTimeShortcuts.calendars[num].drawPreviousMonth();
    },
    drawNext: function(num) {
        DateTimeShortcuts.calendars[num].drawNextMonth();
    },
    handleCalendarCallback: function(num) {
        return "function(y, m, d) { DateTimeShortcuts.calendarInputs["+num+"].value = y+'-'+m+'-'+d; document.getElementById(DateTimeShortcuts.calendarDivName1+"+num+").style.display='none';}";
    },
    handleCalendarQuickLink: function(num, offset) {
       var d = new Date();
       d.setDate(d.getDate() + offset)
       DateTimeShortcuts.calendarInputs[num].value = d.getISODate();
       DateTimeShortcuts.dismissCalendar(num);
    },
    cancelEventPropagation: function(e) {
        if (!e) e = window.event;
        e.cancelBubble = true;
        if (e.stopPropagation) e.stopPropagation();
    }
}

addEvent(window, 'load', DateTimeShortcuts.init);