$(function(){
    var frontend = {
        init: function()
		{
            this.lego();
			this.fluo();
			this.sortSessions();
        },
        
        lego: function()
		{
			$('#log p:not(".comment")').live("click", function()
			{
				var cl = $(this).attr('class').split(" ");
				var these = $('#log p.' + cl[0]+':not(".comment")');
				var others = $('#log p:not(".' + cl[0] + ', .comment")');
				
				var w = $(this).width();
				$(this).width(0);
				$(this).animate(
				{
					width:w
				},
					500
				);
				
				if ($(this).hasClass('clicked')) 
				{
					these.removeClass('clicked');
					others.removeClass('blurred');
				}
				else 
				{
					if ($(this).hasClass('blurred')) 
					{
						these.removeClass('blurred');
						others.removeClass('clicked');
					}
					others.addClass('blurred');
					these.addClass('clicked');
				}
				
				return false;
			});
		},
		
		fluo:function()
		{
			if ($.support.opacity) {
				var i = 346;
				window.setInterval(function(){
					if (i >= 360) 
						i = 0;
					$('body').css({
						background: "hsl(" + i + ", 50%, 44%)"
					});
					i++;
				}, 500);
			}
		},
		
		sortSessions:function()
		{
			$('#sort a').click(function(e)
			{
				$('#loader').addClass('visible').appendTo("#sort");
				$('#sort a').removeClass('active');
				$(this).addClass('active');
				$.ajax({
					url:this.href+"&ajax=1",
					success:function(response)
					{
						$('#log').html(response);
						$('#loader').removeClass('visible');
					}
				});
				
				
				return false;
			});
		}
    }
    
    frontend.init();
});
Cufon.replace('h1');
Cufon.replace('h2');