/* This Source Code Form is subject to the terms of the Mozilla Public

 * License, v. 2.0. If a copy of the MPL was not distributed with this

 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */



function dump(aMessage) {

	var consoleService = Components.classes["@mozilla.org/consoleservice;1"]

									 .getService(Components.interfaces.nsIConsoleService);

	consoleService.logStringMessage("Vertical Tabs: " + aMessage);

}



let verticalTabs = {

	startup: function()	{

		let tabbrowser = getTabBrowser();



		tabbrowser._onDragStart = (function(aEvent) {

			var target = aEvent.target;

			if (target.localName == "tab" &&

				aEvent.originalTarget.localName != "toolbarbutton") {

				var dt = aEvent.dataTransfer;

				dt.mozSetDataAt(TAB_DROP_TYPE, target, 0);



				aEvent.stopPropagation();

				target._dragOffsetY =

				aEvent.screenY - window.screenY - target.getBoundingClientRect().top;

				target._dragOffsetX = aEvent.screenX - window.screenX;

			}



			this._dragLeftWindow = false;

		});

		tabbrowser._setEffectAllowedForDataTransfer = (function(aEvent) {

			var dt = aEvent.dataTransfer;

			// Disallow dropping multiple items

			if (dt.mozItemCount > 1)

				return dt.effectAllowed = "none";



			var types = dt.mozTypesAt(0);

			var sourceNode = null;

			// tabs are always added as the first type

			if (types[0] == TAB_DROP_TYPE) {

				var sourceNode = dt.mozGetDataAt(TAB_DROP_TYPE, 0);

				if (sourceNode instanceof XULElement &&

					sourceNode.localName == "tab" &&

					(sourceNode.parentNode == this.mTabContainer ||

					(sourceNode.ownerDocument.defaultView instanceof ChromeWindow &&

					sourceNode.ownerDocument.documentElement.getAttribute("windowtype") == "Messenger:convs"))) {

					if (sourceNode.parentNode == this.mTabContainer &&

						(aEvent.screenY >= sourceNode.boxObject.screenY &&

							aEvent.screenY <= (sourceNode.boxObject.screenY +

											   sourceNode.boxObject.height))) {

						return dt.effectAllowed = "none";

					}



					return dt.effectAllowed = "copyMove";

				}

			}



			return dt.effectAllowed = "none";

		});

		tabbrowser._onDragOver = (function(aEvent) {

			var effects = this._setEffectAllowedForDataTransfer(aEvent);



			var ib = this.mTabDropIndicatorBar;

			if (effects == "" || effects == "none") {

			  ib.collapsed = "true";

			  return;

			}

			aEvent.preventDefault();

			aEvent.stopPropagation();



			var tabStrip = this.mTabContainer.mTabstrip;



			// autoscroll the tab strip if we drag over the scroll

			// buttons, even if we aren't dragging a tab, but then

			// return to avoid drawing the drop indicator

			var pixelsToScroll = 0;

			if (this.mTabContainer.getAttribute("overflow") == "true") {

				var targetAnonid = aEvent.originalTarget.getAttribute("anonid");

				switch (targetAnonid) {

					case "scrollbutton-up":

						pixelsToScroll = tabStrip.scrollIncrement * -1;

						break;

					case "scrollbutton-down":

					case "alltabs-button":

					case "newtab-button":

						pixelsToScroll = tabStrip.scrollIncrement;

						break;

				}

				if (pixelsToScroll)

					tabStrip.scrollByPixels(pixelsToScroll);

			}



			var newIndex = this.getNewIndex(aEvent);

			var ib = this.mTabDropIndicatorBar;

			var ind = ib.firstChild;

			var tabStripBoxObject = tabStrip.scrollBoxObject;

			var minMargin = tabStripBoxObject.y - this.boxObject.y;

			// make sure we don't place the tab drop indicator past the

			// edge, or the containing box will flex and stretch

			// the tab drop indicator bar, which will flex the url bar.

			// XXX todo

			// just use first value if you can figure out how to get

			// the tab drop indicator to crop instead of flex and stretch

			// the tab drop indicator bar.

			var maxMargin = Math.max(minMargin + tabStripBoxObject.height,

									 ib.boxObject.y + ib.boxObject.height -

									 ind.boxObject.height);

			var newMargin, tabBoxObject;

			if (pixelsToScroll) {

				// if we are scrolling, put the drop indicator at the edge

				// so that it doesn't jump while scrolling

				newMargin = (pixelsToScroll > 0) ? maxMargin : minMargin;

			}

			else {

				if (newIndex == this.mTabs.length) {

					tabBoxObject =  this.mTabs[newIndex-1].boxObject;

					newMargin = tabBoxObject.screenY - this.boxObject.screenY

								+ tabBoxObject.height;

				}

				else {

					tabBoxObject =  this.mTabs[newIndex].boxObject;

					newMargin = tabBoxObject.screenY - this.boxObject.screenY;

				}

				// ensure we never place the drop indicator beyond our limits

				if (newMargin < minMargin)

					newMargin = minMargin;

				else if (newMargin > maxMargin)

					newMargin = maxMargin;

			}



			ind.style.marginTop = newMargin + 'px';



			ib.collapsed = false;

		});

		tabbrowser._onDragEnd = (function(aEvent) {

			// Note: while this case is correctly handled here, this event

			// isn't dispatched when the tab is moved within the tabstrip,

			// see bug 460801.



			// Collapse the drop indicator, just to be sure...

			this.mTabDropIndicatorBar.collapsed = true;



			// * mozUserCancelled = the user pressed ESC to cancel the drag

			var dt = aEvent.dataTransfer;

			if (dt.mozUserCancelled || dt.dropEffect != "none")

				return;



			// Disable detach within the browser toolbox

			var eX = aEvent.screenX;

			var wY = window.screenY;

			var eY = aEvent.screenY;

			// check if the drop point is horizontally within the window

			if (eY > wY && eY < (wY + window.outerHeight)) {

				var bo = this.mTabContainer.mTabstrip.boxObject;

				// also avoid detaching if the the tab was dropped too close to

				// the tabbar (half a tab)

				var endScreenX = bo.screenX + 1.5 * bo.width;

				if (eX < endScreenX && eX > window.screenX)

					return;

			}



			var draggedTab = dt.mozGetDataAt(TAB_DROP_TYPE, 0);

			let win = this.replaceTabsWithWindow([draggedTab]);

			if (win) {

				win.moveTo(eX - draggedTab._dragOffsetX,

						   eY - draggedTab._dragOffsetY);

			}

			aEvent.stopPropagation();

		});

		tabbrowser.getNewIndex = (function(aEvent) {

			var i;

			for (i = aEvent.target.localName == "tab" ? aEvent.target._tPos : 0; i < this.mTabs.length; i++)

				if (aEvent.screenY < this.mTabs[i].boxObject.screenY + this.mTabs[i].boxObject.height / 2)

					return i;

			return this.mTabs.length;

		});



		let document = tabbrowser.ownerDocument;



		let tabbox = tabbrowser.mTabBox;

		//tabbox.orient = "horizontal"; // Set in CSS



		let tabstrip = tabbrowser.mStrip;

		tabstrip.orient = "vertical";



    // Swap the tab container and the tab drop indicator bar

    tabbox.insertBefore(tabstrip, tabbrowser.mTabDropIndicatorBar);



		let tabcontainer = tabbrowser.mTabContainer;

		tabcontainer.orient = "vertical";

		//tabcontainer.align = "stretch"; // Set in CSS



		let tabscontainer = document.getAnonymousNodes(tabcontainer)[0];

		tabscontainer.orient = "horizontal";



		let arrowscrollbox = tabcontainer.mTabstrip;

		arrowscrollbox.orient = "vertical";



		let scrollbox = document.getAnonymousElementByAttribute(arrowscrollbox,

                                                            "anonid",

                                                            "scrollbox");

		scrollbox.orient = "vertical";



    // Add a buffer to collapse the tab heights

    let tabspacer = document.createElement("spacer");

    tabspacer.setAttribute("flex", "100000");

    scrollbox.appendChild(tabspacer);



		// Add a splitter

		let tabssplitter = document.createElement("splitter");

		tabssplitter.className = "tabs-splitter";

		tabssplitter.setAttribute("collapse", "before");

    tabssplitter.setAttribute("resizebefore", "closest");

		tabssplitter.appendChild(document.createElement("grippy"));

		tabbox.insertBefore(tabssplitter, tabbrowser.mTabDropIndicatorBar);

	}

}



window.addEventListener("load", function(e) {verticalTabs.startup();}, false);