document.write('<style type="text/css">#boxes p{display:none;}</style>');
$(document).ready(function(){
$('#1').hide();
$('#2').hide();
$('#3').hide();
$("#thechoices").change(function(){
$("#" + this.value).show().siblings().hide();
});

$("#thechoices").change();
});
this.tooltip = function(){	
/* CONFIG */		
xOffset = 10;
yOffset = 20;		
// these 2 variable determine popup's distance from the cursor
// you might want to adjust to get the right result		
/* END CONFIG */		
$("a.tooltip").hover(function(e){											  
this.t = this.title;
this.title = "";									  
$("body").append("<p id='tooltip'>"+ this.t +"</p>");
$("#tooltip")
.css("top",(e.pageY - xOffset) + "px")
.css("left",(e.pageX + yOffset) + "px")
.fadeIn("fast");		
},
function(){
this.title = this.t;		
$("#tooltip").remove();
});	
$("a.tooltip").mousemove(function(e){
$("#tooltip")
.css("top",(e.pageY - xOffset) + "px")
.css("left",(e.pageX + yOffset) + "px");
});			
};



// starting the script on page load
$(document).ready(function(){
tooltip();
});