//set it so that all help
$(document).ready(function() {
	$('body').click(function(event) {
		if($(event.target).is('.helpButton')) {
			helpReference = $(event.target).attr('helpReference');
			alert(helpReference);
			$(event.target).css('display','none');
			$('.helpTitle[helpReference="' + helpReference + '"]').css('display','block');
			$('.helpTitle[helpReference="' + helpReference + '"]').html('Loading...');
			$.post('includes/webDevHelpAJAX.php', {help: helpReference}, function(json) {
	           	eval("var args = " + json);
	            if (args.success == true) {
	            	$('.helpButton[helpReference="' + helpReference + '"]').parent('div').css('border', '1px dashed #666666');
	            	$('.helpButton[helpReference="' + helpReference + '"]').parent('div').css('padding', '5px');
					$('.helpTitle[helpReference="' + helpReference + '"]').css('display','block');
					$('.helpTitle[helpReference="' + helpReference + '"]').html(args.title);
					$('.helpText[helpReference="' + helpReference + '"]').css('display','block');
					$('.helpText[helpReference="' + helpReference + '"]').html(args.msg);
					$('.removeHelpButton[helpReference="' + helpReference + '"]').css('display', 'block');
	            }
	        });
		}
	})
	
	//$('.helpButton').click(function() {
	//	helpReference = $(this).attr('helpReference');
	//	alert(helpReference);
	//	$(this).css('display','none');
	//	$('.helpTitle[helpReference="' + helpReference + '"]').css('display','block');
	//	$('.helpTitle[helpReference="' + helpReference + '"]').html('Loading...');
	//	$.post('includes/webDevHelpAJAX.php', {help: helpReference}, function(json) {
    //     	eval("var args = " + json);
    //       if (args.success == true) {
    //        	$('.helpButton[helpReference="' + helpReference + '"]').parent('div').css('border', '1px dashed #666666');
    //       	$('.helpButton[helpReference="' + helpReference + '"]').parent('div').css('padding', '5px');
	//			$('.helpTitle[helpReference="' + helpReference + '"]').css('display','block');
	//			$('.helpTitle[helpReference="' + helpReference + '"]').html(args.title);
	//			$('.helpText[helpReference="' + helpReference + '"]').css('display','block');
	//			$('.helpText[helpReference="' + helpReference + '"]').html(args.msg);
	//			$('.removeHelpButton[helpReference="' + helpReference + '"]').css('display', 'block');
    //        }
    //    });
	//});
	$('body').click(function(event) {
		if($(event.target).is('.removeHelpButton')){
			helpReference = $(event.target).attr('helpReference');
			$('.helpButton[helpReference="' + helpReference + '"]').parent('div').css('border', 'none');
	       	$('.helpButton[helpReference="' + helpReference + '"]').parent('div').css('padding', '0px');
	       	$('.helpTitle[helpReference="' + helpReference + '"]').css('display','none');
			$('.helpText[helpReference="' + helpReference + '"]').css('display','none');
			$('.removeHelpButton[helpReference="' + helpReference + '"]').css('display', 'none');
			$('.helpButton[helpReference="' + helpReference + '"]').css('display', 'block');
		}
	})

	//$('.removeHelpButton').click(function() {
	//	helpReference = $(this).attr('helpReference');
	//	$('.helpButton[helpReference="' + helpReference + '"]').parent('div').css('border', 'none');
    //  $('.helpButton[helpReference="' + helpReference + '"]').parent('div').css('padding', '0px');
    //  $('.helpTitle[helpReference="' + helpReference + '"]').css('display','none');
	//	$('.helpText[helpReference="' + helpReference + '"]').css('display','none');
	//	$('.removeHelpButton[helpReference="' + helpReference + '"]').css('display', 'none');
	//	$('.helpButton[helpReference="' + helpReference + '"]').css('display', 'block');
	//})
});