function goNextMonth()
{
	clickNextTableMonth++;
	if(clickNextTableMonth > 12)
	{
		clickNextTableMonth = 1;
		clickNextTableYear++;
	}
	myTable(clickNextTableMonth, clickNextTableYear);
}
  
function goLastMonth()
{
	clickNextTableMonth--;
	if(clickNextTableMonth < 1)
	{
		clickNextTableMonth = 12;
		clickNextTableYear--;
	}
	myTable(clickNextTableMonth, clickNextTableYear);
}

myTable = function(myMonth, myYear)
{
   var url = '/irvinechamber/calendar/ajax/ajax_calendar.php';
   var parameters = 'myMonth=' + myMonth + '&myYear=' + myYear;
	
	$.getJSON(url+"?"+parameters, function(data){
		populatecalendar(data);
	});
}

function populatecalendar(data)
{
   document.getElementById('title').innerHTML = data.current_month;

   //Display all the calendar days
   var countMe=1;
   var id='';
   var test = '';
   var myColumn = 1;
   while(countMe < 43)
   {
	  id = countMe.toString();

	  document.getElementById(id).innerHTML = data.calendar[(countMe-1)].fill;
	  
	  if(String(data.calendar[(countMe-1)].fill).length > 2)	document.getElementById(id).style.backgroundColor = '#CFE0D0';
	  else														document.getElementById(id).style.backgroundColor = 'transparent';
	  
	  //left
	  if(myColumn == 1)	document.getElementById(id).style.borderLeft = 0;
	  //right
	  if(myColumn == 7)	document.getElementById(id).style.borderRight = 0;
	  //bottom
	  if(id >= 43-7)  	document.getElementById(id).style.borderBottom = 0;
	  
	  countMe++;
	  myColumn++;
	  if(myColumn > 7) myColumn = 1;
   }
}

function showEvent(date)
{	
	$.ajax({
			url: '/irvinechamber/calendar/ajax/ajax_comments.php',
			type: 'GET',
			data: 'date=' + date,
			dataType: 'html',
			timeout: 8000,
			error: function(){
	
			},
			success: function(html){
				populateComments(html);
				
			//Resize the columns
			if($("#center_column").height() < $("#container_right_column").height())
				$("#center_column").css({'height': $("#container_right_column").height()});
		}
	});
}

function populateComments(response)
{
	 document.getElementById('Events').innerHTML = "<span class='subTitlePage'>Events</span>";
	 document.getElementById('Events').innerHTML += response;
}