$(document).ready(function(){
	$(".day-has-event").each(function(){
		$(this).hover(
			function(){
				offset = $(this).offset()
				$("#eventinfo").show()
				$("#eventinfo").css("left",offset['left'] - 75)
				$("#eventinfo").css("top",offset['top'] + 30) 
				showAllEventsInDay(this);
			},
			function(){
			}		
		)
	})
	$("#calendar_id").click(function(){
		cal_id = $(this).attr("value")
		window.location="/events/new?calendar_id="+cal_id;
	})
});

function showAllEventsInDay(div){
	
	$("#eventinfo").html("")
	$("#eventinfo").append("<div class='arrow'></div>")
	$("#eventinfo").append($(".datoformat",div).html())
	$(".eventinfo",div).each(function(){
		$("#eventinfo").append($(this).html())
	});
	$("#eventinfo").hover(
		function(){
		},
		function(){
			$("#eventinfo").hide()
		}
	)
}