 
/*
include the following file for a calendar

<script language="JavaScript" type="text/javascript" SRC="../includes/cal.js" ></script>
	<script>initalize('<%= cal_date &"','"& cal_info  %>')</script><%
<a style="text-decoration:none;" class="copyboldsmall"  href='home.asp?page=calendar&item=1&view=list'>list</a><br>
<DIV ID="calendar" align="left"><script>var C = new Date();output('calendar',C.getMonth(),C.getYear(),array)</script></DIV>
		*/
var day_of_week = new Array('Sun','Mon','Tue','Wed','Thu','Fri','Sat');
var month_of_year = new Array('January','February','March','April','May','June','July','August','September','October','November','December');
function m_change(val)
{
 
window.location.href='content.cfm?section='+vsection+'&dir='+vdir+'&page=events&sub1=things_to_do&sub2=events&sub3=&v=cal&m_month='+(parseInt(document.cal.select_month.value)+1)+'&m_year='+document.cal.select_year.value ;
}
function m_calendar(passed_month,passed_year)
{

//  DECLARE AND INITIALIZE VARIABLES
var Calendar = new Date();
if(passed_month>=0)
{
 
var m_year = passed_year;	    // Returns year
var m_month = passed_month;   // Returns month (0-11)
var today = Calendar.getDate() ;  // Returns day (1-31)
var weekday = -1;   // Returns day (1-31)


}
 


var DAYS_OF_WEEK = 7;    // "constant" for number of days in a week
var DAYS_OF_MONTH = 31;    // "constant" for number of days in a month
var cal;    // Used for printing

Calendar.setDate(1);    // Start the calendar day at '1'
Calendar.setMonth(m_month);    // Start the calendar month current month
Calendar.setYear(m_year);

/* VARIABLES FOR FORMATTING
NOTE: You can format the 'BORDER', 'BGCOLOR', 'CELLPADDING', 'BORDERCOLOR'
      tags to customize your caledanr's look. */
var choice=0;
var TR_start = '<TR>';
var TR_end = '</TR>';
var highlight_start ='<TD WIDTH="30" BGCOLOR="DEDEFF" BORDERCOLOR="CCCCCC" onMouseOver="this.bgColor ='
 +"'#6599cb'"+
'"'+
' onMouseOut ="this.bgColor ='+
"'#DEDEFF'"+
'"'+
/*
' onClick="this.bgColor ='+
"'#123456'"+
'"'+*/
' onClick="return inDate()" '+
'><CENTER>'; 
var highlight_end   = '</CENTER></TD></TR></TABLE></B>';
var TD_start = '<TD WIDTH="30" align="center"><CENTER>';
var TD_end = '</CENTER></TD>';
var TD_on_off=
'<TD WIDTH="60"  align="center" onMouseOver="this.bgColor ='
 +"'#6599cb'"+
'"'+
' onMouseOut ="this.bgColor ='+
"'#FFFFFF'"+
'"'+
/*
' onClick="this.bgColor ='+
"'#123456'"+
'"'+*/
' onClick="return inDate()" '+
'><CENTER>';

cal =  '<form name="cal"><TABLE ALIGN="center" width=100% BORDER=0 CELLSPACING=0 CELLPADDING=0 BGCOLOR="ffffff"><TR><TD>';
cal += '<TABLE BORDER=0 CELLSPACING=0 CELLPADDING=2  >' + TR_start;
cal += '<TD style=\"color: white\" COLSPAN="' + DAYS_OF_WEEK + '"><CENTER><B> ';
//cal += month_of_year[m_month]  + '   ' + m_year + '</B>' + TD_end + TR_end;
cal +=  '<td colspan="7" valign="top" >'+today_info+'</td>'+'</TR><tr><td align="center" colspan="7">'+
//'<select class="dropdown" style="font-family:Verdana;" onChange="output(\'calendar\' ,parseInt(select_month.value),select_year.value,global_data)" name="select_month">'+
'<select class="dropdown" style="font-family:Verdana;" name="select_month" onChange="m_change(this.value)" >'+

'<option value="0" SELECTED>January</option>'+
'<option value="1">February</option>'+
'<option value="2" >March</option>'+
'<option value="3">April</option>'+
'<option value="4" >May</option>'+
'<option value="5">June</option>'+
'<option value="6" >July</option>'+
'<option value="7">August</option>'+
'<option value="8" >September</option>'+
'<option value="9">October</option>'+
'<option value="10" >November</option>'+
'<option value="11">December</option>'+


'</select>&nbsp;'+
//'<select class="dropdown" style="font-family:Verdana;"  onChange="output(\'calendar\' ,parseInt(select_month.value),select_year.value,global_data)" name="select_year">'+
'<select class="dropdown" style="font-family:Verdana;" name="select_year" onChange="m_change(this.value)" >'+
'<option value="2013">2013</option>'+
'<option value="2012">2012</option>'+
'<option value="2011">2011</option>'+
'<option value="2010" SELECTED>2010</option>'+
'<option value="2009">2009</option>'+
'<option value="2008">2008</option>'+
'<option value="2007">2007</option>'+
'<option value="2006">2006</option>'+
'<option value="2005">2005</option>'+
'<option value="2004">2004</option>'+
'<option value="2003">2003</option>'+
'<option value="2002">2002</option>'+
'<option value="2001">2001</option>'+
'<option value="2000">2000</option>'+
'<option value="1999">1999</option>'+
'<option value="1998">1998</option>'+
'</select>&nbsp;'
cal += TR_start;



// LOOPS FOR EACH DAY OF WEEK
for(index=0; index < DAYS_OF_WEEK; index++)
{

// BOLD TODAY'S DAY OF WEEK
if(weekday == index)
cal += TD_start + '<center><B>&nbsp;' + day_of_week[index] + '</B></center>' + TD_end;

// PRINTS DAY
else
cal += TD_start +'<center>&nbsp;&nbsp;&nbsp;<font face="Verdana" size=1>'+ day_of_week[index] +'</font></center>'+ TD_end;
}

cal += TD_end + TR_end;
cal += TR_start;

// FILL IN BLANK GAPS UNTIL TODAY'S DAY
for(index=0; index < Calendar.getDay(); index++)
cal += TD_start + '  ' + TD_end;

// LOOPS FOR EACH DAY IN CALENDAR
for(index=0; index < DAYS_OF_MONTH; index++)
{
if( Calendar.getDate() > index )
{
  // RETURNS THE NEXT DAY TO PRINT
  week_day =Calendar.getDay();

  // START NEW ROW FOR FIRST DAY OF WEEK
  if(week_day == 0)
  cal += TR_start;

if(week_day != DAYS_OF_WEEK)
{

  // SET VARIABLE INSIDE LOOP FOR INCREMENTING PURPOSES
  var m_day  = Calendar.getDate();
	
  // HIGHLIGHT TODAY'S DATE
		if( today ==111 & month_year )
		{
		 
 		cal += TD_on_off+'<input STYLE="text-align:center;font-family:Verdana;" size="3" BGCOLOR=DEDEFF color="blue"   readonly="true" type=' + '"text"'; 
		for(k=0;k<array.length;k++)
					{
					if(parseInt(array[k][0])==m_day)
					{
					
					cal+="style=\"background-color:6599cb\""+' onClick="return inVal('+m_day+','+k+')" ';
					}
					else
					cal+=' onClick="return inVal('+32+')" ';
				
					}
        cal+='size="1"'+ 'name="'+m_day+'"'+ 'value="' +m_day+ '" > '   + TD_end;
		
		// PRINTS DAY
		
		}
		else
		{
	
	
		 cal += TD_on_off+ '<center><div id=C_'+m_day+' ><input  STYLE="text-align:center;font-family:Verdana;" size="3" readonly="true" type=' + '"text"';
		for(k=0;k<array.length;k++)
					{
					if(parseInt(array[k][0])==m_day)
					{
					 
					cal+="ONMOUSEOVER=\"this.style.cursor = \'hand\';\" ONMOUSEOUT=\"this.style.cursor = \'auto\';\" style=\"color: white\" style=\"background-color:6599cb\" "+' onClick="return inVal('+m_day+','+k+')" ';
					
					}
					}
		cal+='onMouseOver="this.bgColor ='
		+"'#121212'"+
		'"'+
		' onMouseOut ="this.bgColor ='+
		"'#6599cb'"+
		'"'+
		'size="1"'+ 'name="'+m_day+'"'+ 'value="' +m_day+ '"></div></center>' + TD_end; 
		 
		}//else

  }//if(week_day != DAYS_OF_WEEK)
											 
  // END ROW FOR LAST DAY OF WEEK
  if(week_day == DAYS_OF_WEEK)
  cal += TR_end;
}//if( Calendar.getDate() > index )

  // INCREMENTS UNTIL END OF THE MONTH
  Calendar.setDate(Calendar.getDate()+1);

}// end for loop

cal += '</TABLE><br></TD></form>'/*+'<td rowspan="2" valign="top" >'+today_info+'</td>'+'</TR><tr><td>'+
'<select class="dropdown" style="font-family:Verdana;" onChange="output(\'calendar\' ,parseInt(select_month.value),select_year.value,global_data)" name="select_month">'+
'<option value="0" SELECTED>January'+
'<option value="1">February'+s
'<option value="2" >March'+
'<option value="3">April'+
'<option value="4" >May'+
'<option value="5">June'+
'<option value="6" >July'+
'<option value="7">August'+
'<option value="8" >September'+
'<option value="9">October'+
'<option value="10" >November'+
'<option value="11">December'+


'</select>&nbsp;'+
'<select class="dropdown" style="font-family:Verdana;"  onChange="output(\'calendar\' ,parseInt(select_month.value),select_year.value,global_data)" name="select_year">'+
'<option value="1998" SELECTED>1998'+
'<option value="1999">1999'+
'<option value="2000">2000'+
'<option value="2001">2001'+
'<option value="2002">2002'+
'<option value="2003">2003'+
'<option value="2004">2004'+
'<option value="2005">2005'+
'<option value="2006">2006'+
'<option value="2007">2007'+
'<option value="2008">2008'+
'<option value="2009">2009'+
'</select>&nbsp; <!--<input type=\"button\" name=\"saveall\" value=\"save all\" >--></td></tr></TABLE>';//TABLE ENDS IN OUTPUT

*/



return cal;
}

//  SET ARRAYS and variables
array=0;
var array=new Array(); 
var global_month;
var global_year;
var global_data;
var month_year=false;
var today_info="";//if day is selected hold what info you want here
 
function output(id,month,year,data)
{
 
global_data=data;
global_month=month;
global_year=year;
initalize_data(month,year);

var temp =new Date();
if(temp.getMonth()==month & temp.getFullYear()==year)//if this month and year selected make var true
month_year=true;

if (document.getElementById)
{
	 
		x = document.getElementById(id);	
		x.innerHTML = m_calendar(month,year);
		
	   
}
 
 

 
//info falls below x.innerHTML+=today_info+"</td></tr></TABLE>";
	
	month_year=false;
	
	document.cal.select_month.options[month].selected=true
	for(i=0;i<document.cal.select_year.options.length;i++)
	{
	if (document.cal.select_year.options[i].value == year)
	 	document.cal.select_year.options[i].selected=true;
	} 
	

}
function highlight(input)
{

e=document.getElementById("C_"+input);
e.innerHTML ='<input STYLE="text-align:center;font-family:Verdana;color: white;background-color:6599cb;" size="3" readonly="true" type="text"; '+ 
'ONMOUSEOVER=\"this.style.cursor = \'hand\';this.bgColor =\'#121212\'\" ONMOUSEOUT=\"this.style.cursor = \'auto\';this.bgColor =\'#6599cb\'\"' +
'onClick="return inVal('+input+')";'+ 
"size=\"1\" name='"+input+" 'value='" +input+ "'>"
 

}
function initalize_data(month, year)
{
var data_day; var data_month; var data_year;
var strLen;
//break up incoming datadates to find all that lay in this month
array=0;
array= new Array();//reinitalize array
for(j=0;j<global_data.length;j++)
{
strLen=global_data[j][0].length;
data_year=global_data[j][0].substring(strLen-4,strLen);
data_month=global_data[j][0].substring(strLen-6,strLen-4);
data_day=global_data[j][0].substring(0,strLen-6);

//if data belongs to this month allocate it in array


if(parseInt(data_year)==year && parseInt(data_month)==month)
{
initalize(data_day,global_data[j][1],global_data[j][2]);
}

}


}
function winopen(cal)//write the output to its own window for error checking
{
cal = cal.replace(/>/g, '>\n') ;
var OpenWindow=window.open("", "newwin","height=300,width=300");
OpenWindow.document.write(cal)
 
}
 
function inVal(m_day,info)
{
if(m_day>31)
{
today_info="";
}
else
{

  date_query= (global_month+1)+"/"+m_day+"/"+global_year;
 
  window.location.href= "../base/content.cfm?section="+section+"&dir="+section+"&page=events&sub1=things_to_do&sub2=events&sub3=&d="+date_query+'&v=cal&m_month='+(parseInt(document.cal.select_month.value)+1)+'&m_year='+document.cal.select_year.value ;	
  date_holder=month_of_year[global_month]+"&nbsp;"+m_day+"&nbsp;"+global_year;
 /*today_info="<table bgcolor=\"ffffff\">"+
		"<td bgcolor=\"#EFEFEF\"><b><center>"+date_holder+"</center></b></td></tr>"+
		"<tr><td class=\"copyboldsmall\" > <center>Head Lines</center><br>";
					for(l=0;l<array.length;l++)
					{
					if(parseInt(array[l][0])==m_day)
					{
					today_info+="&nbsp;<a onClick='output_news("+l+",\""+date_holder+"\")' style=\"text-decoration:none;\" class=\"copyboldsmall\" href=#> *"+array[l][1]+"</a><br>";
					
					}
					}
		
		today_info+="</td>";
		today_info+=" </table>";*/			
 
}

output("calendar",global_month,global_year,global_data);


}
function inDate(m_day)
{

//opener.document.form1.news_date.value=choice;
;

//this.close();
}
 
 
function initalize(date,info,id)
{

 
  var this_date=date ;

  var subarray = new Array(3);//this is the whole issue
  var this_year = this_date.substring(0,this_date.indexOf("-"));
  var rest=date.substring(this_date.indexOf("-")+1,this_date.length);
  var this_month=rest.substring(0,rest.indexOf("-"));
  var this_day=rest.substring(rest.indexOf("-")+1,rest.length);
  
   
			 if(this_month)
			{ 
			  this_month=this_month-1;
			  
			 
			 
			  if(this_month<10)
			  this_month="0"+this_month;
			 
			  this_date=this_day+this_month+this_year; 
			 
			 }
  array[array.length]=subarray;  
  array[array.length-1][0]=this_date;
  array[array.length-1][1]=info;
  array[array.length-1][2]=id;
 
}
 
function writeit()//this is for listed dates
{
  /*var data_day; var data_month; var data_year;
  var strLen;
  y = document.getElementById("calendar");
  y.innerHTML=''; 
  for(i=0;i<array.length;i++)
  {
	strLen=array[i][0].length;
	data_year=array[i][0].substring(strLen-4,strLen);
	data_month=parseInt(array[i][0].substring(strLen-6,strLen-4));
	data_day=array[i][0].substring(0,strLen-6);
  
  date_holder=month_of_year[data_month]+"&nbsp;"+data_day+"&nbsp;"+data_year;
  y.innerHTML+="<br><a onClick='output_news("+i+",\""+date_holder+"\",true)' style=\"text-decoration:none;\" class=\"copyboldsmall\" href=#>"+(i+1)+") "+date_holder+" "+array[i][1]+"</a>" ;
  }
  y.innerHTML+="<br>";*/
 



}
function output_news(info,date,list)
{

}
 
	
 
 





