this.cv = function(){	
	
		xOffset = 0; 
		yOffset = 20;		
		
	$(".cv_button").click(function(e){
		$("#tooltip").remove();
		
        var pos = $(this).position();
		var wrap = $('#wrapper').height();
		this.t = this.title;
		this.html = $('#'+this.t).html();				  
		//$("body").append("<div id='tooltip'><span id=\"close_cv\">Sulge</span><br />"+ this.html +"</div>");
		$("body").append("<div id='tooltip'><span id=\"close_cv\">X</span><br />"+ this.html +"</div><script type=\"text/javascript\">$('#close_cv').click(function(){$('#tooltip').remove();});</script>");
        var tt = ($('#tooltip').height());
        if(wrap-pos.top < tt){        
            x = tt-(wrap-pos.top);
            xOffset = x+20;
        }else{
            xOffset = 0;
        }
		$("#tooltip")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px")
			.fadeIn("fast");                
    });		
};

this.setBody = function(){
	var wrap = $('#wrapper').height();
	var body = $('#body').height();
	if(wrap-435 > body){
		$('#body').css({'height':wrap-435});
	}
}

$(document).ready(function(){
	
	$('.button').click(function(){
		$('.active').removeClass('active');
		$(this).addClass('active');
		var id = $(this).attr('title');
		$('.form_body').each(function(){
			$(this).addClass('hidden')
		});
		$('#'+id).removeClass('hidden');
	});

	$('#structure_link').click(function(){
		$('.toggle').toggle('slow');
        $('.show_s').toggle();
        $('.hide_s').toggle();
	});
	
	setTimeout('setBody()',1000);
	cv();
	
});