//fix for IE console.log
var log = Function.prototype.bind.call(console.log, console);

// basic
function e$(id) {
	return document.getElementById(id);
}
jQuery.fn.tagName = function() {
	return this.prop("tagName");
};
$.urlParam = function(name){
    var results = new RegExp('[\?&]' + name + '=([^&#]*)').exec(window.location.href);
    if (results==null){
       return null;
    }
    else{
       return results[1] || 0;
    }
}

/* prototype: startsWith */
String.prototype.startsWith = function(str) {
	if (this.length>=str.length) {
		return (str==this.substring(0,str.length));
	}
	return false;
}
/* prototype: endsWith */
String.prototype.endsWith = function(str) {
	if (this.length>=str.length) {
		var src = this;
		var pos = src.length-str.length;
		return (str==src.substring(pos,pos+str.length));
	}
	return false;
}

/* Dialog and Input functions */
function getKeyCode(event) {
	if (window.event) { // IE 
	    return event.keyCode;
	}
	// Netscape/Firefox/Opera
	return event.which;
}

function cancelEvent(event) {
	if(event.preventDefault) {
		// Chrome, FF
		event.preventDefault();
	} else {
		// IE
		event.returnValue = false;
	}
	return false;
}

function isVisible(elem) {
	return (elem.is(":visible"));
}

/**
 * Page 
 */
const Page = {
	prevSection: null,
	scrollParent: "html, body",
	// init
	init: function(menuId) {
		// init all
		this.initMenu(menuId);
		this.initNavbarToogle();
		this.initNavbarAnimate();
		this.initGotoTop();
		this.initPageLinks(menuId);
		this.initSectionLinks();
		this.initMailLinks();
		this.initShowMeLinks();
		// controls
		TabView.init();
		Checkbox.init();
		LayoutResize.init();
		// scroll to section
		var section = $.urlParam('sec');
		if (section) {
			this.scrollToSection("#sec"+section);
		}
	},
	// initNavbarToogle
	initMenu: function(menuId) {
		log("initMenu: "+menuId);
		var mi = e$(menuId);
		if (mi) {
			$(mi).addClass("active");
		}
	},
	// initNavbarToogle
	initNavbarToogle: function() {
		// Navbar toggle
		var nbt = $('.navbar-toggle');
		nbt.each(function() {
			var btn = $(this);
			var menu = $(btn.attr('data-target'));
			if (menu.find(".navbar-nav > li").length==0)
				btn.hide();
		});
		nbt.click(function() {
			var btn = $(this);
			var menu = $(btn.attr('data-target'));
			// alert(menu.length);
			var open = menu.hasClass('open');
			if (open) {
				menu.slideUp(300, function() {
					menu.removeClass('open');
				});
			}	
			else {
				menu.slideDown(300, function() {
					menu.addClass('open');
				});
			}
			// expanded
			btn.attr('aria-expanded', open);
		});
	},
	// initNavbarAnimate
	initNavbarAnimate: function() {
		/* delayed */
		var navbar = $("#navbar-main"); // or ".navbar-main-style"
		var animate = navbar.find(".navbar-link, .navbar-link img, .navbar-toggle, .navbar-nav-wrapper, .navbar-nav");
		animate = animate.add(".nav-indicator span"); // also applies to sub-menu!
		/* delayed */
		setTimeout(function() {
			// enableTransformation();
			animate.addClass("animate");
        }, 500);
		/* mouse-triggered 
		$("#navigation").mouseenter(function() {
			var navb = $(this);
			animate.addClass("animate");
			nav.off( "mouseenter" );
		});
		*/
	},
	// initGotoTop
	initGotoTop: function() {
		var button = $('#goto-top');
		// scroll event
	    $(document).on('scroll', function() {
		    var view = $(window);
	        var show = (view.scrollTop() > 250);
	        var visible = isVisible(button);
	        if (show == visible)
	        	return;
	        // show or hide	
	        if (show) {
	            button.fadeIn();
	        }
	        else {
	            button.fadeOut();
	        }
	    });
		// onclick-event    
		button.on('click', function(){
		    $('html, body').stop().animate({
		        scrollTop: 0
		    }, 800);
		    return false;
		});
	},
	// initPageLinks
	initPageLinks: function(menuId) {
		var linkSelector;
		var otherSelector;
		if (menuId=="mi.home") {
			linkSelector = "a.pageLink";
			otherSelector = "a.homeLink";
		} else {
			linkSelector = "a.homeLink";
			otherSelector = "a.pageLink";
		}
		$(linkSelector).click(function() {
			var link = this;
			// make target active
			var target = link.getAttribute("data-target");
			if (target) {
			    var tmi = e$(target);
			    if (tmi) {
	              $(tmi).addClass("active");
	            }  
			}
			// animate
			$("#navbar-main").removeClass("navbar-main-style");
			window.setTimeout(function(){
				Page.execPageLink(link);
	        }, 300);
			return false;
		});
		/* - for debugging only -
		$(otherSelector ).click(function() {
			var link = this; 
			$("#navbar-main").addClass("navbar-main-style");
			return false;
		});
		*/
	},
	// execPageLink
	execPageLink: function(a) {
		// Execute Link
		if (a==null || a.href==null) {
			alert(anchor_id + ' is not a valid anchor element!');
			return;
		}
		window.location = a.href;
	},
	// initSectionLinks
	initSectionLinks: function() {
		// smoothscroll
	    $('a.sectionLink').bind('click.smoothscroll',function (e) {
	        e.preventDefault();
	        var target = this.hash;
			// close the menu
	        var btn = $('#navbar-sub .navbar-toggle:visible');
	        if (btn.length>0) {
	        	var navbar = $(btn.data("target"));
	        	if (navbar.hasClass("open"))
		        	btn.click();
	        }
			// scroll now        
			Page.scrollToSection(target);
	    });
	},
	// initMailLinks
	initMailLinks: function() {
		$("a.mailLink").each( function(/* index, element  */){ 
			var link = $( this );
	    	var target = link.data("target");
	    	var domain = "empire-db.apache.org";
	    	link.text(target+"@"+domain);
	    	link.click(function() {
				var link = $( this );
				var url = "mailto:"+link.text();
				window.location = url;
	    	});
		});
	},
	// initShowMeLinks
	initShowMeLinks: function() {
		// smoothscroll
	    $('a.showMe').each( function(/* index, element  */){ 
			var link = $( this );
	    	link.click(function() {
				var link = $( this );
				var content = link.closest('.content-block');
				if (content.length==0)
					content = link.closest('.content');
				if (content.length==0)
					return;
				link.hide();
				content.find(".optional").slideDown(500, function() {
					// content.next(".content.optional").show();
					content.find("a.hideMe").show();
				});
	    	});
		});
	    $('a.hideMe').each( function(/* index, element  */){ 
			var link = $( this );
	    	link.click(function() {
				var link = $( this );
				var content = link.closest('.content-block');
				if (content.length==0)
					content = link.closest('.content');
				if (content.length==0)
					return;
				Page.scrollIntoView(content);
				content.find(".optional").slideUp(500, function() {
					// content.next(".content.optional").hide();
					link.hide();
					content.find("a.showMe").show();
				});
	    	});
	    	link.hide();
		});
	},
	// scrollToSection
	scrollToSection: function(target) {
	    // get target
	    $target = $(target);
	    if ($target.length==0) {
	    	alert("Unknown target:"+target);
	    	return;
	    }
		// remove active
	    if (this.prevSection)
	    	this.prevSection.removeClass("active");
	   	this.prevSection = null;
	    // set active
	    var miid = target.replace('#', 'mi.');
	    var mi = e$(miid);
	    if (mi) {
	    	this.prevSection = $(mi);
			this.prevSection.addClass("active");
	    }  
		// scroll to position
	    $('html, body').stop().animate( {
	      'scrollTop': $target.offset().top-121
	    }, 900);
	},
	// scrollToTop
	scrollToTop: function() {
		var scrollParent = $(Page.scrollParent);
		scrollParent.animate({ scrollTop: 0 });	
	},
	// scrollToBottom
	scrollToBottom: function() {
		var scrollParent = $(Page.scrollParent);
		var scrollContent = scrollParent.children().first();
		var contentHeight = $(scrollContent).outerHeight(true); // height including margin
		scrollParent.animate({ scrollTop: Math.max(contentHeight - $(scrollParent).height(), 0) });	
	},
	// scrollTo 
	scrollIntoView: function(elem) {
		// scroll now
		var scrollParent = $(Page.scrollParent);
		var topPos = $(elem).offset().top -121;
		if (topPos>scrollParent.scrollTop())
			return;
		scrollParent.stop().animate( {
	        'scrollTop': topPos
	    }, 600);
		return false;
	},
	// reload
	reload: function() {
	    var loc = window.location;
		window.location = loc;
	},
	// resizeContent
	resizeContent: function() {
		var winHeight = $(window).height();
		var content = $("#pscroll");
		var height = winHeight-content.offset().top;
		// footer
		/*
		var footer = $("#appfooter");
		if (footer.is(":visible"))
			height-= footer.outerHeight();
		*/	
		// check
		if (height<10)
			height=10;
		/*
		var dbg = $("#debugOut");
		dbg.text(height);
		*/
		content.height(height);
		// Repositoin popups
		if (Popup.open)
			Popup.repositionAll(winHeight);
	},	
	print: function() {
		var win = window.open("", "Druckansicht", "toolbar=yes, location=no, directories=yes, status=yes, menubar=yes, scrollbars=yes, resizable=yes, width=1030, height=600");
		win.document.open();
		win.document.write('<html><head>');
		win.document.write('<script type="text/javascript" src="../js/app.js"></script>');
		win.document.write('<link href="../css/layout.css" rel="stylesheet" type="text/css" />');
		win.document.write('<link href="../css/print.css"  rel="stylesheet" type="text/css" />');
		win.document.write('<div id="printHint" class="hint"></div>');
		win.document.write('<a href="#" class="printButton button" onclick="printDiv(\'printArea\'); return false;">Ansicht drucken</a>')
		win.document.write('<div id="printArea">');
		win.document.write(document.getElementById("content-form").innerHTML);
		win.document.write('</div>');
		win.document.write('<a href="#" class="printButton button" onclick="printDiv(\'printArea\'); return false;">Ansicht drucken</a>')
		win.document.write("</body></html>");
		win.document.close();
	},
}

/**
 * Checkbox
 */
const Checkbox = {
	// init
	init: function() {
		var ctrls  = $('.checkbox .box:not(.initialized)');
		ctrls.click(function(event) {
			var anchor = $(this);
			Checkbox.onToggle(anchor);
		});
		ctrls.addClass("initialized");
	},
	// onToggle
	onToggle: function(button) {
		// disabled
		if (button.hasClass("disabled")) {
			return;
		}
		// toggle active
		var checkbox = button.parent();
		if (checkbox.hasClass("checked")) {
			checkbox.removeClass("checked");
		} else {
			checkbox.addClass("checked");
		}
		// fire event
		var clickHandler = button.attr('onItemClick');
		if (clickHandler) {
			var item = checkbox;
			eval(clickHandler);
		}
	}
}

/**
 * TabView
 */
const TabView = {
	// init
	init: function() {
		var tabViews = $('.tab-view:not(.initialized)');
		if (tabViews.length==0)
			return;
		// init
		tabViews.each(function() {
			var tv = $(this);
			tv.find(".tab-head a.tab-label").click(TabView.onLabelClick);
			// show active
			TabView.showActivePage(tv);
		});
		// done
		tabViews.addClass("initialized");
	},
	// onLabelClick
	onLabelClick: function(event) {
		var label = $(this);
		if (label.hasClass("active"))
			return;
		label.siblings(".tab-label").removeClass("active");
		label.addClass("active");
		// show active
		var tv = label.closest(".tab-view");
		TabView.showActivePage(tv);
	},
	// showActivePage
	showActivePage: function(view) {
		// activate page
		var head = view.find(".tab-head");
		var activeIndex = head.find(".tab-label.active").index();
		// activate page
		var pages = view.find(".tab-body").children();
		pages.each(function(index) {
			var page = $(this);
			if (index==activeIndex)
				page.show();
			else
				page.hide();
		});
	}
}


/**
 * LayoutResize
 */
const LayoutResize = {
	layouts: null,
	// init
	init: function(menuId) {
		layouts  = $('.layoutColResize:not(.initialized)');
		if (layouts.length==0)
			return;
		layouts.addClass("initialized");
		LayoutResize.resizeLayouts();
		$(window).resize(function() {
			LayoutResize.resizeLayouts();
		});
	},
	/* resizeLayout */
	resizeLayouts: function() {
		layouts.each(function() {
			let children = $(this).children();
			if (children.length!=2)
				return;
			let left  = $(children[0]).find(".col-inlay");
			let right = $(children[1]).find(".col-inlay");
			if (left.length!=1 || right.length!=1)
				return;
			// reset
			left.height('auto');
			right.height('auto');
			// check alignment
			if (left.offset().top < right.offset().top)
				return; // above;
			// detect
			let hl = left.height();
			let hr = right.height();
			if (hl==hr)
				return;
			log("resizeLayout");
			if (hl>hr)
				right.height(hl);
		    else
		    	left.height(hr);
		});
	}
}

/**
 * Checkbox
 */
const Codebox = {
	// init
	togglePrepStmt: function(item) {
		// disabled
		var checked = item.hasClass("checked");
		var sqlbox  = item.closest(".sqlbox");
		var params  = sqlbox.find(".param");
		if (checked)
			params.addClass("pstmt");
	    else
			params.removeClass("pstmt");
	}
}
/*
function enableTransformation() {
	var sheet= document.styleSheets[document.styleSheets.length-1];
	var rules= 'cssRules' in sheet ? sheet.cssRules : sheet.rules; // IE compatibility
	// rules[0].style.padding= '0.32em 2em';
	var selector = '.navbar-nav li, .navbar-nav li a, .navbar-nav li .nav-indicator span';
	var styles   = '-webkit-transition: all 0.25s linear; transition: all 0.25s linear;';
	sheet.addRule(selector, styles, rules.length);
}
*/