$(document).ready(function(){
    $(".smily_buttons_show").css("opacity",0.5);
    $(".smily_buttons_show").mouseover(function(ev){ 
	var mar = $(window).width() - $(document.body).width();
	mar /= 2
	$("#smily_buttons").show().css({ top : ev.pageY +"px", left : (ev.pageX - mar) + "px",zIndex : 2 })
	setTimeout(function(){ 	$("#smily_buttons").hide() },5000);
    });
    var bg = $("#smily_buttons").css("background-color");

    $(".smily_button").hover(function(ev){
	$(this).css("background-color","white");
    }, function(ev){
	$(this).css("background-color",bg);
    }).css("cursor","pointer");



    
    $(".smily_button").each(function(idx){
	$(this).click(function(){ 
	    var type = idx + 1;
	    $("#smily_buttons").hide();
	    $("#smily_init").remove();
	    $("#smily").show();
	    var id = $("#hidden_id").text();
	    $.getJSON("/smiles/new/" + id ,
		  { smile : type },
		  function(data){ 
		      $("#smily").show();
		      $("<img></img>").attr("src","/img/ico_smile_" + type + ".gif")
		      .appendTo("#smily").fadeIn();
		  }
		     );
	});
    });
});