/// <reference name="MicrosoftAjax.js"/>
// Global variables
var Label1, TextBox1, ButtonSave1, EditLink1;

Sys.Application.add_init(AppInit);

function AppInit(sender) {
    Label1 = $get('ctl00_ContentPlaceHolder1_lblDescription');
    TextBox1 = $get('ctl00_ContentPlaceHolder1_txtDescription');
    ButtonSave1 = $get('ctl00_ContentPlaceHolder1_btnSave');
    EditLink1 = $get('EditDescription');
    
  //$addHandler(Label1, "click", Label1_Click);
  //$addHandler(EditLink1, "click", Link_Click);
   
  //$addHandler(TextBox1, "blur", TextBox1_Blur);
  //$addHandler(TextBox1, "keydown", TextBox1_KeyDown);
//Force hide
  //TextBox1.style.display = 'none';
  //ButtonSave1.style.display = 'none';
  
}

function Label1_Click() {
    EditText();
}


function EditText() {
    //alert('a');
    TextBox1.style.display = '';
    TextBox1.className = 'showit';
    ButtonSave1.style.display = '';
    ButtonSave1.className = 'showit';

//    EditLink1.innerHTML = 'Cancel';
//    EditLink1.style.paddingRight=10;
//    EditLink1.style.width='40px';


    TextBox1.value = Label1.innerHTML;
    Label1.style.display = 'none';
    //alert('1');
    TextBox1.focus();
    //alert('2');
}

function ReadOnlyText() {
    Label1.style.display = '';
    TextBox1.style.display = 'none';
    TextBox1.className = 'hideit';
    ButtonSave1.style.display = 'none';
    ButtonSave1.className =  'hideit';

//    EditLink1.innerHTML = 'Edit';
//    EditLink1.style.paddingRight = 0;
//    EditLink1.style.width = '30px';

    var labelUpdated;

    if (Label1.textContent == TextBox1.value)
        labelUpdated = false;
    else
        labelUpdated = true;

    Label1.innerHTML = TextBox1.value;


//    if (labelUpdated)
//        PageMethods.SetTitle(TextBox1.value);
}


function Link_Click() {
    if (TextBox1.style.display =='none') {
        EditText();
    } else {
        ReadOnlyText();
    }
}


// If the enter key is pressed,
//  then blur the TextBox.
function TextBox1_KeyDown(event) {
  if (event.keyCode == 13) {
//    event.preventDefault();
//    TextBox1.blur();
  }
}

function TextBox1_Blur() {
    //ReadOnlyText();
}