$(function {
const sidebarCookieName = 'sidebarHidden';
const commonImgUrl = "https://upload.wikimedia.org/wikipedia/commons/thumb";
const img = {
	next: commonImgUrl + "/9/95/Icons8_flat_next.svg/15px-Icons8_flat_next.svg.png",
	prev: commonImgUrl + "/b/bd/Icons8_flat_previous.svg/15px-Icons8_flat_previous.svg.png"
const isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
const cookieExpires = 30;
var sidebarHidden = false;
var sidebarGadgetLoaded = false;
var fadeSpeed=15;
var lastTime = 0;
var sDiv, timer;

function autoHide {
	if( isMobile ) {
		return;
	sDiv = document.getElementById('sidebarCollapse').style;
	sDiv.opacity = 0;
	$(document).on('mousemove', function(e){
		var thisTime = Math.round(Date.now/1000);
		if ((thisTime - lastTime) < 1) {
			return;
		lastTime = thisTime;
		clearTimeout(timer);
		(function fadeIn{(
			sDiv.opacity=parseFloat(sDiv.opacity)+0.1);
			if (sDiv.opacity<1) {
				setTimeout;
				clearTimeout(timer);
		timer = setTimeout(function {
			(function fadeOut{(
				sDiv.opacity=parseFloat(sDiv.opacity)-0.1);
				if (sDiv.opacity<0) {
					clearTimeout(timer);
					setTimeout;
			clearTimeout(timer);

function hideSidebar {
	sidebarHidden = true;
	$("#sidebarCollapse").attr;
	updatePos;

	$("#content").css({
		"position": "relative",
		"left": "-145px",
		"right": "0px",
		"margin-right": "-145px"
	$("#mw-data-after-content").css({
		"position": "relative",
		"left": "-145px",
		"right": "0px",
		"margin-right": "-145px"
	$("#footer").css({
		"margin-left": "20px"
	$("#mw-panel").hide;
	mw.cookie.set( sidebarCookieName, "true", {
		expires: cookieExpires, path: '/'

function showSidebar {
	sidebarHidden = false;
	$("#sidebarCollapse").attr;
	updatePos;

	$("#content").css({
		"position": "static",
		"left": "0px",
		"right": "auto",
		"margin-right": "0px"
	$("#mw-data-after-content").css({
		"position": "static",
		"left": "0px",
		"right": "auto",
		"margin-right": "0px"
	$("#footer").css({
		"margin-left": "167px"
	$("#mw-panel").show;
	mw.cookie.set( sidebarCookieName, "false", {
		expires: cookieExpires, path: '/'

function updatePos {
	if ($("#mw-panel").outerWidth > 160) {
		$("#sidebarCollapse").css;
		$("#left-navigation").css;
		$("#sidebarCollapse").css;
		$("#left-navigation").css;

	if (mw.user.options.get("visualeditor-newwikitext") === "1") {
		var menuloc = $(".oo-ui-toolbar").offset.top + $(".oo-ui-toolbar-bar").outerHeight(true);	
		$("#sidebarCollapse").css("top", ( menuloc + 15 ) + "px");

function sidebarHiddenProc {
	var sidebarCollapse = "";

	sidebarGadgetLoaded = true;

	sidebarCollapse = $('').attr({
		'id': 'sidebarCollapse',
		'src': img.prev,
		'position': 'fixed',
		'float': 'right',
		'width': '13px',
		'height': '13px',
		'top': '140px',
		'cursor': 'pointer',
		'padding': '5px',
		'-webkit-border-radius': '50px',
		'-moz-border-radius': '50px',
		'border-radius': '50px',
		'text-align': 'center',
		'border': '1px solid rgb',
		'background-color': 'white',
		'z-index': '2'

	sidebarCollapse.appendTo('#mw-navigation');

	if ( mw.cookie.get( sidebarCookieName ) === "true" ) {
		hideSidebar;
	updatePos;
	autoHide;

	$(window).resize(function {
		updatePos;

	$("#sidebarCollapse").mouseover(function {
		$(this).css("background-color", "rgb");
		$(this).css;
		sidebarHidden ? showSidebar : hideSidebar;

function sidebarHiddenInit {
	// Should only work with vector skin
	// Exception handling: Blankpage and RTRC
	if (
		$(".skin-vector-legacy").length === 0 || $(".mw-special-Blankpage").length !== 0
	) {
		return;

	if ( $('#mw-navigation').length === 0 ) {
		var obs = new MutationObserver(function {
			if (sidebarGadgetLoaded) {
				return;
			for (var i=0; i<mutations.length; ++i) {
				for (var j=0; j<mutations[i].addedNodes.length; ++j) {
					if (mutations[i].addedNodes[j].id == "mw-navigation") {
						sidebarHiddenProc;
						break;
		obs.observe;
		return;

	sidebarHiddenProc;

mw.loader.using('mediawiki.cookie').then(function {
	sidebarHiddenInit;