window.addEvent('domready', function() {
						
  msgBox = $('post_message');
  myEffect = new Fx.Morph(msgBox, {duration: 'long', transition: Fx.Transitions.Sine.easeOut});		
	  
  $$(".smilie").addEvent('click', function(){       
    var current_text =  $('rightnow').get("value");
    if(current_text == "Your message") current_text = "";  
    $('rightnow').set("value", current_text+":"+this.id+":");
    return false;
  });

  var msgFormSinger = $('msg_form_singer');

  msgFormSinger.set('send', {url: '/assets/php/addMessage.php', method: 'post', onComplete: function(response) { 
    $('messages').set("html", response+$('messages').get("html")); 
    $$('div.added_msg')[0].tween('opacity', [0, 1]);
  }});

  $('writeonwall').addEvent('click', function(){
    toggleMsg();
    return false;
  });
	  
  $('post_msg').addEvent('click', function(){
    msgFormSinger.send();
    $('rightnow').value = "Your message";
    toggleMsg();
    return false;
  });
	
});
	
	
var msgBox;
var myEffect;
var msgFormSinger;
	
function toggleMsg(){
  if(msgBox.getStyle("height") == "0px"){
    myEffect.start({
      'height': [0, 135], 
      'opacity': [0, 1], 
      'margin-bottom':[0, 14]
    });
  }else{
    myEffect.start({
      'height': [135, 0], 
      'opacity': [1, 0],
      'margin-bottom':[0, 14]
    });
  }
}