$(window).scroll(function(){
  document.getElementById("button_right").style.top = $(window).scrollTop()+130+"px";
});
$(document).ready(function() {

	//button right
	var visible = false;
	var date = new Date();
	date.setTime(date.getTime() + (30 * 24 * 60 * 60 * 1000));
	
	// state from cookie
	if( $.cookie("cookie_button_right_state") == "show" ) {
		visible = true;
		$("#button_right").animate( { width: "210px" }, 500 );
		$("#button_right").fadeTo("fast", 1);
	} else {
		$("#button_right_show").fadeIn();
		$("#button_right").fadeTo("fast", .5);
	}
	
	$("#button_right").hover(function() {
		
		// mouse over
		$(this).fadeTo("fast", 1);
		$("#button_right_hide").css('background-position', '0 20px');
		$("#button_right_show").css('background-position', '60px 0');
		
	}, function() {
		
		// mouse out
		$("#button_right_hide").css('background-position', '0 0');
		$("#button_right_show").css('background-position', '0 0');
		if (!visible) {
			$(this).fadeTo("fast", .5);
		}
	});
	
	$("#button_right_hide").click(function() {
		$("#button_right_show").fadeIn();
		$("#button_right").animate( { width: "60px" }, 500 );
		$.cookie("cookie_button_right_state", "hide", {expires: date});			//zapamiętanie w cookies stanu
		visible = false;
	});
	
	$("#button_right_show").click(function() { 
		$("#button_right_show").fadeOut();
		$("#button_right").animate( { width: "210px" }, 500 );
		$.cookie("cookie_button_right_state", "show", {expires: date});			//zapamiętanie w cookies stanu	
		visible = true;
	});

});