var $ = jQuery.noConflict();

$(document).ready(function() { 
	
	$(".post:first").css({"display": "block"});
		
	$('#innermask').css({'margin-top':'0px'});
	$('#firstg').css({'margin-top':'0px'});
	
	$('#postnavigatie .postnav').click(function(){
		if($(this).hasClass("other")){
		} else {
			$(".active span").toggle();
	
			$("#postnavigatie .active").removeClass("active");
		
			blogpost = $(this).attr("name");
			$(".post").css({"display": "none"});
			$(".post[lang=" + blogpost +"]").css({"display": "block"});
		
			$(this).addClass("active");
			$(".active span").toggle();
		}
	});
	
	$('#toplinks .graphbtn').click(function(){
		if($(this).hasClass("active")){
		} else {
			$(this).addClass("active");
			$('#toplinks .listbtn').removeClass("active");
			$('.left .graph').css({'display':'block'});
			$('#firstg').css({'margin-top':'0px'});
			$('.left .list').css({'display':'none'});
		}
	});
	
	$('#toplinks .listbtn').click(function(){
		if($(this).hasClass("active")){
		} else {
			$(this).addClass("active");
			$('#toplinks .graphbtn').removeClass("active");
			$('.left .list').css({'display':'block'});
			$('.left .graph').css({'display':'none'});
		}
	});
	
	$('#latestlinks .graphbtn').click(function(){
		if($(this).hasClass("active")){
		} else {
			$(this).addClass("active");
			$('#latestlinks .listbtn').removeClass("active");
			$('.right .graph').css({'display':'block'});
			$('#secondg').css({'margin-top':'0px'});
			$('.right .list').css({'display':'none'});
		}
	});
	
	$('#latestlinks .listbtn').click(function(){
		if($(this).hasClass("active")){
		} else {
			$(this).addClass("active");
			$('#latestlinks .graphbtn').removeClass("active");
			$('.right .list').css({'display':'block'});
			$('.right .graph').css({'display':'none'});
		}
	});
	
	$('.tooltip').livequery(function(){ 
        $(this).hover(function() { 
        		$('#tooltip').stop();
				vars = $(this).attr('rel');
				vars = vars.split('+++');
				$('#tooltip #ttitle').html(vars[2]);
				$('#tooltip #tcount').html(vars[0]);
				$('#tooltip #ttags').html('#'+(vars[1].replace(/ /g, ' #')));
				$('#tooltip #tdate').html(vars[3].slice(0,10));
				$('#tooltip #tlink').html(vars[4]);
				var offset = $(this).offset();
				if($(this).hasClass("bar")){
					if($(this).hasClass("small")){
						$('#tooltip').stop().css({'display': 'block', 'top' : (offset.top - 230) +'px', 'left': (offset.left - 117) + 'px' });
						$('#tooltip').animate({'opacity': '0'}, 500, function(){
							$(this).animate({'opacity': '1', 'top' : (offset.top - 220) +'px'}, 400);
						});
					} else {
						$('#tooltip').stop().css({'display': 'block', 'top' : (offset.top - 230) +'px', 'left': (offset.left - 104) + 'px' });
						$('#tooltip').animate({'opacity': '0'}, 500, function(){
							$(this).animate({'opacity': '1', 'top' : (offset.top - 220) +'px'}, 400);
						});
					}
				} else {
					$('#tooltip').stop().css({'display': 'block', 'top' : (offset.top - 230) +'px', 'left': offset.left + 'px' });
					$('#tooltip').animate({'opacity': '0'}, 500, function(){
						$(this).animate({'opacity': '1', 'top' : (offset.top - 220) +'px'}, 400);
					});
				}
            }, function() { 
            	$('#tooltip').stop().css({'display': 'none', 'opacity' : '0'});
            }); 
    }, function() { 
        $(this).unbind('mouseover').unbind('mouseout'); 
    }); 
	
});