/***************************************
Hide and show elements of the edit form
depending on the repeat pattern chosen
(None, Day, Year, Week, month(W), Month(D))
****************************************
blocks (panels) to be hidden and shown
	1: endskipblock
	2: monthdowpanel
	3: ordblock ("inside" 2)
	4: monthdayspanel
	5: monthdowhelp

Hide/show blocks in this order:
		H: hide (display:none) 
		S: show (display:block)
	0 None:  	H4 	H2 	H1	(H3	H5)		
	1 Day:   	S1 	H4 	H2 	(H3	H5) 
	2 Week:  	S1 	H4 	H3	H5	S2
	3 MonD:  	S1 	H4 	S3 	S5	S2
	4 MonW:  	S1 	H2 	S4	(H3	H5)
	5 Year same as D Day

Note:	
	After block 2 has been hidden, 3 and 5 don't need to be explicitly hidden
	Before 2 is shown, 3 and 5 need to be hidden or shown appropriately
	
****************************************/

	function editdisplay(){
		var block1, block2, block3, block4, block5;

		block1 = jQuery('#endskipblock');
		block2 = jQuery('#monthdowpanel');
		block3 = jQuery('#ordblock');
		block4 = jQuery('#monthdayspanel');
		block5 = jQuery('#monthdowhelp');

		if ( jQuery('#event_recurtype0').attr('checked') ) { display0(); } ;
		if ( jQuery('#event_recurtype1').attr('checked') ) { display1(); } ;
		if ( jQuery('#event_recurtype2').attr('checked') ) { display2(); } ;
		if ( jQuery('#event_recurtype3').attr('checked') ) { display3(); } ;
		if ( jQuery('#event_recurtype4').attr('checked') ) { display4(); } ;
		if ( jQuery('#event_recurtype5').attr('checked') ) { display5(); } ;

		jQuery('#event_recurtype0',this).click(display0);
		jQuery('#event_recurtype1',this).click(display1);
		jQuery('#event_recurtype2',this).click(display2);
		jQuery('#event_recurtype3',this).click(display3);
		jQuery('#event_recurtype4',this).click(display4);
		jQuery('#event_recurtype5',this).click(display5);


		function display0() {
			block4.css('display', 'none');
			block2.css('display', 'none');
			block1.css('display', 'none');
		//	block3.css('display', 'none');
		//	block5.css('display', 'none');
		}
		function display1() {
			block1.css('display', 'block');
			block4.css('display', 'none');
			block2.css('display', 'none');
		//	block3.css('display', 'none');
		//	block5.css('display', 'none');
		}
		function display2() {
			block1.css('display', 'block');
			block4.css('display', 'none');
			block3.css('display', 'none');
			block5.css('display', 'none');
			block2.css('display', 'block');
		}
		function display3() {
			block1.css('display', 'block');
			block4.css('display', 'none');
			block3.css('display', 'block');
			block5.css('display', 'block');
			block2.css('display', 'block');
		}
		function display4() {
			block1.css('display', 'block');
			block2.css('display', 'none');
			block4.css('display', 'block');
		//	block3.css('display', 'none');
		//	block5.css('display', 'none');
		}
		function display5() {
			block1.css('display', 'block');
			block4.css('display', 'none');
			block2.css('display', 'none');
		//	block3.css('display', 'none');
		//	block5.css('display', 'none');
		}

	
	
	
		/** Popup date pickers -- end date >= start date **/

		jQuery.datepicker.setDefaults({ dateFormat: "yy-mm-dd" });

		/** Start date datepicker **/
		jQuery(function($) {
			$("#event_begin").datepicker();
		});

		/** End date datepicker -- choose only dates later than starting date **/
		jQuery(function($) {
			$("#event_end").datepicker({ 
				beforeShowDay: function(date) { 
					sd = jQuery("#event_begin").val(); 
					mtch = sd.match(/[^-]*/gi);  // This garbage is for IE (only!)
					md = new Date( mtch[0], mtch[2]-1, mtch[4] );  
					return [ md < date, ""]; 
				} 
			});
		});

	}


jQuery(document).ready(editdisplay);


var dialogOptions = { width: 700, height: "auto", position:[100,50], draggable: true };

/** Handle add clicks on calendar **/
	function clickAdd(jd, adddate) {
		jQuery('#eventform').clearForm();
		jQuery('input[name="dothis"]').val('add');
		jQuery('#event_recurtype0').attr('checked','checked');
		jQuery('#monthdayspanel').css('display', 'none');
		jQuery('#monthdowpanel').css('display', 'none');
		jQuery("#endskipblock").css('display', 'none');
		jQuery('#jd').val(jd);
		jQuery('#event_begin').val(adddate);
		jQuery('#event_category').val(1);
		dialogOptions.title="Add Event";
		jQuery("#editformbracket").dialog(dialogOptions);
		jQuery('#eventform').css('display', 'block');
	}

/** Handle edit clicks on calendar **/
	function clickEdit(jd, id) {
		jQuery.ajax({
			type: "POST",
			url: "/wp-content/plugins/yarec/yarec-ajax.php",
			data: { "jd":jd, "event_id":id, "dothis":"edit" },
			context: document.body,
			cache:false,
			dataType:'json',
			success: function(data,x,y){
				jQuery('#eventform').clearForm();
				jQuery('#jd').val(jd);
				jQuery('input[name="dothis"]').val('editsave');
				jQuery('input[name="event_id"]').val(data.event_id);
				jQuery('#event_title').val(data.event_title);
				jQuery('#event_desc').val(data.event_desc);
				jQuery('#event_begin').val(data.event_begin);
				jQuery('#event_end').val(data.event_end);
				jQuery('#event_time').val(data.event_time);
				jQuery('#event_increment').val(data.event_increment);
				jQuery('#event_category').val(data.event_category);
				jQuery('#event_author').val(data.event_author);
				jQuery('input[name="event_recurtype"]')[data.event_recurtype].checked=true;

				var d = data.event_daysofweek.split(',');
				for (var j=0; j<d.length; j++)
					jQuery('#event_daysofweek'+d[j]).attr("checked", "checked");

				d = data.event_monthdaylist.split(',');
				for (j=0; j<d.length; j++)
					jQuery('#event_md'+d[j]).attr("checked", "checked");

				d = data.event_dayordinal.split(',');
				for (j=0; j<d.length; j++)
					jQuery('#event_dord'+(d[j]-1)).attr("checked", "checked");

				jQuery(editdisplay());
				dialogOptions.title="Edit Event";
				jQuery("#editformbracket").dialog(dialogOptions);
				jQuery('#eventform').css('display', 'block');
		}
	});



}

