var browser = document.body.querySelector('#browser');
var list = [];
function listTabs() {
	var tabs = browser.querySelectorAll('#tabs>.tab');
	list=[];
	for(var i = 0;i < tabs.length;i++){
	    list.push(tabs[i]);
	}

	list.sort(function(a,b) { return recent(b) - recent(a); });
}

function recent(tab){
	var page = document.querySelector('.webpageview webview[tab_id="'+tab.dataset.tabId+'"]');
	if(page) {
	    page = page.parentNode.parentNode.parentNode.parentNode;
	    return parseInt(page.style.zIndex);
	}
	return 0;
};

var dispatchMouseEvent = function(target, var_args) {
	var e = document.createEvent("MouseEvents");
	e.initEvent.apply(e, Array.prototype.slice.call(arguments, 1));
	target.dispatchEvent(e);
};

browser.addEventListener('mousedown', function(e){
    for (var i = 0; i < e.path.length; i++) {
        if (e.path[i].className.indexOf('active') > -1) {
            var active = browser.querySelector('.tab.active');

            listTabs();
            dispatchMouseEvent(list[1], 'mousedown', true, true);
            break;
        }
    }
});

// Click on active tab to scroll top
var browser=document.body.querySelector('#browser');
browser.addEventListener('click', function(e){
	for (var i = 0; i < e.path.length; i++) {
		if (e.path[i].className.indexOf('active') > -1) {
			var active = browser.querySelector('.tab.active');
			var webview = document.querySelector('#webview-container webview[tab_id="'+active.dataset.tabId+'"]');
			webview.executeScript({ code: "document.body.scrollTop=0" });
			return;
		}
	}
});

// Right click on plus-button to paste and go
var browser=document.body.querySelector('#browser');
var isItMouse = false; // Exclude responses from keyboard

//Tweak for paste in this input-field
var hiddenInput = document.createElement("input");
hiddenInput.type = "text";
browser.appendChild(hiddenInput);
hiddenInput.style.width = "0px";
hiddenInput.style.height = "0px";
hiddenInput.style.display = "none";

var dispatchMouseEvent = function(target, var_args) {
    var e = document.createEvent("MouseEvents");
    e.initEvent.apply(e, Array.prototype.slice.call(arguments, 1));
    target.dispatchEvent(e);
};

browser.addEventListener('contextmenu', function(e) {
    //Area near square
    if (e.target.className.toString().indexOf('newtab') > -1) {
        isItMouse = true;
        document.execCommand('paste');
        return;
    }
    //Plus-symbol
    if (e.target.parentNode.className.indexOf('newtab') > -1) {
        initPaste();
        return;
    }
    //Square
    if (e.target.getTotalLength() > 0) { // 104 — length of new tab Button SVG
        initPaste();
        return;
    }
});

function initPaste() {
    isItMouse = true;
    hiddenInput.style.display = "block";
    hiddenInput.focus();
    document.execCommand('paste');
}

document.addEventListener('paste',function(e) {
    if (isItMouse) {
        isItMouse = false;
        var url = e.clipboardData.getData('text/plain');
        hiddenInput.style.display = "none"; //hide input-field for pasting

        var re = new RegExp('\\r\\n', 'g'); // Delete newline characters
        url = url.replace(re, '');
        // Search engines
    	var searchEngine = 'https://google.com/webhp?hl=ru#hl=ru&q='; 
    //	var searchEngine = 'http://yandex.ru/search/?text=';
    //  var searchEngine = 'https://duckduckgo.com/?q=';
        var active = browser.querySelector('.tab.active');
        var webview = document.querySelector('#webview-container webview[tab_id="'+active.dataset.tabId+'"]');
        
        if (url.length > 0) {
            if (checkUrl(url)) {
                webview.executeScript({ code: "window.open('"+url+"','_blank')" });
            } else if (checkUrlWithoutProtocol(url)) {
                webview.executeScript({ code: "window.open('http://"+url+"','_blank')" });
            } else {
                webview.executeScript({ code: "window.open('"+searchEngine+url+"','_blank')" });
            }
        }
        
        console.log(url)}
    }
);
//Check url
var patternUrl = /^(?:(?:https?|ftp):\/\/)(?:\S+(?::\S*)?@)?(?:(?!(?:10|127)(?:\.\d{1,3}){3})(?!(?:169\.254|192\.168)(?:\.\d{1,3}){2})(?!172\.(?:1[6-9]|2\d|3[0-1])(?:\.\d{1,3}){2})(?:[1-9]\d?|1\d\d|2[01]\d|22[0-3])(?:\.(?:1?\d{1,2}|2[0-4]\d|25[0-5])){2}(?:\.(?:[1-9]\d?|1\d\d|2[0-4]\d|25[0-4]))|(?:(?:[a-z\u00a1-\uffff0-9]-*)*[a-z\u00a1-\uffff0-9]+)(?:\.(?:[a-z\u00a1-\uffff0-9]-*)*[a-z\u00a1-\uffff0-9]+)*(?:\.(?:[a-z\u00a1-\uffff]{2,})).?)(?::\d{2,5})?(?:[/?/#]\S*)?$/i;
var patternUrlWithout = /^(?:\S+(?::\S*)?@)?(?:(?!(?:10|127)(?:\.\d{1,3}){3})(?!(?:169\.254|192\.168)(?:\.\d{1,3}){2})(?!172\.(?:1[6-9]|2\d|3[0-1])(?:\.\d{1,3}){2})(?:[1-9]\d?|1\d\d|2[01]\d|22[0-3])(?:\.(?:1?\d{1,2}|2[0-4]\d|25[0-5])){2}(?:\.(?:[1-9]\d?|1\d\d|2[0-4]\d|25[0-4]))|(?:(?:[a-z\u00a1-\uffff0-9]-*)*[a-z\u00a1-\uffff0-9]+)(?:\.(?:[a-z\u00a1-\uffff0-9]-*)*[a-z\u00a1-\uffff0-9]+)*(?:\.(?:[a-z\u00a1-\uffff]{2,3})).?)(?::\d{2,5})?(?:[/?/#]\S*)?$/i;
function checkUrl(str) {
    return patternUrl.test(str);
}
//url without protocol
function checkUrlWithoutProtocol(str) {    
    return patternUrlWithout.test(str);    
}

/** Избавляемся от status bar **/

#footer.disabled{
	display:block !important;
	position:static !important;
	padding:0 !important;
	height:0 !important;
	width:0 !important;
}

#footer.disabled > *{
	display:none !important;
}
#footer.disabled #status_info{
	display:block !important;
}

#footer.disabled #status_info span{
	position:fixed !important;
	bottom:0 !important;
	left:0 !important;
	margin:0 !important;
	color:#333 !important;
	background-color:#FEFEFE !important;
	padding:2px 5px !important;
	border:#9E9E9E solid 0 !important;
	border-width:1px 1px 0 0 !important;
	max-width:75% !important;
	overflow: hidden !important;
	white-space: nowrap !important;
	text-overflow: ellipsis !important;
	z-index:50 !important;
}

#footer.disabled #status_info span:empty{
	display:none !important;
}

/******/

/** Совмещаем заголовок вместе с адресбар **/
#header {
	min-height: 2px !important;
	height: 2px !important;
	z-index: auto !important;
}

.win .vivaldi {
	color: #fff;
	position: absolute;
	top: 5px;
	left: 98px;
}

.vivaldi+#tabs-container.top {
	border-bottom: 1px solid;
	position: absolute;
	top: 62px;
	width: 100%;
	z-index: 1 !important;
}

#tabs-container.bottom #tabs, #tabs-container.top #tabs {
	max-height: 30px !important;
}

.toolbar.toolbar-addressbar {
	padding-right: 100px;
}

.addressfield {	margin-left: 40px !important; }

.button-toolbar {
	position: relative !important;
	left: 30px !important;
}

.bookmark-bar { margin-bottom: 37px; }

.vivaldi { z-index: 3; }

.window-buttongroup { z-index: 2; }

.home,.rewind,.next,#pagetitle{display:none}
/********************/

#tabs-container.top #tabs, #tabs-container.bottom #tabs {
  height: auto !important;
  display: block !important;
}
#tabs-container.bottom #tabs .tab, #tabs-container.top #tabs .tab {
  max-width: 150px !important;
  min-width: 150px;
  display: inline-block !important;
  float: left;
}
#tabs .tab .tab-thumb { display: none; }
#tabs .newtab { margin-top: -9px; }
#tabs .trash {
  margin-top: -10px; 
  display: inline-block !important;
  float: right;
}