// ==UserScript==
// @name           Google Maps Maximizer
// @version        1.3
// @namespace      http://www.iescripts.org
// @creator        SaWey
// @description    Google maps has the functionality to hide the panel on the left, this script adds a little arrow-button to hide the header.
// @include        http://maps.google.*

// ==/UserScript==
var img_hide = '<center><img onclick="hideHeader()" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAECAYAAAC6Jt6KAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAlwSFlzAAAK7wAACu8BfXaKSAAAAF9JREFUGFdj/Pfv338GNLBmzUOwSEiIPLoUAwNIAwx///7n/8yZN/+Xl58BYxD727c/cHmw4TDFz559+z9x4jW4YpgmkNjTp1/hmsAa7t799L+h4TyGYpgmkBxIDUgtALsJf5YrJKP/AAAAAElFTkSuQmCC" style="cursor: pointer;"></center><div height="2px" style="font-size:2px" onclick="hideHeader()">&nbsp;</div>'
var img_show = '<center><img onclick="showHeader()" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAECAYAAAC6Jt6KAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAlwSFlzAAAK7wAACu8BfXaKSAAAAGZJREFUGFdj/Pfv3//7978wLF58l+H7978M2AAnJzNDbKwyg6IiDwMDSAMIP3369f/Eidf+l5efQcEgsWfPvoHVgDBcA4jz7duf/zNn3oRrALG/f/8DV4yhAWbKqlX3/4MwjI9MAwBmoY568zdp2gAAAABJRU5ErkJggg==" style="cursor: pointer;"></center><div height="2px" style="font-size:2px" onclick="hideHeader()">&nbsp;</div>'


var div_mainmap = document.getElementById("main_map");
var div_map = document.getElementById("map");

var div = document.createElement("div");
div.heigth = "20px";
div.width = "100%";
div.style.display = "block";
div.innerHTML = img_hide;
div_mainmap.insertBefore(div, div_map);

function hideHeader(){
	var div_header = document.getElementById("header");
	div_header.style.display = "none"; 
	var div_guser = document.getElementById("guser");
	div_guser.style.display = "none"; 
	div.innerHTML = img_show;
	}
	
function showHeader(){
	var div_header = document.getElementById("header");
	div_header.style.display = ""; 
	var div_guser = document.getElementById("guser");
	div_guser.style.display = ""; 
	div.innerHTML = img_hide;
	}