// JavaScript Document

var gLastName = '';

function storeLastName()
{
	gLastName = $("#lastName").val();
	if (gLastName == "Add Your Last Name")
	{
		gLastName = '';	
		$("#lastName").val('').css("fontStyle","normal");
		
	}
}
function changeLastName()
{

	if ($("#lastName").val() != gLastName && gLastName != "Add Your Last Name")
	{
		// it's different
		
		document.form2.submit();
	}	
}
function saveName(name)
{

	// saves the name to the birthvillage database given the saveID
	$.getJSON("json.savename.php?n=" + name + "&jsoncallback=?",
        function(data){
		
			// do error handling
			if (data.success == false)
			{
				alert(data.error);	
			}
			else
			{
				$(".smart_holder").hide();
				$("#selected-names").fadeIn("fast");
				// save save ID
				createCookie("bv_save_id",data.saveID,365);

				getSuggested();	
																			
			}
			
        });
	
}
function getSuggested()
{
	
	$("#suggested-names").fadeOut("fast", function(data){
												   	// show loading animation
													$("#suggested-names").after('<div id="loading"><img src="graphics/ajax-loader.gif" border="0"/></div>');
													
													// get suggested
													getSuggestedJson();
																	 });
}
function getSuggestedJson()
{
	
	// saves the name to the birthvillage database given the saveID
	$.getJSON("json.getsuggested.php?jsoncallback=?",
        function(data){
			
			// do error handling
			$("#suggested-names .suggested-name").remove();
			$("#loading").remove();
				if (data.total > 0)
				{
					// add suggested list to suggested area
					//$("#suggested-names
					
					
					for (var i=0; i<data.total; i++)
					{
					
						var name = data.suggested[i];
						if (name != null)
						{
							var nameNoQuotes = name.replace(/\'/g,"");
							var nameSlashed = name.replace(/\'/g,"\\'");
							var theDiv = $("#sv_" + nameSlashed);
							var newDiv = $(document.createElement("div"));
							newDiv.html("<div class='suggested-name' id='suggest_" + nameNoQuotes + "'><div class=\"name\"><a href=\"/Name/" + nameSlashed + "\">" + name + "</a></div><div class='remove-name' id='remove_sug_" + nameNoQuotes + "' onclick=\"saveLike('" + name + "');\">I like this</div><div class=\"clear\"></div></div>");
							
							$("#suggested-names").append(newDiv);											
						}
					}
					$("#suggested-names").fadeIn("fast");
				}
			
			
        });	
}
function remove(name)
{
	
		//already saved, so remove it
		var nameNoQuotes = name.replace(/\'/g,"");
		var nameSlashed = name.replace(/\'/g,"\\'");
		var theDiv = $("#sv_" + nameSlashed);
		
		$("#selected-names #saved_" + nameNoQuotes).fadeOut("normal", function(){ _PTWjQuery(this).remove();});
		theDiv.text("Save").attr("class","save");
				
		// remove from db
		$.getJSON("json.removename.php?n=" + name + "&jsoncallback=?",
        function(data){
		
			// do error handling
			if (data.success == false)
			{
				alert(data.error);	
			}
			else
			{
				
				getSuggested();	
																				
			}
			
        });
}

function addNameToSaveList(name)
{
	// unfix name
	var unfixed_name = name.replace(/_/g,' ');
	var nameSlashed = name.replace(/\'/g,"\\'");	
	// add to right side list
	var nameNoQuotes = name.replace(/\'/g,"");
	$("#selected-names").append("<div class='saved-name' id='saved_" + nameNoQuotes + "'><div class=\"name\"><a href=\"/Name/" + nameSlashed + "\">" + unfixed_name + "</a></div><div class='remove-name' id='remove_sel_" + nameNoQuotes + "'>X</div><div class=\"clear\"></div></div>");
	
	$("#remove_sel_" + nameNoQuotes).click(function(){
														remove( name );
													});	
}
function save(name)
{
	
	// get slashes in case name has quotes

	var nameSlashed = name.replace(/\'/g,"\\'");
	
	var theDiv = $("#sv_" + nameSlashed);
	if (theDiv.attr("class") == 'save')
	{

		// save this please	
		$("#sv_" + nameSlashed).text("Remove").attr("class","saved");
		
		addNameToSaveList(name);
	
		// send to database
		saveName(name);

	}
	else if (theDiv.attr("class") == 'saved')
	{
		remove(name);
	}

	return false;
}
function saveLike(name)
{
	// get slashes in case name has quotes

	if (name != null)
	{
		var nameSlashed = name.replace(/\'/g,"\\'");	
		var theDiv = $("#suggest_" + nameSlashed);
		// save this please	
		//$("#suggest_" + nameSlashed).text("Remove").attr("class","saved");
		theDiv.remove();
		
		addNameToSaveList(name);
	
		// send to database
		saveName(name);
	}
	
}