// JavaScript Document

 
function hiliteDates(i,m,y)
{
			m=m+1;
			if(m<10)
				m="0"+m;


		var hilite=hiliteData.split("^");
		var j=0;
		var len=hilite.length;
		inc=0;

		if(i<10)
		   kj="0"+i;
		else
			kj=i;
				
		var today=y+"-"+m+"-"+kj;

		for(j=0;j<len;j++)
		{
				if(hilite[j]==today)
					  return true;
				else
					 inc++;
			//alert("today"+today + "-------->hilite"+hilite[j]);
		}

		if(inc>=len-1)
			return false;

} 

   
                        

var month_names = new Array("Jan","Feb","Mar","Apr","May","June","Jul","Aug","Sep","Oct","Nov","Dec");
var days_in_month  = new Array(31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31);
var this_date = new Date();                                   // get todays date
var this_day = this_date.getDate();                           // returns date within month - range 1-31
var this_month = this_date.getMonth();                        // returns month within year - range 0-11 
 
function makeCalendar(the_month, the_year)
{   
	var html_body;
	first_of_month = new Date(the_year, the_month, 1);        // creates instance of date object for first of month
    day_of_week = first_of_month.getDay();                    // returns day within week - range 0-6
    if  (((the_year % 4 == 0) && (the_year % 100 != 0)) || (the_year % 400 == 0))
    {   days_in_month[1] = 29;                                // it's a leap year so change # days in Feb in array
    }
    else
    {   days_in_month[1] = 28;                                // not leap year - future use if multi year calendar built
    }
    html_body='<TABLE  WIDTH=170 HEIGHT=235 BORDER=0 CELLPADDING=0 CELLSPACING=0 class="cal_Background">';// start building the month table
    html_body+="<TR><TD> </TD>";
	html_body+="<TD COLSPAN=13 width='150' height='9' ></TD>";
	html_body+="<TD> </TD></TR>";
	html_body+="<TR><TD width='10' height='24' ></TD>";
	html_body+="<TD COLSPAN=13 width='150' height='24' class='cal_month_heading' >"+ month_names[the_month] +" "+ the_year+"</TD>";// month and year heading
	html_body+="<TD width='10' height='24'  border='0'></TD></TR>";
   // html_body+="<TR BGCOLOR='#FFCC99'><TH COLSPAN=7>" + month_names[the_month] + " " + the_year; 
   html_body+="<tr class='cal_4'>";
		html_body+="<TD width='10' height='24'  ></TD>";
		html_body+="<th class='cal_th_header'>S</th><TD width=4 height=24></TD>";
		html_body+="<th class='cal_th_header'>M</th><TD width=4 height=24></TD>";
		html_body+="<th class='cal_th_header'>T</th><TD width=4 height=24></TD>";
		html_body+="<th class='cal_th_header'>W</th><TD width=4 height=24></TD>";
		html_body+="<th class='cal_th_header'>Th</th><TD width=4 height=24></TD>";
		html_body+="<th class='cal_th_header'>F</th><TD width=4 height=24></TD>";
		html_body+="<th class='cal_th_header'>S</th>";
		html_body+="<TD width='10' height='24' ></td>";
	html_body+="</tr>";
   
    html_body+="<tr class='cal_4'><TD width='10' height='24'  ></TD>";

    var column = 0;
    var countRow=1;
    
    for (i=0; i<day_of_week; i++)                             // skip to day_of_week value for first_of_month
    {   html_body+="<TD width='18' height='24' class='cal_emp'></TD><TD width='4' height='4'></TD>";
        column++;
    }
	
	
	
    for (i=1; i<=days_in_month[the_month]; i++)
    {  
		
				if(hiliteDates(i,the_month, the_year))
				{
					   html_body+="<TD width='18' height='24' class='calendar_SelectedDates'>" + i + "</TD>";       // highlite days
				
				}
				else if  ((i == this_day)  && (the_month == this_month) && (the_year == this_year))
				{   html_body+="<TD width='18' height='24' class='calendar_today'><B>" + i + "</B></TD>";       // highlite todays date
				}
				else
				{
				   html_body+="<TD width='18' height='24' class='cal_ordinary'><B>" + i + "</B></TD>";       // no highlite for other dates
				}
				if(column <6 ){
					html_body+='<TD width="18" height="4"></TD>';
				}
				
        column++;
        if(i==days_in_month[the_month]){
			for(j=column; j<7; j++){
				html_body+="<TD width='18' height='24' class='cal_emp'></TD>";
				if(j!=6){
					html_body+="<TD width='4' height='4'></TD>";
				}else{
					html_body+="<TD width='10' height='24' ></TD></TR>";
				}
			}
		}
        if  (column == 7)                                     // start next row of dates for month
        {  
        	
        	html_body+="<TD width='10' height='24' ></TD></TR>";
        	html_body+='<TR>';
			html_body+='<TD width="10" height="4" ></TD>';
			html_body+='<TD width="18" height="4"></TD>';
			html_body+='<TD width="4" height="4"></TD>';
			html_body+='<TD width="18" height="4"></TD>';
			html_body+='<TD width="4" height="4"></TD>';
			html_body+='<TD width="18" height="4"></TD>';
			html_body+='<TD width="4" height="4"></TD>';
			html_body+='<TD width="18" height="4"></TD>';
			html_body+='<TD width="4" height="4"></TD>';
			html_body+='<TD width="18" height="4"></TD>';
			html_body+='<TD width="4" height="4"></TD>';
			html_body+='<TD width="18" height="4"></TD>';
			html_body+='<TD width="4" height="4"></TD>';
			html_body+='<TD width="18" height="4"></TD>';
			html_body+='<TD width="10" height="4"  ></TD>';
			html_body+='</TR>';
			if(i!=days_in_month[the_month]){
        		html_body+="<tr class='cal_4'><TD width='10' height='24' ></TD>";
        		countRow=countRow+1;
			}
            column = 0;
        }
    }
    html_body+="</TR>"; // month complete - close table
	if(countRow==5){
			html_body+='<TR>';
			html_body+='<TD width="10" height="4"  ></TD>';
			html_body+='<TD width="18" height="4"></TD>';
			html_body+='<TD width="4" height="4"></TD>';
			html_body+='<TD width="18" height="4"></TD>';
			html_body+='<TD width="4" height="4"></TD>';
			html_body+='<TD width="18" height="4"></TD>';
			html_body+='<TD width="4" height="4"></TD>';
			html_body+='<TD width="18" height="4"></TD>';
			html_body+='<TD width="4" height="4"></TD>';
			html_body+='<TD width="18" height="4"></TD>';
			html_body+='<TD width="4" height="4"></TD>';
			html_body+='<TD width="18" height="4"></TD>';
			html_body+='<TD width="4" height="4"></TD>';
			html_body+='<TD width="18" height="4"></TD>';
			html_body+='<TD width="10" height="4" ></TD>';
			html_body+='</TR>';
			
			html_body+='<TR>';
			html_body+='<TD width="10" height="24" ></TD>';
			html_body+='<TD width="18" height="24" class="cal_emp"></TD>';
			html_body+='<TD width="4" height="24"></TD>';
			html_body+='<TD width="18" height="24" class="cal_emp"></TD>';
			html_body+='<TD width="4" height="24"></TD>';
			html_body+='<TD width="18" height="24" class="cal_emp"></TD>';
			html_body+='<TD width="4" height="24"></TD>';
			html_body+='<TD width="18" height="24" class="cal_emp"></TD>';
			html_body+='<TD width="4" height="24"></TD>';
			html_body+='<TD width="18" height="24" class="cal_emp"></TD>';
			html_body+='<TD width="4" height="24"></TD>';
			html_body+='<TD width="18" height="24" class="cal_emp"></TD>';
			html_body+='<TD width="4" height="24"></TD>';
			html_body+='<TD width="18" height="24" class="cal_emp"></TD>';
			html_body+='<TD width="10" height="24" ></TD>';
			html_body+='</TR>';
	}
		html_body+='<TR>';
		html_body+='<TD>';
/*		html_body+='<IMG SRC="images/calder_183.gif" WIDTH=10 HEIGHT=14 ALT="" border="0"></TD>';
		html_body+='<TD COLSPAN=13 width="150" height="14" background="images/bottom_bg.gif"></TD>';
		html_body+='<TD>';
		html_body+='<IMG SRC="images/calder_185.gif" WIDTH=10 HEIGHT=14 ALT="" border="0"></TD>';
*/	
		html_body+='</TD>';
		html_body+='<TD COLSPAN=13 width="150" height="14"  ></TD>';
		html_body+='<TD>';
		html_body+='</TD>';
		html_body+='</TR>';
		html_body+='</TABLE>';
	
	return html_body;
}

function y2K(number)                                          // if year < 2000 javascript gives only 2 digits for year
{ return (number < 1000) ? number + 1900 : number; 
}
 
var this_year = y2K(this_date.getYear());
var cur_pos=this_date.getMonth();
var temp_count=0;


function MakeMe(start)
{
	//document.write("<TABLE BORDER='0' width='100%' bgcolor='#FFFFFF'><TR VALIGN=TOP ><TD>");
	var TableHtml="";
	
	TableHtml="<TABLE BORDER='0' width='80%' align='center'  bgcolor='#FFFFFF'><TR VALIGN=TOP ><TD>";

	if(start==null)
		start=0;
		
	var j=start;
	var cnt=1;	
	var cur_year=this_year;
	
	for(var i=start;i<start+3;i++)
	{
		if(j>=12)
		{
			j=j-12;
			cur_year=cur_year+1;
		}
			
		TableHtml+=makeCalendar(j, cur_year); 
///////////////////Cnt implies How many months to display in a row.		
		if(cnt==1){                                  // we are passing the month and year to build the calendar
			TableHtml+="</TD></TR><TR VALIGN=TOP><TD>";  
			cnt=0;
		}
		else	
			TableHtml+="</TD><TD>";
			
		j++;
		cnt++;
	}

TableHtml+="</TD></TR></TABLE>";
var div_obj=document.getElementById("cc_div");
if(div_obj!=null)
{
	div_obj.innerHTML="";
	div_obj.innerHTML=TableHtml;
}
else
	document.write(TableHtml);
}



/*function MoveNext()
{
	cur_pos++;MakeMe(cur_pos);
}
function MovePrev()
{
	if(cur_pos!=0)
		cur_pos--;
	else
		cur_pos=0;
			
		MakeMe(cur_pos);
}*/

function MoveNext()
{
	//alert(temp_count);
	if(temp_count<3){
		cur_pos++;
		temp_count++;
	}else{
		alert("Availability Ends..!!");
	}
	MakeMe(cur_pos);
}
function MovePrev()
{
	if(temp_count!=0){
		temp_count--;
		cur_pos--;
	}else{
		//cur_pos=0;
		alert("No availability before these days..!!");
	}
		MakeMe(cur_pos);
}