// B.H.

// submit comment, generic version (not for IE6/7)

jQuery(function() {
	var com_form = jQuery('#commentform');
	if (com_form.size<1) return;
	
	var fields = {
		comments_s_name: 'שם',
		comments_s_email: 'דוא"ל לצורך עדכונים על התגובות',
		comments_s_title: 'נושא/כותרת',
		comments_comment: 'תוכן',
	};
	var required = { comments_s_title: true };
	com_form.data('prompts',fields);
	for (f in fields) {
		val = fields[f];
		req = (required[f]==true);
		jQuery('#'+f).css({color: '#808080'}).val(val).
			data('prompt',val).data('filled',false).data('required',req).
			focus(function() {
				var elm = jQuery(this);
				if (!elm.data('filled')) {
					elm.val('').css({color: '#000000'});
				}
				elm.data('filled',true);
				if (this.id=='comments_s_email') elm.css({direction: 'ltr'});
			}).blur(function() {
				var elm = jQuery(this);
				var new_val = elm.val();
				if (new_val=='') {
					elm.css({color: '#808080'}).val(elm.data('prompt')).data('filled',false).css({direction: 'rtl'});
				}
			});
	}
	
	com_form.submit(comments_form_submit);
});

function comments_form_submit(ev) {
	var com_form = jQuery(this);
	var fields = com_form.data('prompts');
	for (f in fields) {
		var elm = jQuery('#'+f);
		var val = elm.val();
		var req = elm.data('required');
		if (!elm.data('filled')) val = '';
		// if this element is required and empty the submit must fail
		if (req && (val=='')) {
			elm.css({'background-color': '#ffff80',border: '1px solid red'});
			elm[0].focus();
			return false;
		}
		elm.css({'background-color': '#ffffff',border: '1px solid #c0c0c0'});
	}
	// all OK, now prepare the for for AJAX submit
	var post_id = parseInt(this.comment_post_ID.value);
	var submit_data = {id: post_id, v1: post_id*10+77};
	for (f in fields) {
		elm = jQuery('#'+f);
		if (elm.data('filled')) submit_data[elm[0].name] = elm[0].value;
	}
	com_form.html('<div style="text-align:center; padding: 30px 0;">'+
		'<div style="font-size: 16px; font-weight: bold; margin: 5px;">שולח תגובה...</div>'+
		'<img src="/wp-content/themes/srugim/images/ajax-loader.gif" />'+
		'</div>');
	jQuery.ajax({url: '/s_ajax.php?op=post_comment', type: 'POST',
		data: submit_data, 
		success: function(d) {
			jQuery('#commentform').html('<div style="text-align:center; padding: 30px 0;">'+
				'<div style="font-size: 16px; font-weight: bold; margin: 5px;">התגובה נשלחה בהצלחה!</div>'+
				'<div style="font-size: 14px; font-weight: normal; margin: 5px;">תגובתך תאושר לאחר בדיקת מערכת האתר, בכפוף לתנאי השימוש.</div>'+
				'</div>');
		},
		error: function(req) {
			// debug
			jQuery('#commentform').html(req.responseText+
				'<div style="font-size: 16px; font-weight: bold; text-align: center; color: red; margin: 20px;">שגיאה בשליחת התגובה</div>');
		}
	});
	return false;
}

