$(document).ready(function(){
	scrollbarWidth = calcScrollbar();
	$('#head').css("right", scrollbarWidth );
	$('.adjust_for_fixed_header').css("right", scrollbarWidth );

	$("#search_form").attr("action", "/");

});


function calcScrollbar(){

/*
This function calculates window.scrollbarWidth and window.scrollbarHeight

This must be called
“onload” to work correctly (or on “DOM ready”, if you're using
a framework that provides such an event)
*/

var i = document.createElement('p');
i.style.width = '100%';

i.style.height = '200px';

var o = document.createElement('div');
o.style.position = 'absolute';
o.style.top = '0px';
o.style.left = '0px';
o.style.visibility =
'hidden';
o.style.width = '200px';
o.style.height = '150px';
o.style.overflow = 'hidden';
o.appendChild(i);

document.body.appendChild(o);
var w1 = i.offsetWidth;
var h1 = i.offsetHeight;
o.style.overflow = 'scroll';
var w2 = i.offsetWidth;
var h2 = i.offsetHeight;
if (w1 == w2) w2 = o.clientWidth;
if (h1 == h2) h2 = o.clientWidth;

document.body.removeChild(o);

//window.scrollbarWidth = w1-w2;
//window.scrollbarHeight = h1-h2;

return w1-w2;
}