// JavaScript Document


// execute when the HTML file's (document object model: DOM) has loaded
$(document).ready(function() {

	//save your status
	$("#btnSaveStatus").button({ icons: {
                primary: "ui-icon-pencil"
            },
			label:"Update Status"
            
    }).click(function(e) {
		e.preventDefault();
		$("#btnSaveStatus").button({ icons: { primary: "spinner-bar" }, label:"Saving Status..." });
		$.post("/profile/setstatus", 
			   $("#statusform").serialize(), 
			   function (data) {
					$('#btnSaveStatus').removeAttr("disabled");
					$("#btnSaveStatus").button({ icons: { primary: "ui-icon-circle-check" }, label:"Update Status" });
				});
	});
	
	
	//set a profile name
	$("#setusername").button({ icons: {
                primary: "ui-icon-star"
            },
			label:"Set name"
            
    }).click(function(e) {
		e.preventDefault();
		set_username();
	});
	
	//select text in input boxes 
	$('#sharelink').click(function() { selectAllText($(this)) });
	$('#status').click(function() { selectAllText($(this)) });
	
});

function selectAllText(textbox) {
    textbox.focus();
    textbox.select();
}

function set_username()
{
	$( "#dialog-set-username" ).dialog({
						resizable: false,
						show: 'fade',
						hide: 'fade',
						height:270,
						width: 400,
						modal: true,
						buttons: {
							"Save": function() {
								username = $( "#username" );
								//$('#editusernameform').toggle('slow');
								//$('#editusernamestatus').toggle('slow');
									$.ajax({  
										type: "POST", 
										dataType: 'json',
										url: '/profile/setprofilename',  
										data: 'name='+username.val(),  
										success: function(data){ 
											if(data['response'])
											{
												//$( "#dialog-set-username" ).dialog( "close" );
												location.href = '/';
											}
											else
											{
												$('#usernamemessage').html( data['message'] );
											}
										
											//$('#editusernamestatus').toggle('slow');
											//$('#editusernameform').toggle('slow');
												
										}, 
										error: function(data){  
											$('#usernamemessage').html( "Sorry we got an error." );
											//$('#editusernamestatus').toggle('slow');
											//$('#editusernameform').toggle('slow');
										}, 
										
									}); //$.ajax
								
							},
							Close: function() {
								$( this ).dialog( "close" );
							}
						
						}
					});	
}
