function initDefault() {
	$('.how_to_link').hover(function(e) {	
		  $('#tooltip_text_for_' + this.id).show();
		}, function() {
			$('#tooltip').hide();
			$('#tooltip_text_for_' + this.id).hide();
	  });
}

function initLoggedIn() {
    function highlight(link) {
        $('td').css('background-color', 'transparent');        
        var elId = "#tooltip_text_for_"+$(link).attr('id');
        $(link).closest('td').css('background-color', '#00b4ff')
                             .css('-webkit-border-radius', '15px')
                             .css('-moz-border-radius', '15px');
        $(".how_to_details").html($(elId).html());
    }
    
    $('.how_to_link').click(function(){
        highlight(this);
    })    
    highlight($(".how_to_link:first"));
}

$(function() {
	var tooltip_offsetX = 15;
	var tooltip_offsetY = 20;
    
        initLoggedIn();
});