var compli_loaded = 0;

$(function(){
    //$("#compliments").hide();
    $("#compli_cancel").click(function() {
		closeCompli();
	});
    $(".call_compli").toggle(function() {
    	
    	var left_offset = $("#container").offset().left;
    	var x = $(this).offset().left - left_offset;
    	var y = $(this).offset().top - 213;
    	
    	$("#compliments").css("top", y + 'px');
    	$("#compliments").css("left", x + 'px');
		$("#compliments").show();
		
    	// ajax dulu
    	if(compli_loaded==0) {
    		compli_html = "<img style='margin-top: 10px; margin-left: 10px; vertical-align: center' src='" + base_url + "images/loading2.gif' > <em>loading...</em>";
    		$("#compliments").html(compli_html);

			$.ajax({
				type: "GET",
				url: base_url + "ajax/getComplimentText",
				data: "",
				success: function(data){
					$("#compliments").html(data);
					compli_loaded = 1;
					
					/// button click
					$("#compli_send").click(function(event) {
						compli_status ="<img style='margin-top: -4px; vertical-align: top' src='" + base_url + "images/loading2.gif' > <em>saving...</em>";
						$("#compli_status").html(compli_status);
						$("#compli_text").attr("disabled", true);
						
						setTimeout(function() {
							$("#compli_status").html("<em>compliment sent</em>");
							$("#compli_text").attr("disabled", false);
							$("#compli_text").val('');
						}, 2000);
						
						event.preventDefault();
						
						
					});	
					
					$("a#compli_cancel").click(function(){
						$("#compliments").hide();
					});										
				}
			});
	
		}
				
	}, function() {
		$("#compliments").hide();
	});

});
		
function closeCompli() {
	$("#compliments").hide();
}