$(document).ready(function(){
	$(".attendEvent").click(function(){
		var eventId = $(this).attr("id").replace(/event/, "");
		$.ajax({
			type: "POST",
			url: "/api/Koledar/pridem/",
   			data: "eventId=" + eventId,
   			dataType: "json",
   			success: function(msg){
   				if(msg != "error")
   				{
   					$(".attendance").append("<li id='attendee" + msg.username + "'><img class='profileImage27' src='/slike/profili/c27x27" + msg.md5 + ".jpg' alt='" + msg.username + "' align='left' />" + msg.username + "</li>");
   					$(".attendEvent").hide();
   					$(".attendEventNOT").show();
   				}
   			}
 		});
 		
 		return false;
	});
	
	$(".attendEventNOT").click(function(){
		var eventId = $(this).attr("id").replace(/event/, "");
		$.ajax({
			type: "POST",
			url: "/api/Koledar/neBoMe/",
   			data: "eventId=" + eventId,
   			dataType: "json",
   			success: function(msg){
   				if(msg != "error")
   				{
   					$("#attendee" + msg.username).remove();
   				}
   				$(".attendEventNOT").hide();
   				$(".attendEvent").show();
   			}
 		});
 		
 		return false;
	});
	
	$(".inner img").each(function(){
		if($(this).attr("align") == "right") $(this).attr("class", "right");
		if($(this).attr("align") == "left") $(this).attr("class", "left");
	});
});