var $state, $bar, $win, $userbar, $default_width, $slide;

$(document).ready(function() {
var alturah=$("#wrapper").outerHeight();
$('.trigger').click(function() {
    if($("#slideout").css('left') === "-264px") {
        $("#slideout").animate({
				left: '+=264'
            }, 600, function() {
                $('#slideout-mask').fadeTo('slow', 0.5);
				window.document.getElementById("slideout-mask").style.height=alturah+"px";
            });
    } else {
        $("#slideout").animate({
			left: '-=264'
        }, 600, function() {
            $('div#slideout-mask').stop().fadeOut('slow');
        });
    }
        
    return false;
});

$('div#slideout-mask').click(function() {
		$("#slideout").animate({
			left: '-=264'
        }, 600, function() {
            $('div#slideout-mask').stop().fadeOut('slow');
        });
});

});