anissah/user/plugins/language-selector/js/language-selector.js

/*!
 * Language Selector JS plugin
 * Copyright 2017 Clement G., Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

var dropdownmenu={
	animspeed: 200, 			//reveal animation speed (in milliseconds)
	showhidedelay: [150, 150], 	//delay before menu appears and disappears when mouse rolls over it, in milliseconds

	//***** NO NEED TO EDIT BEYOND HERE
	builtdropdownids: [], 		//ids of dropdown already built (to prevent repeated building of same dropdown)
	stubboxenable: false,

	showbox:function($, $dropdown){
		this.stubboxenable = false
		clearTimeout($dropdown.data('timers').hidetimer)
		$dropdown.data('timers').showtimer=setTimeout(function(){$dropdown.show(dropdownmenu.animspeed)}, this.showhidedelay[0])
	},

	hidebox:function($, $dropdown){
		if(this.stubboxenable == false) {
			clearTimeout($dropdown.data('timers').showtimer)
			$dropdown.data('timers').hidetimer=setTimeout(function(){$dropdown.hide(100)}, this.showhidedelay[1]) //hide dropdown plus all of its sub ULs
		}
	},

	stubbox:function($, $dropdown){
		this.stubboxenable = true
		clearTimeout($dropdown.data('timers').hidetimer)
		$dropdown.data('timers').showtimer=setTimeout(function(){$dropdown.show(dropdownmenu.animspeed)}, this.showhidedelay[0])
	},


	builddropdown:function($, $menu, $target){
		$menu.css({display:'none'}).addClass('jqdropdown')
		$menu.bind('mouseenter', function(){
			clearTimeout($menu.data('timers').hidetimer)
		})
		$menu.bind('mouseleave', function(){ //hide menu when mouse moves out of it
			dropdownmenu.hidebox($, $menu)
		})
		$menu.data('dimensions', {w:$menu.outerWidth(), h:$menu.outerHeight()}) //remember main menu's dimensions
		$menu.data('timers', {})
		this.builtdropdownids.push($menu.get(0).id) //remember id of dropdown that was just built
	},



	init:function($, $target, $dropdown){
		if (this.builtdropdownids.length==0){ //only bind click event to document once
			$(document).bind("click", function(e){
				if (e.button==0){ //hide all dropdown (and their sub ULs) when left mouse button is clicked
					$('.jqdropdown').find('ul').andSelf().hide()
				}
			})
		}
		if (jQuery.inArray($dropdown.get(0).id, this.builtdropdownids)==-1) //if this dropdown hasn't been built yet
			this.builddropdown($, $dropdown, $target)
		if ($target.parents().filter('ul.jqdropdown').length>0) //if $target matches an element within the dropdown markup, don't bind ondropdown to that element
			return
		$target.bind("mouseenter", function(e){
			dropdownmenu.showbox($, $dropdown)
		})
		$target.bind("mouseleave", function(e){
			dropdownmenu.hidebox($, $dropdown)
		})
		$target.bind("click", function(e){
			dropdownmenu.stubbox($, $dropdown)
		})
	}
};

jQuery.fn.adddropdown=function(dropdownid){
	var $=jQuery
	return this.each(function(){ //return jQuery obj
		var $target=$(this)
		if ($('#'+dropdownid).length==1) //check dropdown is defined
			dropdownmenu.init($, $target, $('#'+dropdownid))
	})
};

//By default, add dropdown to anchor links with attribute "data-dropdown"
jQuery(document).ready(function($){
	var $anchors=$('*[data-dropdown]')
	$anchors.each(function(){
		$(this).adddropdown(this.getAttribute('data-dropdown'))
	})
});