$(document).ready(function() {
	$(document).click(function(e){
		$("#wcalholder").remove();
	});
	$('img.pcalicon').wcalendar();
});
var member_username="";
var member_id;
var member_first_name="";
var member_last_name="";
jQuery.fn.wcalendar = function(a) {
	today = new Date();
	this.each(function() {
		$(this).click(function(e){
			$("#wcalholder").remove();
			member_id = $(this).attr("id").substring(3);
			var pNameString=getPName(member_id);
			var pNameArray = new Array;
			var lNameArray = new Array;
			var testv=1;
			if ( pNameString ) pNameArray = pNameString.split("&");
			if ( pNameArray ) var member_name=pNameArray[0].toUpperCase()+" "+pNameArray[1].toUpperCase();
			if ( member_name ) {
				member_name = member_name.replace(/-/g, ' ');
				lNameArray = member_name.split(" ");
				member_name="";
				for(i=0;i<lNameArray.length;i++) {
					member_name+=lNameArray[i];
					if ( i % 2 == 0 ) member_name+='</span><span class="poptitle1t">';
					else member_name+='</span><span class="poptitledk">';
				}
			}
			$(this).before('<div id="wcalholder"><div id="wcalholderi">'+
'			<fieldset class="jcalendar">'+
'<div class="jcalendar-wrapper">'+
'<h4><span class="poptitledk">'+
member_name +
'       </span></h4>'+
'       <div class="jcalendar-selects">'+
'         <select name="month" id="month" class="jcalendar-select-month">'+
'           <option value="1">January</option>'+
'           <option value="2">February</option>'+
'           <option value="3">March</option>'+
'           <option value="4">April</option>'+
'           <option value="5">May</option>'+
'           <option value="6">June</option>'+
'           <option value="7">July</option>'+
'           <option value="8">August</option>'+
'           <option value="9">September</option>'+
'           <option value="10">October</option>'+
'           <option value="11">November</option>'+
'           <option value="12">December</option>'+
'         </select>'+
'         <select name="year" id="year" class="jcalendar-select-year">'+
'           <option value="'+(today.getFullYear())+'">'+(today.getFullYear())+'</option>'+
'           <option value="'+(1+today.getFullYear())+'">'+(1+today.getFullYear())+'</option>'+
'           <option value="'+(2+today.getFullYear())+'">'+(2+today.getFullYear())+'</option>'+
'           <option value="'+(3+today.getFullYear())+'">'+(3+today.getFullYear())+'</option>'+
'         </select>'+
'       </div><div class="jcalendar"></div>'+
'       <a class="schbox" id="calclose"><span class="calclosex">X</span>&nbsp;close</a><div style="height:1px;clear:both;overflow:hidden;">&nbsp;</div></div>'+
'    </fieldset></div></div>');
	$("#wcalholder").click(function(e){
		return false;
	});
	$("#calclose").click(function(e){
		$("#wcalholder").remove();
		return false;
	});
    var month = $(this).parent().find('select.jcalendar-select-month');
    var year = $(this).parent().find('select.jcalendar-select-year');
		jQuery.jcalendar.setDateWindow(this, a, year);
		jQuery.jcalendar.show(this, month, year);

		month.change(function() {
		  // only if a valid month is selected
		  if (this.value > 0) {
		    d = new Date(year.val(), this.value-1, 1);
  	    jQuery.jcalendar.changeMonth(d, a, month, year);
  	  }
		});

		year.change(function() {
		  // only if a valid year is selected
		  if (this.value > 0) {
  		  d = new Date(this.value, month.val()-1, 1);
    	  jQuery.jcalendar.changeMonth(d, a, month, year);
    	}
		});
		$("#wcalholder").css("z-index","10");
		return false;
		});
	});
	return this;
};

function selfunc(e) {
}

function getPName(id) {
	return $.ajax({
	  type: "POST",
	  url: "/includes/calendarfunctions.php",
	  data: "type=getpname&id="+id,
	  async: false
	 }).responseText;
}