/*
 * --------------------------------------------------------------------
 * In-place editing system
 * by Siddharth S, www.ssiddharth.com, hello@ssiddharth.com
 * for Net Tuts, www.net.tutsplus.com
 * Version: 1.0, 20.09.2009 	
 * --------------------------------------------------------------------
 */

jQuery(document).ready(function() 
{
/*
 * --------------------------------------------------------------------
 * SET UP	
 * --------------------------------------------------------------------
 */

jQuery('#show').hide();
jQuery('.result').hide();
jQuery('.showone').hide();
jQuery('.list_stuff').hide();
jQuery('#message').hide();

jQuery('.delete_article').bind("click", deleteArticle);
jQuery('.complete_article').bind("click", completeArticle);
jQuery('.get_help').bind("click", getHelp);
var leaveMessage = 'You\'ve made changes but haven\'t save them.  Are you sure you want to leave?';


var oldText, newText, pheight, click_count, edit;
edit = 0;
  	jQuery(".editable").hover(
		function()
		{
			jQuery(this).addClass("editHover");
		}, 
		function()
		{
			jQuery(this).removeClass("editHover");
		}
	);
    	jQuery(".editable2").hover(
		function()
		{
			jQuery(this).addClass("editHover");
		}, 
		function()
		{
			jQuery(this).removeClass("editHover");
		}
	);
    	jQuery(".editable_select").hover(
		function()
		{
			jQuery(this).addClass("editHover");
		}, 
		function()
		{
			jQuery(this).removeClass("editHover");
		}
	);
	var nolog = jQuery(".nolog").text();
	var noedit = jQuery("#no-edit").text();
	
	
	if (nolog != 1)
		{
		
				if (noedit == 0)
						{
					jQuery(".editable").bind("dblclick", replaceHTML);
					jQuery(".editable2").bind("dblclick", replaceHTML2);
					jQuery(".select_graph").bind("dblclick", replaceHTML3);
						} else {
						jQuery('.save_status').removeClass('green-text').addClass('red-text').html('Completed! | ');
					jQuery(".editable").bind("dblclick", completeAlert);
					jQuery(".editable2").bind("dblclick", completeAlert);
					jQuery(".select_graph").bind("dblclick", completeAlert);
					}		
	} else {
  	jQuery(".editable").bind("dblclick", loginAlert);
	jQuery(".editable2").bind("dblclick", loginAlert);
	jQuery(".select_graph").bind("dblclick", loginAlert);
	jQuery('.article_options').hide('fast');
	}
	
	
	function loginAlert () {
jQuery('#message').removeClass().addClass('error')
							.text('You must login to complete this assignment').show('slow');
							jQuery('#message').animate({opacity: 1.0}, 4000)
										.hide('slow');
}

	function completeAlert () {
	jQuery('#message').removeClass().addClass('error')
							.text('Marked as done. You need to see me before you make changes.').show('slow');
	jQuery('#message').animate({opacity: 1.0}, 4000)
										.hide('slow');
}
/*
 * --------------------------------------------------------------------
 * SAVE EVENTS	
 * --------------------------------------------------------------------
 */
	jQuery(".btnSave").live("click", 
					function()
					{
						newText = jQuery(this).siblings("form")
										 .children(".editBox2")
										 .val();
										 
						jQuery(this).parent()
							   .html(newText)
							   .removeClass("noPad");
							jQuery(".select_graph").bind('dblclick', replaceHTML3);
							jQuery(".editable2").bind('dblclick', replaceHTML2);
							jQuery(".editable").bind('dblclick', replaceHTML);
						click_count = 1;
						edit = 0;
						
						jQuery('#message').removeClass().fadeOut(50);
						if(click_count == 1)
							{
							//jQuery('.show_link').show();
								saveAll();	
							}
					}
					); 

	jQuery(".btnDiscard").live("click", 
					function()
					{
						jQuery(this).parent()
							   .html(oldText)
							   .removeClass("noPad");
							jQuery(".select_graph").bind('dblclick', replaceHTML3);
							jQuery(".editable2").bind('dblclick', replaceHTML2);
							jQuery(".editable").bind('dblclick', replaceHTML);
						edit = 0;
						jQuery('#message').removeClass().fadeOut(1000);
					}
					); 
	jQuery(".btnSave_input").live("click", 
					function()
					{
						newText = jQuery(this).siblings("form")
										 .children(".editBox")
										 .val().replace(/"/g, """);
										 
						jQuery(this).parent()
							   .html(newText)
							   .removeClass("noPad");
							jQuery(".select_graph").bind('dblclick', replaceHTML3);
							jQuery(".editable2").bind('dblclick', replaceHTML2);
							jQuery(".editable").bind('dblclick', replaceHTML);
						click_count = 1;
						edit = 0;
						
						
						if(click_count == 1)
							{
							//jQuery('.show_link').show();
								saveAll();							
								
							}
					}
					); 
	
	jQuery(".btnDiscard_input").live("click", 
					function()
					{
						jQuery(this).parent()
							   .html(oldText)
							   .removeClass("noPad");
							jQuery(".select_graph").bind('dblclick', replaceHTML3);
							jQuery(".editable2").bind('dblclick', replaceHTML2);
							jQuery(".editable").bind('dblclick', replaceHTML);
						edit = 0;
						jQuery('#message').removeClass().fadeOut(1000);
					}
					);
	jQuery(".btnSave_select").live("click", 
					function()
					{
						newText = jQuery(this).siblings("form")
										 .children(".form_select")
										 .val().replace(/"/g, """);
										 
						jQuery(this).parent()
							   .html(newText);
							jQuery(".select_graph").bind('dblclick', replaceHTML3);
							jQuery(".editable2").bind('dblclick', replaceHTML2);
							jQuery(".editable").bind('dblclick', replaceHTML);
						click_count = 1;
						edit = 0;
						jQuery('#message').removeClass().fadeOut(1000);
						if(click_count == 1)
							{
							//jQuery('.show_link').show();
							saveAll();	

							}
					}
					); 
	
	jQuery(".btnDiscard_select").live("click", 
					function()
					{
						jQuery(this).parent()
							   .html(oldText)
							   
						jQuery(".select_graph").bind('dblclick', replaceHTML3);
						jQuery(".editable2").bind('dblclick', replaceHTML2);
						jQuery(".editable").bind('dblclick', replaceHTML);
						edit = 0;
						jQuery('#message').removeClass().fadeOut(1000);
					}
					); 
		function replaceHTML()
					{

							
						edit = 1;
						oldText = jQuery(this).html()
										 .replace(/"/g, """);
						pheight = jQuery(this).height();
						jQuery(this).addClass("noPad")
							   .html("")
							   .html("<form><input type=\"text\"class=\"editBox\" value=\"" + oldText + "\"> </form><a href=\"JavaScript:void(0);\" class=\"btnSave_input\"><img src=\"http://naymik.com/learn/wp-content/plugins/myhomework/correct.png\"></a> <a href=\"JavaScript:void(0);\" class=\"btnDiscard_input\"><img src=\"http://naymik.com/learn/wp-content/plugins/myhomework/wrong.png\"></a>")
							   .unbind('dblclick', replaceHTML);
							jQuery(".select_graph").unbind('dblclick', replaceHTML3);
							jQuery(".editable2").unbind('dblclick', replaceHTML2);
							jQuery(".editable").unbind('dblclick', replaceHTML);
								
			

					}

		function replaceHTML2()
					{

							
							edit = 1;
						oldText = jQuery(this).html();
						pheight = jQuery(this).height();
						jQuery(this).addClass("noPad")
							   .html("")
							   .html("<form><textarea class=\"editBox2\" id=\"wymeditor\" name=\"description\" style=\"height: 300px;\">" + oldText + "</textarea> </form><a href=\"JavaScript:void(0);\" class=\"btnSave\"><img src=\"http://naymik.com/learn/wp-content/plugins/myhomework/correct.png\"></a> <a href=\"JavaScript:void(0);\" class=\"btnDiscard\"><img src=\"http://naymik.com/learn/wp-content/plugins/myhomework/wrong.png\"></a>")
							   .unbind('dblclick', replaceHTML2);   
													jQuery('#wymeditor').wymeditor({
													  updateSelector: ".btnSave",
													  updateEvent:    "click",
												  editorStyles: [
													{'name': '.alignright', 'css': 'float: right; border: 3px solid #ccc;'},
													{'name': '.alignleft', 'css': 'float: left; border: 3px solid #ccc;'},
													{'name': '.aligncenter', 'css': 'display: block; margin-left: auto; margin-right: auto; border: 3px solid #ccc;'},
													{'name': '.border', 'css': 'border: 4px solid #ccc;'}
												  ],
                                                                  
														  
													classesHtml: "",
													      
													    containersItems: [
															{'name': 'P', 'title': 'Paragraph', 'css': 'wym_containers_p'},
															{'name': 'H2', 'title': 'Heading_2', 'css': 'wym_containers_h2'},
															{'name': 'H3', 'title': 'Heading_3', 'css': 'wym_containers_h3'},
															{'name': 'H4', 'title': 'Heading_4', 'css': 'wym_containers_h4'},
															{'name': 'BLOCKQUOTE', 'title': 'Blockquote', 'css': 'wym_containers_blockquote'},
															],
													skin: "compact",
													toolsItems: [
															{'name': 'Bold', 'title': 'Strong', 'css': 'wym_tools_strong'}, 
															{'name': 'Italic', 'title': 'Emphasis', 'css': 'wym_tools_emphasis'},
															{'name': 'InsertOrderedList', 'title': 'Ordered_List',
																'css': 'wym_tools_ordered_list'},
															{'name': 'InsertUnorderedList', 'title': 'Unordered_List',
																'css': 'wym_tools_unordered_list'},
															{'name': 'Paste', 'title': 'Paste_From_Word',
																'css': 'wym_tools_paste'},
														{'name': 'Undo', 'title': 'Undo', 'css': 'wym_tools_undo'},
															{'name': 'Redo', 'title': 'Redo', 'css': 'wym_tools_redo'},
														 	{'name': 'Preview', 'title': 'Preview', 'css': 'wym_tools_preview'}
														],
												postInit: function(wym) {

													//add the 'Wrap' translation (used here for the dialog's title)
													jQuery.extend(WYMeditor.STRINGS['en'], {
														'myimg': 'myimg'
													});

													//construct the wrap button's html
													//note: the button image needs to be created ;)
													var html = "<li class='wym_tools_myimg'>"
															 + "<a href='#'"
															 + " title='My Image'"
															 + "'>"
															 + "Wrap"
															 + "</a></li>";

													//add the button to the tools box
													jQuery(wym._box)
													.find(wym._options.toolsSelector + wym._options.toolsListSelector)
													.append(html);

												   //construct the dialog's html
													html = "<body class='wym_dialog wym_dialog_mywrap'"
													   + " onload='WYMeditor.INIT_DIALOG(" + WYMeditor.INDEX + ")'"
													   + ">"
													   + "<form>"
													   + "<fieldset>"
													   + "<input type='hidden' class='wym_dialog_type' value='"
													   + "myimg"
													   + "' />"
													   + "<legend>Image</legend>"
													   + "<div class='row'>"
													   + "<label>Align</label>"
													   + "<select class='wym_select_myimg'>"
													   + "<option selected value='alignleft'>Left</option>"
													   + "<option value='aligncenter'>Center</option>"
													   + "<option value='alignright'>Right</option>"
													   + "</select>"
													   + "</div>"
													   + "<div class='row'>"
													   + "<label>URL</label>"
													   + "<input type='text' class='wym_url' value='' size='40' />"
													   + "</div>"
													   + "<div class='row'>"
													   + "<label>Title</label>"
													   + "<input type='text' class='wym_title' value='' size='40' />"
													   + "</div>"
													   + "<div class='row'>"
													   + "<label>Alt</label>"
													   + "<input type='text' class='wym_alt' value='' size='40' />"
													   + "</div>"
													   + "<div class='row row-indent'>"
													   + "<input class='wym_submit wym_submit_myimg' type='button'"
													   + " value='{Submit}' />"
													   + "<input class='wym_cancel' type='button'"
													   + "value='{Cancel}' />"
													   + "</div>"
													   + "</fieldset>"
													   + "</form>"
													   + "</body>";

													//handle click event on wrap button
													jQuery(wym._box)
													.find('li.wym_tools_myimg a').click(function() {
														wym.dialog( 'myimg', null, html );
														return(false);
													});

												},

												//handle click event on dialog's submit button
												postInitDialog: function( wym, wdw ) {

													//wdw is the dialog's window
													//wym is the WYMeditor instance

													var body = wdw.document.body;

													jQuery( body )
														.find('input.wym_submit_myimg')
														.click(function() {

															var align   = jQuery(body).find('.wym_select_myimg').val();
															var imgurl = jQuery(body).find('.wym_url').val();
															var title   = jQuery(body).find('.wym_title').val();
															var alt = jQuery(body).find('.wym_alt').val();

															wym.insert( '<img src="' + imgurl + '" class="' + align + '" title="' + title + '" alt="' + alt + '">');
															wdw.close();

														});
												}
												});
															
													
							jQuery('.rte-zone').rte("css url", "toolbox images url");
							jQuery(".select_graph").unbind('dblclick', replaceHTML3);
							jQuery(".editable2").unbind('dblclick', replaceHTML2);
							jQuery(".editable").unbind('dblclick', replaceHTML);

					}

		function replaceHTML3()
					{
					edit = 1;
					/* <p class="select_graph"> this another slect box <span class="editable_select">testing</span><span style="display: none" class="options">three:three,four:four</span></p>*/
						oldText = jQuery(this).find('.editable_select').html()
										 .replace(/"/g, "&quot;");
					var optionsArray = jQuery(this).find('.options').text().split(',');
				/* var optionsArray = 'one:1,two:2';
					optionsArray = optionsArray.split(',');*/
					var use_field_type = '<form style="display: inline;"><select name="inplace_value" class="form_select"><option value="' + oldText + '">' + oldText + '</option>';
						for(var i=0; i<optionsArray.length; i++){
							var optionsValuesArray = optionsArray[i].split(':');
							var use_value = optionsValuesArray[1] || optionsValuesArray[0];
							var selected = use_value == oldText ? 'selected="selected" ' : '';
							use_field_type += '<option ' + selected + 'value="' + use_value + '">' + optionsValuesArray[0] + '</option>';
                        }
						use_field_type += '</select></form><a href="JavaScript:void(0);" class="btnSave_select"><img src="http://naymik.com/learn/wp-content/plugins/myhomework/correct.png"></a> <a href="JavaScript:void(0);" class="btnDiscard_select"><img src="http://naymik.com/learn/wp-content/plugins/myhomework/wrong.png"></a>';
								/* hit esc key */


				/* insert the new in place form after the element they click, then empty out the original element */
				jQuery(this).find('.editable_select').html(use_field_type).unbind('dblclick', replaceHTML3);
							jQuery(".select_graph").unbind('dblclick', replaceHTML3);
							jQuery(".editable2").unbind('dblclick', replaceHTML2);
							jQuery(".editable").unbind('dblclick', replaceHTML);
	
					}
jQuery('.show_original').click(function() {
		jQuery('#edit-container').fadeTo("slow", 0.33);
		jQuery('#original').show('slow');
					jQuery(".editable").unbind("dblclick", replaceHTML);
					jQuery(".editable2").unbind("dblclick", replaceHTML2);
					jQuery(".select_graph").unbind("dblclick", replaceHTML3);
					
					  	
					
		jQuery('.close_original').click(function() {
			jQuery('#original').fadeOut('fast', function() {
			jQuery('#edit-container').fadeTo("slow", 1);
					jQuery(".editable").bind("dblclick", replaceHTML);
					jQuery(".editable2").bind("dblclick", replaceHTML2);
					jQuery(".select_graph").bind("dblclick", replaceHTML3);
					

					
			});
		});



});

jQuery('.cantsave_link').click(function() {
						jQuery('#message').removeClass().addClass('error')
							.text('You marked this as done. You need to see me before you make changes.').fadeIn('slow',function () {
							jQuery('#edit-container').fadeTo("slow", 0.33);
													
							jQuery('#message').animate({opacity: 1.0}, 3000)
										.fadeOut('slow', function () {
											jQuery('#edit-container').fadeTo('slow', 1);
										});
	
								
							});
});
//jQuery('.save_link').click(function() {
function saveAll() {		
		if (noedit == 0) {
					if (edit == 0) {
					
					var all_text = jQuery("#edit-container").html();
							jQuery('#edit-container').fadeTo("slow", 0.33);
							//jQuery('#waiting').show(500);
							jQuery('.save_status').fadeTo('fast',1).removeClass('green-text').addClass('red-text').html('saving... | ');
							jQuery('#message').hide(0);
							jQuery('.show_link').hide('fast');
							jQuery.ajax({
								type : 'POST',
								url : 'http://www.naymik.com/learn/wp-content/plugins/myhomework/post.php',
								dataType : 'json',
								data: {
									email : jQuery("#edit-container").html(),
									editor: jQuery("#name_holder").text(),
									editform: jQuery(".editform").text(),
									formtitle: jQuery(".form_title").text(),
									editor_id: jQuery(".id").text()
								},
								success : function(data){
									//jQuery('#waiting').hide(500);
									
										jQuery('#edit-container').fadeTo('slow', 1,function(){
												jQuery('.save_status').removeClass('red-text').addClass('green-text').html('updated! | ');
									
												
												
														
													jQuery('.delete_article').bind("click", deleteArticle);
													
													jQuery('.complete_article').bind("click", completeArticle);
													jQuery('.list_stuff').fadeIn('slow');
													if(data.startdate){
													jQuery('.startdate').text(data.startdate);
													}
													jQuery('.updatedate').text(data.newdate);
													
													jQuery('.save_status').fadeTo(5000,0.4);
													
											click_count = 0;
										});
									
									
									if (data.error === true)
										jQuery('#demoForm').show(500);
								},
								error : function(XMLHttpRequest, textStatus, errorThrown) {
									jQuery('#waiting').hide(500);
									jQuery('#message').removeClass().addClass('error')
										.text('There was an error.').show(1000).fadeOut(15000);
									jQuery('.show_link').hide();	
									click_count = 0;
								}
							});
							
							return false;
				

				} else {
			jQuery('#message').removeClass().addClass('error')
										.text('Close all changes first').show('slow');
			jQuery('#message').animate({opacity: 1.0}, 3000).fadeOut('slow');
				}
     
		} else {
			jQuery('#message').removeClass().addClass('error')
										.text('Marked as done').show('slow');
			jQuery('#message').animate({opacity: 1.0}, 3000).fadeOut('slow');
		}
}
//});
function deleteArticle () {
	if (edit == 0) {	
			jQuery('#edit-container').fadeTo("slow", 0.33);
			jQuery('#message').hide(0);
			var confirmmessage = '<p><b>Are you sure? It will be lost forever and you\'ll have to start over.</b></p><a href="JavaScript:void(0);" class="ok_del_link">Delete</a> <p><b>Or you can continue to edit the assignment.</b></p><a href="JavaScript:void(0);" class="cancel_del_link">Keep</a>';
			jQuery('#message').removeClass().addClass('success')
										.html(confirmmessage).fadeIn('fast',function () {
										jQuery('.ok_del_link').bind("click", do_deleteArticle);
										jQuery('.cancel_del_link').click(function() {
										jQuery('#edit-container').fadeTo("slow", 1);
										jQuery('#message').hide();
										});
			});

	} else {
	jQuery('#message').removeClass().addClass('error')
						.text('Close all changes first').show('slow');
	jQuery('#message').animate({opacity: 1.0}, 3000).fadeOut('slow');
	}
}
function do_deleteArticle () {
	if (edit == 0) {
				all_text = jQuery("#edit-container").html();
				
				jQuery('#edit-container').fadeTo("slow", 0.33);
				jQuery('#waiting').show(500);
				jQuery('#message').hide(0);
				var person = jQuery("#name_holder").text();
				jQuery.ajax({
					type : 'POST',
					url : 'http://www.naymik.com/learn/wp-content/plugins/myhomework/delete.php',
					dataType : 'json',
					data: {
						editor: jQuery("#name_holder").text(),
						editform: jQuery(".editform").text(),
						},
					success : function(data){
						/*jQuery('#edit-container').html("<p class=\"editable\" >Double-click for headline default</p><p class=\"editable\" >More stuff</p><p class=\"editable2\"> Double click to enter article</p><p class=\"select_graph\"> News Value <span class=\"editable_select\">value...</span> <span style=\"display: none\" class=\"options\">impact:imapct,currency:currency,proximity:proximity,bizarre:bizarre,human interest: human interest,timeliness:timeliness,conflict:conflict,prominence:prominence</span></p>");*/
								var defaultstuff = data.default_text;
								var myNewString = defaultstuff.replace("/\\u005c/g", "");
								jQuery('#edit-container').html(myNewString);	
									jQuery(".editable").hover(
											function()
											{
												jQuery(this).addClass("editHover");
											}, 
											function()
											{
												jQuery(this).removeClass("editHover");
											}
										);
											jQuery(".editable2").hover(
											function()
											{
												jQuery(this).addClass("editHover");
											}, 
											function()
											{
												jQuery(this).removeClass("editHover");
											}
										);
											jQuery(".editable_select").hover(
											function()
											{
												jQuery(this).addClass("editHover");
											}, 
											function()
											{
												jQuery(this).removeClass("editHover");
											}
										);
										jQuery(".editable").bind("dblclick", replaceHTML);
										jQuery(".editable2").bind("dblclick", replaceHTML2);
										jQuery(".select_graph").bind("dblclick", replaceHTML3);
						jQuery('#waiting').hide(500);
						jQuery('.show_link').hide('fast');
						jQuery('.delete_article').unbind("click", deleteArticle);
						
						jQuery('.complete_article').unbind("click", completeArticle);

						jQuery('#message').removeClass().addClass((data.error === true) ? 'error' : 'success')
							.text(data.msg).fadeIn('slow',function () {
									
									jQuery('#message').animate({opacity: 1.0}, 4000)
										.fadeOut('slow', function () {
											jQuery('#edit-container').fadeTo('slow', 1);

									});
	
								click_count = 0;
							});
			
						if (data.error === true)
							jQuery('#demoForm').show(500);
					},
					error : function(XMLHttpRequest, textStatus, errorThrown) {
						jQuery('#waiting').hide(500);
						jQuery('#message').removeClass().addClass('error')
							.text('There was an error.').show(1000).fadeOut(15000);
						jQuery('.show_link').hide();	
						jQuery('#edit-container').fadeTo('slow', 1);
						click_count = 0;
					}
				});
				
				return false;
	} else {
jQuery('#message').removeClass().addClass('error')
							.text('Close all changes first').show('slow');
		jQuery('#message').animate({opacity: 1.0}, 3000).fadeOut('slow');
	}
}

function completeArticle () {
	if (edit == 0  && click_count == 0) {	
			jQuery('#edit-container').fadeTo("slow", 0.33);
			jQuery('#message').hide(0);
			var confirmmessage = '<p><b>If you mark this as complete, it will be locked to future changes and graded as is.</b></p><a href="JavaScript:void(0);" class="ok_link">Mark complete</a><p><b>Continue working on the assignment</b></p> <a href="JavaScript:void(0);" class="cancel_link">Continue working</a>';
			jQuery('#message').removeClass().addClass('success')
										.html(confirmmessage).fadeIn('fast',function () {
										jQuery('.ok_link').bind("click", doComplete);
										jQuery('.cancel_link').click(function() {
										jQuery('#edit-container').fadeTo("slow", 1);
										jQuery('#message').hide();
										});
			});

	} else {
	jQuery('#message').removeClass().addClass('error')
						.text('Close all changes and (or) click the save link before you can mark this as complete.').show('slow');
	jQuery('#message').animate({opacity: 1.0}, 4000).fadeOut('slow');
	}
}
function doComplete () {
								jQuery('#waiting').show(500);
			jQuery('#message').hide(0);
						jQuery.ajax({
								type : 'POST',
								url : 'http://www.naymik.com/learn/wp-content/plugins/myhomework/complete.php',
								dataType : 'json',
								data: {
									editor2: jQuery("#name_holder").text(),
									editform2: jQuery(".editform").text(),
									email2 : jQuery("#edit-container").html()
									},
								success : function(data){
									
									jQuery('#waiting').hide(500);
									jQuery('#message').removeClass().addClass((data.error === true) ? 'error' : 'success')
										.text(data.msg).fadeIn('slow',function () {
												jQuery("#no-edit").text('1');
												jQuery('#message').animate({opacity: 1.0}, 4000)
													.fadeOut('slow', function () {
														jQuery('#edit-container').fadeTo('slow', 1);
														jQuery('.article_options').hide('slow');
														jQuery('.stat').text('is marked as completed.  You can only view your answer.');
													jQuery('.delete_article').bind("click", deleteArticle);
													
														jQuery(".editable").unbind("dblclick", replaceHTML);
														jQuery(".editable2").unbind("dblclick", replaceHTML2);
														jQuery(".select_graph").unbind("dblclick", replaceHTML3);
														jQuery(".editable").bind("dblclick", completeAlert);
														jQuery(".editable2").bind("dblclick", completeAlert);
														jQuery(".select_graph").bind("dblclick", completeAlert);
													jQuery('.list_stuff').fadeIn('slow');
												});
				
											click_count = 0;
										});
									if (data.error === true)
										jQuery('#demoForm').show(500);
								},
								error : function(XMLHttpRequest, textStatus, errorThrown) {
									jQuery('#waiting').hide(500);
									jQuery('#message').removeClass().addClass('error')
										.text('There was an error.').show(1000).fadeOut(15000);
									jQuery('.show_link').hide();	
									click_count = 0;
								}
						});
			return false;
}
function getHelp () {
	
			jQuery('#edit-container').fadeTo("slow", 0.33);
			jQuery('#message').hide(0);
			var confirmmessage = '<ol><li>Double click on the highlighted fields to change your answer(s).</li><li>After you make changes click the save link at the top of the assignment.</li><li>Click delete to start over</li><li>Click complete to lock your assignment and submit to Mr. Naymik</li><ol><br><a href="JavaScript:void(0);" class="cancel_link">OK</a>';
			jQuery('#message').removeClass().addClass('success').css({'text-align':'left'})
										.html(confirmmessage).fadeIn('fast',function () {
										
										jQuery('.cancel_link').click(function() {
										jQuery('#edit-container').fadeTo("slow", 1);
										jQuery('#message').hide();
										});
			});

}


});