jQuery.jcalendar = function() {

    var one_day = 1000 * 60 * 60 * 24;
    //dynamic years array for autocomplete
    var years = new Array();

    //dutch month names array
    var months = messages.date_months_long.split(',');

    //dutch day names array
    var days = messages.date_days_long.split(',');

    var restaurantID;
    var limitedDays = '';
    var limitedDates = '';

    var type;

    //script options object
    //contains type and monthCount
    //if type:0 then the page is booking step 1
    //if type:1 then the page is special booking page
    //if type:2 then the page is booking overview page
    var options = {};
    //script dayClass object
    //contains  outOfBounds(out of start and end dates), 
    //          status0(day status 0),
    //          status1(day status 1), 
    //          status2(day status 2), 
    //          status3(day status 3),
    //          status4(day status 4) objects
    //each of these objects contains clickable and cssClass properties
    //clickable:boolean means the day clickable or not
    //cssClass:string refers the css class of the day (gray, empty, full ...)s
    var dayClass = {};

    //first day of the week
    var _firstDayOfWeek;

    //first date of the calender
    var _firstDate;

    //last date of the calender
    var _lastDate;

    //selected date of the calender
    var _todayDate;

    //server today date
    var _serverDate;

    //second selected day of the calender
    var _selectedDate;

    //boolean year can be changed or not value
    //if firstdate - lastdate interval has more than one year 
    //then year can be changed(input box) otherwise not(label only)
    var _yearChange = false;

    //it is used during user interaction
    //if user select another month in interaction then
    //load the day status array from the server
    var _monthChange = false;

    //it is used during user interaction
    //if user changes the day then
    //go to the month inbox then go another place in page
    //load the day availability hours for type:0(booking step 1) again
    var _dayChange = false;

    var _isNextPrev = false;

    //the months between firstdate and lastdate
    var _currentMonths;

    //day availability string
    //it is like 0010243...
    //char count is equal how many days there are in selected month
    var _dayavailability;

    var _editDate = '';

    //draw the calender
    //params    dateIn:selecteddate on the calender
    //          day: day input control
    //          month: month input control
    //          year: year input control
    //          datespan: label of the selected date 
    var _drawCalendar = function(dateIn, day, month, year, datespan) {
        var today = _todayDate;
        var d;
        if (dateIn == undefined) {
            // start from firstdate month
            d = new Date(_firstDate.getFullYear(), _firstDate.getMonth(), 1);
            datespan.html(day.val() + " " + month.val() + " " + year.val());
        }
        else {
            // start from the passed in date
            d = dateIn;
            d.setDate(1);
        }

        // check that date is within allowed limits
        if ((d.getMonth() < _firstDate.getMonth() && d.getFullYear() == _firstDate.getFullYear()) || d.getFullYear() < _firstDate.getFullYear()) {
            d = new Date(_firstDate.getFullYear(), _firstDate.getMonth(), 1);
        }
        else if ((d.getMonth() > _lastDate.getMonth() && d.getFullYear() == _lastDate.getFullYear()) || d.getFullYear() > _lastDate.getFullYear()) {
            d = new Date(_lastDate.getFullYear(), _lastDate.getMonth(), 1);
        }
        _dayChange = false;
        var firstMonth = true;
        var firstDate = _firstDate.getDate();
        if (options.type != 3) {
            // create prev month and next month links		
            if (!(d.getMonth() == _firstDate.getMonth() && d.getFullYear() == _firstDate.getFullYear())) {
                // not in first display month so show a previous link
                firstMonth = false;

                //if selected date month is first month(January) then the prev link will go to the previous year
                var lastMonthDate = d.getMonth() == 0 ? new Date(d.getFullYear() - 1, 11, 1) : new Date(d.getFullYear(), d.getMonth() - 1, 1);

                //lastMonth is for is selected day is in prev month days interval
                //exp:if day is 31 but prev month is February(28 or 29 days) so it doesn't allowed
                var lastMonth = d.getMonth() == 0 ? new Date(d.getFullYear() - 1, 11, 0) : new Date(d.getFullYear(), d.getMonth(), 0);
                var prevLink = jQuery('<a href="javascript:void(0);" class="link-prev"><img src="' + messages.path_prefix + '/images/calender/month_left.jpg" alt=""/></a>').click(function() {
                    //var prevLink = jQuery('<a href="javascript:;" class="link-prev"><<</a>').click(function() {
                    //unbind the click event for fast clicks
                    $(this).unbind('click');

                    _isNextPrev = true;

                    //control the dav val in interval
                    //if not set the day val to the last day of the month
                    if (day.val() > lastMonth.getDate())
                        day.val(lastMonth.getDate());

                    //month change true so load the days availability string for new month
                    _monthChange = true;

                    //set year and month values
                    year.val(lastMonthDate.getFullYear());
                    month.val(months[lastMonthDate.getMonth()]);

                    //call month change event
                    month.change();
                    return false;
                });
            } else {
                //display nothing
                var prevLink = jQuery('<a style="visibility:hidden;" href="javascript:void(0);" class="link-prev"><img src="' + messages.path_prefix + '/images/calender/month_left.jpg" alt=""/></a>');
                //var prevLink = jQuery('<a style="visibility:hidden;" href="javascript:;" class="link-prev"><<</a>');
            }

            var finalMonth = true;
            var lastDate = _lastDate.getDate();
            if (!(d.getMonth() == _lastDate.getMonth() && d.getFullYear() == _lastDate.getFullYear())) {
                // in the last month - no next link
                finalMonth = false;

                //if selected date month is last month(December) then the next link will go to the next year
                var nextMonthDate = new Date(d.getFullYear(), d.getMonth() + 1, 1);

                //nextMonth is for is selected day is in next month days interval
                //exp:if day is 31 but next month is February(28 or 29 days) so it doesn't allowed
                var nextMonth = new Date(d.getFullYear(), d.getMonth() + 2, 0);
                var nextLink = jQuery('<a href="javascript:void(0);" class="link-next"><img src="' + messages.path_prefix + '/images/calender/month_right.jpg" alt=""/></a>').click(function() {
                    //var nextLink = jQuery('<a href="javascript:;" class="link-next">>></a>').click(function() {
                    //unbind the click event for fast clicks
                    $(this).unbind('click');

                    _isNextPrev = true;

                    //control the dav val in interval
                    //if not set the day val to the last day of the month
                    if (day.val() > nextMonth.getDate())
                        day.val(nextMonth.getDate());

                    //month change true so load the days availability string for new month
                    _monthChange = true;

                    //set year and month values
                    year.val(nextMonthDate.getFullYear());
                    month.val(months[nextMonthDate.getMonth()]);

                    //call month change event
                    month.change();
                    return false;
                });
            }
        }
        //update the year, month input boxes, date span and selected month label
        year.val(d.getFullYear());
        month.val(months[d.getMonth()]);
        if (options.type != 3) {
            datespan.html(day.val() + " " + month.val() + " " + year.val());
            var selectedmonth = jQuery('<div>' + month.val().substring(0, 3) + " " + year.val() + '</div>');

            var headRow = jQuery("<tr></tr>");
            //create the days row with first two chars 
            for (var i = _firstDayOfWeek; i < _firstDayOfWeek + 7; i++) {
                var weekday = i % 7;
                var wordday = days[weekday].substring(0, 2);
                headRow.append('<th scope="col" abbr="' + wordday + '" title="' + days[weekday] + '" class="' + (weekday == 0 || weekday == 6 ? 'weekend' : 'weekday') + '">' + wordday + '</th>');
            }
            headRow = jQuery("<thead></thead>").append(headRow);

            var tBody = jQuery("<tbody></tbody>");
            var lastDay = (new Date(d.getFullYear(), d.getMonth() + 1, 0)).getDate();
            var curDay = _firstDayOfWeek - d.getDay();
            if (curDay > 0) curDay -= 7;

            if (options.type == 1 || options.type == 5) {
                var todayDate = today.getDate();
                var thisMonth = d.getMonth() == today.getMonth() && d.getFullYear() == today.getFullYear();
            } else {//otherwise today is firstdate
                var todayDate = _firstDate.getDate();
                var thisMonth = d.getMonth() == _firstDate.getMonth() && d.getFullYear() == _firstDate.getFullYear();
            }
            //entered day from input boxes may not be allowed(clickable) day 
            //so control it by isSelectedLink? variable
            var isSelectedLink = false;
            var selectedDay = 0;
            //--------------------------
            var j = 0; //counts rows of calender(for rounding bottom cells)
            var cols = 0; //
            var rows = 4; //determines if calender has 5 or 6 rows
            //--------------------------
            // render calendar
            do {
                var thisRow = jQuery("<tr></tr>");
                for (var i = 0; i < 7; i++) {
                    var weekday = (_firstDayOfWeek + i) % 7;
                    var atts = { 'class': (weekday == 0 || weekday == 6 ? 'weekend ' : 'weekday ') };

                    //-------------------------------------------------
                    if (i == 1 & j == 3) {//tries to find if this month's calender is composed of 5 or 6 rows(rounded cells will be determined)
                        if ((curDay + 7 + 6) < lastDay)
                            rows = 5; //6 ROWS
                        else
                            rows = 4; //5 ROWS
                    }
                    //-------------------------------------------------
                    if (curDay < 0 || curDay >= lastDay) {
                        //the day is not in the selected month
                        dayStr = ' ';
                        if (i == 6 & j == rows)
                            atts['class'] += dayClass.outOfBounds_r.cssClass;
                        else
                            atts['class'] += dayClass.outOfBounds.cssClass;
                    }
                    else if (firstMonth && curDay < firstDate - 1) {
                        //the day is before firstdate

                        //if clickable then look for the day status and assign css class
                        //if(dayClass.outOfBounds.clickable){
                        if (dayClass.status0.clickable) {
                            dayStr = _checkDayStatus(curDay, atts, dayStr, i, j, rows, d.getMonth(), d.getFullYear());
                        } else {
                            //if not clickable then put the day value only and assign the css class
                            dayStr = curDay + 1;
                            //atts['class'] += dayClass.outOfBounds.cssClass;
                            if (i == 0 & j == rows)
                                atts['class'] += dayClass.status0_l.cssClass; //no_day_schedule left rounded
                            else
                                atts['class'] += dayClass.status0.cssClass; //no_day_schedule
                        }

                    }
                    else if (finalMonth && curDay > lastDate - 1) {
                        //the day is after lastdate

                        //if clickable then look for the day status and assign css class
                        if (dayClass.outOfBounds.clickable) {
                            dayStr = _checkDayStatus(curDay, atts, dayStr, i, j, rows, d.getMonth(), d.getFullYear());
                        } else {
                            //if not clickable then put the day value only and assign the css class
                            dayStr = curDay + 1;
                            //-----------------------------------------------------
                            if (i == 0 & j == rows) {//makes the bottom left cell of calender rounded background image  
                                //atts['class'] += dayClass.outOfBounds_l.cssClass;
                                atts['class'] += dayClass.status0_l.cssClass;
                            }
                            else if (i == 6 & j == rows) {//makes the bottom right cell of calender rounded background image 
                                //atts['class'] += dayClass.outOfBounds_r.cssClass;
                                atts['class'] += dayClass.status0_r.cssClass;
                            }
                            else {//normal square cell background image
                                //-----------------------------------------------------
                                //atts['class'] += dayClass.outOfBounds.cssClass;
                                atts['class'] += dayClass.status0.cssClass;
                            }
                        }
                    }
                    else {
                        //the day is in interval
                        d.setDate(curDay + 1);
                        var editClass = ((d - _editDate == 0) ? "class='editval'" : '');
                        //attach a click handler to every day to select it if clicked
                        //we use the rel attribute to keep track of the day that is being clicked
                        dayStr = jQuery('<a href="" rel="' + d + '" id="link_' + curDay + '" ' + editClass + '>' + (curDay + 1) + '</a>').click(function(e) {
                            if (_selectedDate) {
                                $("span.selected").parent().html(_selectedDate.html());
                                _selectedDate.removeClass('selected');
                            }
                            _selectedDate = jQuery(this);
                            _selectedDate.addClass('selected');
                            var datet = new Date(_selectedDate.attr('rel'));
                            //update day input control with clicked day
                            day.val(datet.getDate());

                            //update datespan text
                            datespan.html(day.val() + " " + month.val() + " " + year.val());

                            if (options.type == 5) {
                                $('div.selected-date').removeClass('notchanged').addClass('changed');
                                type = "date";
                            }

                            //call dateChenged function
                            _dateChanged();
                            return false;
                        });
                        //highlight the current selected day
                        if (options.type == 0) {
                            if (day.val() == d.getDate()) {
                                _selectedDate = dayStr;
                                _selectedDate.addClass('selected');
                            }
                        } else if (options.type == 1 || options.type == 5) {
                            if (jQuery.jcalendar.getDateStr(d) == $('input.hdnSelectedDate').val()) {
                                _selectedDate = dayStr;
                                _selectedDate.addClass('selected');
                            }
                        }

                        //assign day clickable and css class properties with its status
                        dayStr = _checkDayStatus(curDay, atts, dayStr, i, j, rows, d.getMonth(), d.getFullYear());

                        if (day.val() == d.getDate() && jQuery(dayStr).is('a')) {
                            //the day is link
                            isSelectedLink = true;
                            if (options.type == 0 || options.type == 5)
                                _dateChanged();
                        } else if (day.val() == d.getDate() && !jQuery(dayStr).is('a') && (options.type == 0)) {
                            dayStr = "<span class='selected'>" + day.val() + "</span>";
                            // at restaurant detail page: even if there is not day availability
                            // , make this day (day from search page) selected. And call _dateChanged()
                            // *** at previous version we were changing selected day automatically
                            // to a day where we have day availability (a clickable day) ***
                            _dateChanged();
                        }
                    }
                    if (day.val() == d.getDate()) {
                        selectedDay = day.val();
                    }
                    thisRow.append(jQuery("<td></td>").attr(atts).append(dayStr));
                    curDay++;

                }
                //-------------------------
                j = j + 1;
                //-------------------------
                tBody.append(thisRow);
            } while (curDay < lastDay);

            //create the calender days html
            jQuery('div.jcalendar').html('<div class="jcalendar-links"></div><table cellspacing="0"></table>');
            jQuery('div.jcalendar > div.jcalendar-links').append(prevLink, selectedmonth, nextLink);
            jQuery('div.jcalendar table').append(headRow, tBody);
        }

        //type:2(booking overview page)
        if (options.type == 2) {
            //if monthChange is true
            if (_monthChange) {
                //look the selected date is clickable or not
                //if not then find clickable day around the selected day
                //then click it and load the page again
                newday = _checkSelectedStatus(Number(_selectedDate.html()));
                if (newday != Number(_selectedDate.html())) {
                    $('#link_' + newday).click();
                } else {
                    _dateChanged();
                }
            }
        } else if (options.type == 0) { // restaurant detail page
            // In here: if selected day (selected at search page) is not available,
            // we found a clickable day around and make it selected. We don't do this anymore. 
            // We do: Show this unavailable day as selected, but instead of displaying selectable times (already we don't have any)
            // we display sth like "NO AVAILABILITY"
            /* Commented on 10/20/2008
            //if selected day is not link then look the clickable day around the entered day
            if(!isSelectedLink){
            //_checkSelectedStatus(Number(selectedDay));
            newday = _checkSelectedStatus(Number(_selectedDate.html()));
            if($('#link_'+newday).is('a')){
            $('#link_'+newday).click();
            }else{
            _dateChanged();
            }
            }
            */
        } else if (options.type == 5) { // restaurant detail page
            //if selected day is not link then look the clickable day around the entered day
            if (!_monthChange) {
                if (!isSelectedLink) {
                    //_checkSelectedStatus(Number(selectedDay));
                    newday = _checkSelectedStatus(Number(_selectedDate.html()));
                    if ($('#link_' + newday).is('a')) {
                        $('#link_' + newday).click();
                    } else {
                        _dateChanged();
                    }
                }
            }
        } else {
            _selectedDate = jQuery('<a href="" rel="' + d + '" id="link_' + curDay + '"></a>');
        }
    };

    //check the day status
    //params    curDay:the day value
    //          atts: css attributes
    //          dayStr: day string, if it is not clickable only day value, if it is surround with <a>
    var _checkDayStatus = function(curDay, atts, dayStr, col, row, rowCount, selectedMonth, selectedYear) {
        /*
        SELECTS availability status of each day to fill in the calendar on reservation page.

	        It may not return a record for each day between @start_date and @end_date if there is no corresponding
        availability record. 

	        status
        ----------
        0 -> NO DAY SCHEDULE
        1 -> EMPTY
        2 -> PARTLY FULL
        3 -> FULL
        4 -> CLOSED
        */
        var today = new Date();
        //var index = curDay;
        //if(options.type == 1)
        //index = _daysElapsed( new Date(selectedYear, selectedMonth, curDay+1) , _firstDate);
        switch (_dayavailability.charAt(curDay)) {
            case '0':
                //--------fade colors-------------
                if (selectedMonth < today.getMonth() & selectedYear <= today.getFullYear())
                    atts['class'] += "opac";
                if (selectedMonth == today.getMonth() & selectedYear == today.getFullYear() & curDay + 1 < today.getDate())
                    atts['class'] += "opac";
                //--------------------------------
                if (!dayClass.status0.clickable) {
                    dayStr = curDay + 1;
                }
                if (col == 0 & row == rowCount) {//makes the bottom left cell of calender rounded background image  
                    atts['class'] += dayClass.status0_l.cssClass;
                }
                else if (col == 6 & row == rowCount) {//makes the bottom right cell of calender rounded background image 
                    atts['class'] += dayClass.status0_r.cssClass;
                }
                else {//normal square cell background image
                    atts['class'] += dayClass.status0.cssClass;
                }
                break;
            case '1':
                //--------fade colors-------------
                if (selectedMonth < today.getMonth() & selectedYear <= today.getFullYear())
                    atts['class'] += "opac";
                if (selectedMonth == today.getMonth() & selectedYear == today.getFullYear() & curDay + 1 < today.getDate())
                    atts['class'] += "opac";
                //--------------------------------
                if (!dayClass.status1.clickable) {
                    dayStr = curDay + 1;
                }
                if (col == 0 & row == rowCount) {//makes the bottom left cell of calender rounded background image 
                    atts['class'] += dayClass.status1_l.cssClass;
                }
                else if (col == 6 & row == rowCount) {//makes the bottom right cell of calender rounded background image 
                    atts['class'] += dayClass.status1_r.cssClass;
                }
                else {//normal square cell background image
                    atts['class'] += dayClass.status1.cssClass;
                }
                break;
            case '2':
                //--------fade colors-------------
                if (selectedMonth < today.getMonth() & selectedYear <= today.getFullYear())
                    atts['class'] += "opac";
                if (selectedMonth == today.getMonth() & selectedYear == today.getFullYear() & curDay + 1 < today.getDate())
                    atts['class'] += "opac";
                //--------------------------------
                if (!dayClass.status2.clickable) {
                    dayStr = curDay + 1;
                }
                if (col == 0 & row == rowCount) {//makes the bottom left cell of calender rounded background image 
                    atts['class'] += dayClass.status2_l.cssClass;
                }
                else if (col == 6 & row == rowCount) {//makes the bottom right cell of calender rounded background image 
                    atts['class'] += dayClass.status2_r.cssClass;
                }
                else {//normal square cell background image
                    atts['class'] += dayClass.status2.cssClass;
                }
                break;
            case '3':
                //--------fade colors-------------
                if (selectedMonth < today.getMonth() & selectedYear <= today.getFullYear())
                    atts['class'] += "opac";
                if (selectedMonth == today.getMonth() & selectedYear == today.getFullYear() & curDay + 1 < today.getDate())
                    atts['class'] += "opac";
                //--------------------------------
                if (!dayClass.status3.clickable) {
                    dayStr = curDay + 1;
                }
                if (col == 0 & row == rowCount) {//makes the bottom left cell of calender rounded background image 
                    atts['class'] += dayClass.status3_l.cssClass;
                }
                else if (col == 6 & row == rowCount) {//makes the bottom right cell of calender rounded background image 
                    atts['class'] += dayClass.status3_r.cssClass;
                }
                else {//normal square cell background image
                    atts['class'] += dayClass.status3.cssClass;
                }
                break;
            case '4':
                //--------fade colors-------------
                if (selectedMonth < today.getMonth() & selectedYear <= today.getFullYear())
                    atts['class'] += "opac";
                if (selectedMonth == today.getMonth() & selectedYear == today.getFullYear() & curDay + 1 < today.getDate())
                    atts['class'] += "opac";
                //--------------------------------
                if (!dayClass.status4.clickable) {
                    dayStr = curDay + 1;
                }
                if (col == 0 & row == rowCount) {//makes the bottom left cell of calender rounded background image 
                    atts['class'] += dayClass.status4_l.cssClass;
                }
                else if (col == 6 & row == rowCount) {//makes the bottom right cell of calender rounded background image 
                    atts['class'] += dayClass.status4_r.cssClass;
                }
                else {//normal square cell background image
                    atts['class'] += dayClass.status4.cssClass;
                }
                break;
        }
        return dayStr;
    };

    var _daysElapsed = function(date1, date2) {
        var difference =
            Date.UTC(date1.getFullYear(), date1.getMonth(), date1.getDate(), 0, 0, 0)
          - Date.UTC(date2.getFullYear(), date2.getMonth(), date2.getDate(), 0, 0, 0);
        return difference / 1000 / 60 / 60 / 24;
    };


    //check the selected day status for booking overview
    //params    index:index of the day
    //if the selected day is not clickable then
    //find clicakble day around the selected day and retrn new clicable day value
    var _checkSelectedStatus = function(index) {
        for (i = 0; i < 31; i++) {
            if ($('#link_' + (index - 1 + i)).is('a')) {
                return (index - 1 + i);
            } else if ($('#link_' + (index - 1 - i)).is('a')) {
                return (index - 1 - i);
            }
        }
        return index;
    };

    //dateChanged function
    //if type:0(restaurant detail) then load the day hours, and update imege clock
    //if type:1(lister page)
    var _dateChanged = function() {
        // detail page calendar
        if (options.type == 0) {
            var selectedDate = _getCurrentDate();

            var diff = Math.ceil((selectedDate.getTime() - _serverDate.getTime()) / (one_day));
            var linebreak = "<br />";
            $('#spanDate').html("");
            if (diff == 0) {
                $('#spanDate').html(messages.TODAY + ",<br />");
                linebreak = " ";
            } else if (diff == 1) {
                $('#spanDate').html(messages.TOMORROW + ",<br />");
                linebreak = " ";
            }

            //added break and changed to html
            $('#spanDate').append(selectedDate.getDate() + " " + (months[selectedDate.getMonth()]) + linebreak + selectedDate.getFullYear());

            if (!_isNextPrev)
                $('.divCal').hide("slow");

            _isNextPrev = false;

            if (integration) {
                if (options.timeType == 1)
                    jQuery.makeBooking.checkAvailability(jQuery.jcalendar.getDateStr(_getCurrentDate()), -1/*time*/, restaurantID, limitedDays, limitedDates);
                else
                    jQuery.makeBooking.checkAvailabilityIframe(jQuery.jcalendar.getDateStr(_getCurrentDate()), -1/*time*/, restaurantID, limitedDays, limitedDates);
            }
            else {
                jQuery.makeBooking.checkAvailability(jQuery.jcalendar.getDateStr(_getCurrentDate()), -1/*time*/, restaurantID, '', '');
            }
        }
        // search page calendar
        else if (options.type == 1) {
            $('input.hdnSelectedDate').val(jQuery.jcalendar.getDateStr(_getCurrentDate()));
            Search.changeDate(jQuery.jcalendar.getstringdate());
        }
        // home page calendar
        else if (options.type == 5) {
            if (!_isNextPrev)
                $('.divCal').hide("slow");

            _isNextPrev = false;
            $('input.hdnSelectedDate').val(jQuery.jcalendar.getDateStr(_getCurrentDate()));

            var selectedDate = _getCurrentDate();
            var diff = Math.ceil((selectedDate.getTime() - _serverDate.getTime()) / (one_day));
            var linebreak = "<br />";
            $('#spanDate').html("");
            if (diff == 0) {
                $('#spanDate').html(messages.TODAY + ",<br />");
                linebreak = " ";
            } else if (diff == 1) {
                $('#spanDate').html(messages.TOMORROW + ",<br />");
                linebreak = " ";
            }

            //added break and changed to html
            $('#spanDate').append(selectedDate.getDate() + " " + (months[selectedDate.getMonth()]) + linebreak + selectedDate.getFullYear());

            jQuery.makeBooking.changeHomePageSearchLink(type);
            type = "";
        }
    };

    //getMonthArray function
    //return the months array
    var _getMonthArray = function() {
        return months;
    };

    //getMonthLimitArray function
    //params    start: start index of the month array
    //          size: size of the limited array
    //return the months array with starting month and desired size
    var _getMonthLimitArray = function(start, size) {
        newmonths = [];
        _currentMonths = [];
        if (start + size > 11) {
            _yearChange = true;
        }
        for (var i = start; i < start + size; i++) {
            newmonths[i - start] = months[i % 12];
            _currentMonths[i - start] = (i % 12) + 1;
        }
        return newmonths;
    };

    //getDayArray function
    //return the days array
    var _getDayArray = function() {
        return days;
    };

    //getYearChange function
    //return the _yearChenge value
    var _getYearChange = function() {
        return _yearChange;
    };

    //getYearChange function
    //return the _yearChange value
    var _getDayChange = function() {
        return _dayChange;
    };

    //setDayChange function
    //set the _dayChange value
    var _setDayChange = function(val) {
        _dayChange = val;
    };

    //getCurrentDate function
    //return the current(selected) date
    var _getCurrentDate = function() {
        return new Date(_selectedDate.attr('rel'));
    };

    //getCurrentDateStr function
    //return the current(selected) date string exp: 1/2/2008
    var _getCurrentDateStr = function(d, a, day, month, year, datespan, startdate, enddate) {
        return jQuery.jcalendar.getDateStr(_getCurrentDate());
    };

    //getCurrentMonths function
    //return the alowed months array which is created on calender load
    var _getCurrentMonths = function() {
        return _currentMonths;
    };

    //loadDayAvailibility function
    //params    d:selecteddate on the calender
    //          day: day input control
    //          month: month input control
    //          year: year input control
    //          datespan: label of the selected date
    //          startdate: startday of the selected month
    //          enddate: last day of the selected month
    //it loads the _dayavailability string with the status of the days in selected month
    var _loadDayAvailibility = function(d, day, month, year, datespan, startdate, enddate, restaurantID, ldays, ldates) {
        $.ajax({
            type: "POST",
            url: messages.path_prefix + "/handlers/loadDayAvailability.ashx",
            data: "startdate=" + startdate + "&enddate=" + enddate + "&rid=" + restaurantID + "&days=" + ldays + "&dates=" + ldates,
            async: false,
            success: function(data) {
                _dayavailability = data;
                jQuery.jcalendar.changeMonth(d, day, month, year, datespan);
            },
            error: function(data) {
            }
        });
    };

    //getFirstDate function
    //return the first alowed date
    var _getFirstDate = function() {
        return _firstDate;
    };

    //indexOf function
    //params    array: array of anything
    //          val: search val in the array
    //return the index of the value on given array
    var _indexOf = function(array, val) {
        for (var i = 0; i < array.length; i++) {
            if (array[i] == val) return i;
        }
        return -1;
    };

    //global functions
    return {
        //show function
        //params    a: object which contains _today, _selectedDate, _startDate, _startDate, _endDate, _availability, 
        //          day: day input control
        //          month: month input control
        //          year: year input control
        //          datespan: label of the selected date
        //first load of the calender
        show: function(a, day, month, year, datespan) {
            _serverDate = a._today;
            _todayDate = a._selectedDate;
            _firstDate = a._startDate;
            _lastDate = a._endDate;
            _firstDayOfWeek = a._firstDayOfWeek;
            _dayavailability = a._availability;
            _editDate = a._editDate;
            if ((index = _indexOf(_getMonthArray(), month.val())) != -1) {
                month.val(index + 1);
            }
            // pass in the selected form date if one was set
            var selected;
            if (year.val() > 0 && month.val() > 0 && day.val() > 0) {
                selected = new Date(year.val(), month.val() - 1, day.val());
            }
            else {
                selected = null;
            }
            if (options.type == 0) {
                var start = new Date(year.val(), month.val() - 1, 1);
                var last = new Date(year.val(), month.val(), 0).getDate();
                var end = new Date(year.val(), month.val() - 1, last);
                jQuery.jcalendar.loadDayAvailibility(selected, day, month, year, datespan, jQuery.jcalendar.getDateStr(start), jQuery.jcalendar.getDateStr(end), restaurantID, limitedDays, limitedDates);
            } else if (options.type == 1 || options.type == 5) {
                jQuery.jcalendar.changeMonth(selected, day, month, year, datespan);
            }
        },

        //changeMonth function
        //params    d: selected date
        //          day: day input control
        //          month: month input control
        //          year: year input control
        //          datespan: label of the selected date
        //call the _drawCalendar function
        changeMonth: function(d, day, month, year, datespan) {
            _drawCalendar(d, day, month, year, datespan);
        },

        //setLanguageStrings function
        //params    aDays: days name string array
        //          aMonths:months name string array
        setLanguageStrings: function(aDays, aMonths) {
            days = aDays;
            months = aMonths;
        },

        //setDateWindow function
        //params    i: The id of the INPUT element this date window is for
        //          w: The date window - an object containing startDate and endDate properties
        //e.g. {startDate:'24-11-1981', endDate:'25-12-2012}
        //Used internally to set the start and end dates for a given date select
        setDateWindow: function(i, w, year) {
            if (w == undefined) w = {};
            if (w.startDate != undefined) {
                dateParts = w.startDate.split('-');
                i._startDate = new Date(dateParts[2], Number(dateParts[1]) - 1, Number(dateParts[0]));
            }
            if (w.endDate != undefined) {
                dateParts = w.endDate.split('-');
                i._endDate = new Date(dateParts[2], Number(dateParts[1]) - 1, Number(dateParts[0]));
            }
            if (w.selectedDate != undefined) {
                dateParts = w.selectedDate.split('-');
                i._selectedDate = new Date(dateParts[2], Number(dateParts[1]) - 1, Number(dateParts[0]));
            }

            if (w.today != undefined) {
                dateParts = w.today.split('-');
                i._today = new Date(dateParts[2], Number(dateParts[1]) - 1, Number(dateParts[0]));
            }
            if (w.editDate != undefined && w.editDate != '') {
                dateParts = w.editDate.split('-');
                i._editDate = new Date(dateParts[2], Number(dateParts[1]) - 1, Number(dateParts[0]));
            }

            if (w.availability == undefined) {
                i._availability = '1111111111111111111111111111111';
            }
            else {
                i._availability = w.availability;
            }

            i._firstDayOfWeek = w.firstDayOfWeek == undefined ? 1 : w.firstDayOfWeek;
        },

        //getMonthArray function
        //call _getMonthArray function
        getMonthArray: function() {
            return _getMonthArray();
        },

        //getMonthLimitArray function
        //call _getMonthLimitArray function
        getMonthLimitArray: function(start, size) {
            return _getMonthLimitArray(start, size);
        },

        //getDayArray function
        //call _getDayArray function
        getDayArray: function() {
            return _getDayArray();
        },

        //getYearChange function
        //call _getYearChange function
        getYearChange: function() {
            return _getYearChange();
        },

        //getDayChange function
        //call _getDayChange function
        getDayChange: function() {
            return _getDayChange();
        },

        //setDayChange function
        //call _setDayChange function
        setDayChange: function(val) {
            _setDayChange(val);
        },

        //setMonthChange function
        //set monthChange value
        setMonthChange: function(val) {
            _monthChange = true;
        },

        //getCurrentDate function
        //call _getCurrentDate function
        getCurrentDate: function() {
            return _getCurrentDate();
        },

        //getCurrentDateStr function
        //call _getCurrentDateStr function
        getCurrentDateStr: function() {
            return _getCurrentDateStr();
        },

        //getServerTodayDate function
        //return _serverDate value
        getServerTodayDate: function() {
            return _serverDate;
        },

        //getCurrentMonths function
        //call _getCurrentMonths function
        getCurrentMonths: function() {
            return _getCurrentMonths();
        },

        //loadDayAvailibility function
        //params    d:selecteddate on the calender
        //          day: day input control
        //          month: month input control
        //          year: year input control
        //          datespan: label of the selected date
        //          startdate: startday of the selected month
        //          enddate: last day of the selected month
        //call _loadDayAvailibility function
        loadDayAvailibility: function(d, day, month, year, datespan, startdate, enddate, restaurantID, ldays, ldates) {
            return _loadDayAvailibility(d, day, month, year, datespan, startdate, enddate, restaurantID, ldays, ldates);
        },

        //getDateStr function
        //params    date(javascript date object)
        //generates date string like 20080201
        getDateStr: function(date) {
            month = date.getMonth() + 1;
            if (month < 10) month = "0" + month;
            day = date.getDate();
            if (day < 10) day = "0" + day;
            datestr = date.getFullYear() + "" + month + "" + day;
            return datestr;
        },

        //getFirstDate function
        //call _getFirstDate function
        getFirstDate: function() {
            return _getFirstDate();
        },

        //dayFocus function
        //if day input focus then select all value in it
        dayFocus: function() {
            $('input#day').select();
        },

        //indexOf function
        //call _indexOf function
        indexOf: function(array, val) {
            return _indexOf(array, val);
        },

        //getYears function
        //return years array
        getYears: function() {
            return years;
        },

        //getstringdate function
        //return selected date string like 20080324
        getstringdate: function() {
            return $('input.jcalendar-select-year').val() +
               ((jQuery.jcalendar.indexOf(jQuery.jcalendar.getMonthArray(), $('input.jcalendar-select-month').val()) + 1) < 10
               ? "0" + (jQuery.jcalendar.indexOf(jQuery.jcalendar.getMonthArray(), $('input.jcalendar-select-month').val()) + 1)
               : (jQuery.jcalendar.indexOf(jQuery.jcalendar.getMonthArray(), $('input.jcalendar-select-month').val()) + 1)) +
               ($('input.jcalendar-select-day').val() < 10 ? "0" + $('input.jcalendar-select-day').val() : $('input.jcalendar-select-day').val())
        },

        //resetCalender function
        //go to first date 
        resetCalender: function() {
            var firstdate = _getFirstDate();
            var date = new Date(firstdate.getFullYear(), firstdate.getMonth(), firstdate.getDate());
            $('input#year').val(date.getFullYear());
            $('input#month').val(jQuery.jcalendar.getMonthArray()[date.getMonth()]);
            $('input#day').val(date.getDate());
            $('input#month').change();
        },

        //setOptions functions
        //params    opt : object
        //          dayCla: object  
        setOptions: function(opt, dayCla) {
            options = opt;
            dayClass = dayCla;
        },

        setRestaurant: function(restaurant) {
            restaurantID = restaurant.rid;
        },

        setLimitedData: function(limitedData) {
            limitedDays = limitedData.days;
            limitedDates = limitedData.dates;
        },

        //setAutocompleteData function
        setAutocompleteData: function(month, year, startdate) {
            switch (options.type) {
                case 0:
                    month.autocomplete(_getMonthLimitArray(_firstDate.getMonth(), options.monthCount), { mustMatch: false, max: options.monthCount });
                    if (!_getYearChange()) {
                        $('span#yearspan').html(_firstDate.getFullYear());
                        year.hide();
                        $('span#yearspan').show();
                    } else {
                        $('span#yearspan').hide();
                        var i = 0;
                        for (i = 0; i < 2; i++) {
                            jQuery.jcalendar.getYears().push((Number(startdate.split('-')[2]) + i).toString());
                        }
                        year.autocomplete(jQuery.jcalendar.getYears(), { mustMatch: false });
                    }
                    break;
                case 1:
                    month.autocomplete(_getMonthLimitArray(0, options.monthCount), { mustMatch: false, max: options.monthCount });
                    var i = 0;
                    for (i = 0; i < 3; i++) {
                        jQuery.jcalendar.getYears().push((Number(startdate.split('-')[2]) + i).toString());
                    }
                    year.autocomplete(jQuery.jcalendar.getYears(), { mustMatch: false });
                    break;
                case 3:
                    month.autocomplete(_getMonthLimitArray(0, options.monthCount), { mustMatch: false, max: options.monthCount });
                    var i = 0;
                    if (jQuery.jcalendar.getYears().length == 0) {
                        for (i = 0; i < 3; i++) {
                            jQuery.jcalendar.getYears().push((Number(startdate.split('-')[2]) + i).toString());
                        }
                    }
                    year.autocomplete(jQuery.jcalendar.getYears(), { mustMatch: false });
                    break;
            }
        }
    };
} ();

jQuery.fn.jcalendar = function(a) {
	this.each(function() {
	    //get the controls
        var day = $(this).find('input.jcalendar-select-day');
        var month = $(this).find('input.jcalendar-select-month');
        var year = $(this).find('input.jcalendar-select-year');
        var datespan = $('span#jcalendar-select-date');
        
        var tomorrow = $(this).find('a#tomorrow');
        var nextfriday = $(this).find('a#nextfriday');
        var nextsaturday = $(this).find('a#nextsaturday');
        var nextweek = $(this).find('a#nextweek');
        $('div.jcalendar-selects').after('<div class="jcalendar"></div>');
        
        //set options
        jQuery.jcalendar.setOptions(a.options, a.dayClass);
        
        //set initial dates
		jQuery.jcalendar.setDateWindow(this, a.dates, year);
		
		if(a.options.type == 0){
		    // set restaurant info
		    jQuery.jcalendar.setRestaurant(a.restaurant);
		    
		    jQuery.jcalendar.setLimitedData(a.limitedData);
    		
		    //show the calender
		    jQuery.jcalendar.show(this, day, month, year, datespan);
    		
            //find the nextfriday and nextsaturday names
		    nextfriday.html(jQuery.jcalendar.getDayArray()[5]);
  		    nextsaturday.html(jQuery.jcalendar.getDayArray()[6]);
    		
		    day.change(function() {
		        // only if a valid day is selected
    		    
		        //get the current day
		        currentdate = jQuery.jcalendar.getCurrentDate();
    		    
		        //get the first date
		        firstdate = jQuery.jcalendar.getFirstDate();
    		    
		        //if date value is between 0 and 32 then
		        //set dayChange true
		        //else set day value currentdate day value
		        if ((this.value >  0) && this.value <= 31){
  	                if(this.value != currentdate.getDate())
  	                    jQuery.jcalendar.setDayChange(true);
  	            }else{
  	                this.value = currentdate.getDate();
  	            }
  	        });
      	    
  	        $("input#day").unbind('focus').bind("focus", {}, jQuery.jcalendar.dayFocus);
            
		    month.change(function() {
		        // only if a valid month is selected
    		    
		        //get the currentdate
		        currentDate = jQuery.jcalendar.getCurrentDate();
    		    
		        //find the month name index
	            index = jQuery.jcalendar.indexOf(jQuery.jcalendar.getMonthArray(),month.val());
    	        
	            //if noy find, maybe entered month val is integer
	            if(index==-1){	            
	                index = parseInt(month.val())-1;
    	            
	                //if not supported value set day value currentdate day value
	                if(jQuery.jcalendar.indexOf(jQuery.jcalendar.getCurrentMonths(),this.value) == -1 || this.value == 0){
	                    day.val(currentDate.getDate());
	                    index = currentDate.getMonth();
	                }               
                }
                
                //look for the day val is inselected month days interval
                if (!(day.val() > 0 && day.val() <= new Date(currentDate.getFullYear(),index+1,0).getDate())) {
		            index = currentDate.getMonth();
  	                day.val(currentDate.getDate());
  	            }
      	        
  	            //look for the day val is inselected month days interval
                if(parseInt(day.val(),10) > parseInt(new Date(year.val(), index+1, 0).getDate(),10)){
                    index = currentDate.getMonth();
  	                day.val(currentDate.getDate());
                }
                
                //create month start and end dates
                var start = new Date(year.val(), index, 1);
                var last = new Date(year.val(), index+1, 0).getDate();
                var end = new Date(year.val(), index, last);
	            d = new Date(year.val(), index, day.val());
	            jQuery.jcalendar.loadDayAvailibility(d, day, month, year, datespan,jQuery.jcalendar.getDateStr(start),jQuery.jcalendar.getDateStr(end), a.restaurant.rid, a.limitedData.days, a.limitedData.dates);
	            jQuery.jcalendar.setDayChange(false);
		    });
    		
		    month.blur(function() {
		        //if day value changed but month value is not changed
		        if(jQuery.jcalendar.getDayChange()){
		            currentdate = jQuery.jcalendar.getCurrentDate();
		            firstdate = jQuery.jcalendar.getFirstDate();
		            bounddate = new Date(currentdate.getFullYear(), currentdate.getMonth()+1,0).getDate();
		            if (($('#day').val() > (currentdate.getMonth() == firstdate.getMonth() ? firstdate.getDate() : 0)) && $('#day').val() <= bounddate){//new Date(currentDate.getFullYear(),currentDate.getMonth()+1,0).getDate()) {
		                d = new Date(year.val(), jQuery.jcalendar.indexOf(jQuery.jcalendar.getMonthArray(),month.val()), day.val());
		                jQuery.jcalendar.changeMonth(d, day, month, year, datespan);
  	                }else{
  	                    $('#day').val(currentdate.getDate());
  	                }
		        }
  	        });
            
		    year.change(function() {
		        // only if a valid year is selected		  		    		    
		        if (this.value > 0) {
		            //look for year is allowed years
		            var arr = jQuery.jcalendar.getYears();
		            var i = 0;
		            var control = false;
		            for(i = 0;i<arr.length;i++){
		                if(arr[i].indexOf(year.val()) != -1){
		                    year.val(arr[i]);
		                    control = true;
		                    break;
		                }
		            }
    		        
		            //if year is allowed then change the date
		            if(control){
  		                d = new Date(this.value, jQuery.jcalendar.indexOf(jQuery.jcalendar.getMonthArray(),month.val()), day.val());
    	                month.change();
    	            }else{//otherwise set the year with the currentdate year   
    	                year.val(jQuery.jcalendar.getCurrentDate().getFullYear());
    	            }
    	        }
		    });
      	    
  	    }
  	    else if(a.options.type == 1 || a.options.type == 5){
  	        //show the calender
		    jQuery.jcalendar.show(this, day, month, year, datespan);
		    
		    month.change(function() {
		        
		        // only if a valid month is selected
    		    
		        //get the currentdate
		        currentDate = jQuery.jcalendar.getCurrentDate();
    		    
		        //find the month name index
	            index = jQuery.jcalendar.indexOf(jQuery.jcalendar.getMonthArray(),month.val());
    	        
	            //if not find, maybe entered month val is integer
	            if(index==-1){	            
	                index = parseInt(month.val())-1;
    	            
	                //if not supported value set day value currentdate day value
	                if(jQuery.jcalendar.indexOf(jQuery.jcalendar.getCurrentMonths(),this.value) == -1 || this.value == 0){
	                    day.val(currentDate.getDate());
	                    index = currentDate.getMonth();
	                }               
                }
                
                //look for the day val is inselected month days interval
                if (!(day.val() > 0 && day.val() <= new Date(currentDate.getFullYear(),index+1,0).getDate())) {
		            index = currentDate.getMonth();
  	                day.val(currentDate.getDate());
  	            }
      	        
  	            //look for the day val is inselected month days interval
                if(parseInt(day.val(),10) > parseInt(new Date(year.val(), index+1, 0).getDate(),10)){
                    index = currentDate.getMonth();
  	                day.val(currentDate.getDate());
                }
                
                //create month start and end dates
                var start = new Date(year.val(), index, 1);
                var last = new Date(year.val(), index+1, 0).getDate();
                var end = new Date(year.val(), index, last);
	            d = new Date(year.val(), index, day.val());
	            jQuery.jcalendar.changeMonth(d, day, month, year, datespan);
	            jQuery.jcalendar.setDayChange(false);
		    });
  	    }
        
	});
	return this;
};