$(document).ready(function()
{
$('body').append('<div id="black-box"></div>');

var allheight = $(document).height();
var windowheight = $(window).height()/2;

$('#faq-form h2').each(function() {show_faq();});

$('#faq-item').click(function() {
show_faq();
});

$('#faq-item').hover(function() {
$(this).toggleClass('hov');
});

$('#faq-close').click(function() {
$('#faq-form').fadeOut("fast");
$('#black-box').fadeOut("fast");
});

function show_faq(){
var allscroll = $(document).scrollTop();
$('#black-box').css({
backgroundColor: "#000",
opacity: "0.7",
height: allheight
}).fadeIn("fast");
$('#faq-form').css({
top: allscroll + windowheight
}).fadeIn("fast");
}

});