var  calendarId= 'calendarDiv';
var  inputClass= 'calendarSelectDate';
var  selectedMonth= new Date().getMonth(); // 0-11
var  selectedYear= new Date().getFullYear(); // 4-digit year
var  selectedDay= new Date().getDate();
var startDay;
var Starting=0;

function drawDays(){
	
	for (i=0;i<7;i++){
			text="<div style='color:#ea6f24;position:absolute;right:"+((((startDay+1)*40 + i*40)%280)+40)+"px;top:-20px;'>"+getDayName((startDay+i)%7)+"</div>";
			$(".Dates").append("<div style='font-size: 8pt; font-family: Tahoma,Geneva,sans-serif; font-weight: normal;'>"+text+"</div>");

	}
			$(".Dates").append('<div style="border-top: 1px solid rgb(204, 204, 204); border-bottom: 1px solid white; height: 0px; width: 93%; margin-right: 37px; margin-bottom: 5px;"></div>');	
			$(".SelectedMonth").text(getMonthName(selectedMonth) + selectedYear);
}
	function drawCalendar(){
		$(".Dates").html("<ul></ul>");
		var html="";
		var daysInMonth = getDaysInMonth(selectedYear, selectedMonth);
		startDay = getFirstDayofMonth(selectedYear, selectedMonth);
        var numRows = 0;
        var printDate = 1;
        if (startDay != 7) {
            numRows = Math.ceil(((startDay+1)+(daysInMonth))/7); // calculate the number of rows to generate
        }

		// calculate number of days before calendar starts
        if (startDay != 7) {
            var noPrintDays = startDay + 1; 
        } else {
            var noPrintDays = 0; // if sunday print right away	
        }
		var today = new Date().getDate();
		var thisMonth = new Date().getMonth();
		var thisYear = new Date().getFullYear();
        // create calendar rows
		
        for (var e=0; e<numRows; e++) {
            // create calendar days
            for (var f=0; f<7; f++) {
				html+="<li>";
                if (noPrintDays == 0) {
					if (printDate <= daysInMonth) {
						if (new Date(selectedYear,selectedMonth,selectedDay)>new Date() || new Date(selectedYear,selectedMonth,printDate)>new Date()){
							html+="<a>"+printDate+"</a>";
						}
						else{
							html+="<a href='?action=Archive&id=1&month="+selectedMonth+"&day="+printDate+"&year="+selectedYear+"'>"+printDate+"</a>";
						}
						
						
					}
                    printDate++;
                }
				else{
					Starting++;	
				}
                html+="&nbsp;</li>";
                if(noPrintDays > 0) noPrintDays--;
            }
			
        }
		
			$(".Dates ul").html(html);
		drawDays();
	$('#prevMonth').unbind("click");
	$('#nextMonth').unbind("click");	
	 $('#prevMonth').bind("click",function () {
            selectedMonth--;
            if (selectedMonth < 0) {
                selectedMonth = 11;
                selectedYear--;
            }
            drawCalendar(); 
        });
        $('#nextMonth').bind("click",function () {
            selectedMonth++;
            if (selectedMonth > 11) {
                selectedMonth = 0;
                selectedYear++;
            }
            drawCalendar(); 
        });	
		
		
	}
		
		
		


// Add calendar event that has wide browser support

/* Functions Dealing with Dates */
function formatDate(Day, Month, Year) {
    Month++; // adjust javascript month
    if (Month <10) Month = '0'+Month; // add a zero if less than 10
    if (Day < 10) Day = '0'+Day; // add a zero if less than 10
    var dateString = Month+'/'+Day+'/'+Year;
    return dateString;
}

function getMonthName(month) {
     var monthNames = new Array('يناير','فبراير','مارس','أبريل','مايو','يونيو','يوليو','أغسطس','سبتمبر','أوكتوبر','نوفمبر','ديسمبر');

    return monthNames[month];
}

function getDayName(day) {
    var dayNames = new Array('الإثنين','الثلاثاء','الأربعاء','الخميس','الجمعة','السبت','الأحد');
    return dayNames[day];
}

function getDaysInMonth(year, month) {
	
    return 32 - new Date(year, month, 32).getDate();
}

function getFirstDayofMonth(year, month) {
    var day;
    day = new Date(year, month, 0).getDay();
    return day;
}

/* Common Scripts */


/* Position Functions */