// ГОРЯЧИЕ КЛАВИШИ, файл hotkeys.js
// Для работы требуется JQuery. Автор: Олег Йожик Дубров

$(function(){
	// Задаем псевдоними для каждой кнопки, создав специальный ассоциативный массив:
	var keyCodes = {D:68, E:69, F:70, M:77, N:78, O:79, U:85, Esc:27, "/":220,
		"0":48, "1":49,  "2":50, "3":51, "4":52, "5":53, "6":54, "7":55, "8":56, "9":57,
		Left:37, Up:38, Right:39, Down:40, Enter:13, Ctrl:17, Alt:18, Space:32
		// прошу простить, тут не все коды клавиш
	};
	/*
	// заготовка всплыающей подсказки (оранжевый болончик над ссылками и инпутами)
	var prompt = $("<div class='hotprompt'>-</div>");
	prompt.css("position", "absolute");
	prompt.css("padding", "1px 3px");
	prompt.css("font-size", "8px");
	prompt.css("background-color", "orange");
	prompt.css("color", "black");
	prompt.css("opacity", "0.8"); // легкая полупрозрачность не повредит
	prompt.css("border", "1px solid black");
	// скруглим её особым образом, оставив один угл острым:
	prompt.css("border-radius", "7px 7px 0px 7px"); 
	prompt.css("-moz-border-radius", "7px 7px 0px 7px");
	
	// показать подсказки к клавишам
	var showHotPrompts = function(){
		if($(".hotprompt").length > 0) return ;
		// для каждого инпута или ссылки, с атрибутом hotkey
		$("a[hotkey], input[hotkey]").each(function(a){
			p = prompt.clone(); // клонируем заготовку, которую мы создали
			p.html($(this).attr("hotkey")); //помещаем в нее строку "Ctrl + .."
			p.insertAfter($(this)); //вставляем подсказку сразу после самой ссылки
			// располжим её так, чтобы острый уголок пришелся на левый верхний угол ссылки:
			p.css("left", $(this).position().left - p.width());
			p.css("top", $(this).position().top - p.height());
		});
	}
	
	// скрыть эти подсказки
	var hideHotPrompts = function(){
		// путем их тупого удаления:
		$("a[hotkey], input[hotkey]").each(function(a){
			$(".hotprompt").remove();
		});
	}*/
    
    // просто функция, проверяющая массив на предмет существования элемента
	var in_array = function(needle, haystack){
		for (key in haystack)
			if (haystack[key] == needle) return true;
		return false;
	}
	
	
	// Если нажата клавиша на странице
	$("html").keydown(function(e){
		var lastGood = false;
		// то перебираем все ссылки и инпуты, у которых есть атрибут hotkey
		$("a[hotkey], input[hotkey]").each(function(a){
			var hotkey = $(this).attr("hotkey"); // значение атрибута (например Ctrl + E)
			var words = hotkey.split("+"); //разделяем значению плюсом
			// Последний элемент в этом массиве - это сама клавиша:
			var key = words.pop().replace(/\s/,""); // вытаскиваем её и вырезаем все пробелы
			var syskeys = new Array();
			// Оставшиеся в массиве клавиши считаются системными (Ctrl, Alt, Shift)
			for(var i in words) syskeys.push(words[i].replace(/\s+/g,""));
			if(keyCodes[key] != e.keyCode) return; //код клавиши не подошел - прочь
			if(in_array('Ctrl', syskeys)    && !e.ctrlKey) return; //Ctrl не подошел - прочь
			if(in_array('Alt', syskeys)     && !e.altKey) return;  //Alt не подошел - прочь
			if(in_array('Shift', syskeys)   && !e.shiftKey) return;//Shift не подошел - прочь
			//если на странице несколько одинаковых клавиш, то сработает только последняя:
			lastGood = $(this); //переменная просто затрется последней подходящей клавишей
		});
		//если подходящая под нажатую комбинацию ссылка (или инпут) таки найдена:
		if(lastGood){ 
			// то если это форма, то субмитим:
			if(lastGood.attr("type") == 'submit')
				$(lastGood.context.form).submit();
			else{ // а если ссылка, то кликаем
				var href = lastGood.attr("href");
				lastGood.click();
			}
			return false; // и дефолтное поведение браузера отменяем
		}
		
		// А это для прочих случаев:
		// если нажата клавиша CTRL - то показываем оранжевую карту клавиш
		/*if(e.keyCode == keyCodes.Ctrl){ 
			showHotMap();
			showHotPrompts(); //и подсказки
		}*/
	});
	/*
	// на отпускание любой клавиши - скрываем подсказки и карту клавиш
	$("html").keyup(function(e){
		if(e.keyCode == keyCodes.Ctrl){ 
			hideHotPrompts();
			hideHotMap();
		}
	});

    // если куда-нибудь кликнули - скрываем все подсказки и карту клавиш
    $("html").click(function(e){
        hideHotPrompts();
        hideHotMap();
    });
    
    // показать оранжевую карту клавиш (тот самый большой квадрат со списком клавиш)
    var showHotMap = function(){
        if($(".hotsitemap").length > 0) return ;
        // создаем ораньжевый квадрат
        var hotmap = $("<div>");
        $("body").append(hotmap);
        hotmap.addClass("hotsitemap"); 
        hotmap.css('background-color', 'orange');
        hotmap.css('position', 'fixed'); //он будет не зависить от прокрутки
        hotmap.css('color', 'black');
        hotmap.css('top', '200px');      //свисая сверху на двухстах пикселях
        hotmap.css('padding', '20px');
        hotmap.css("border-radius", "10px"); //будучи скруглен, как я люблю
        hotmap.css("-moz-border-radius", "10px");//даже в мозилле
        hotmap.append("<h3>Горячие клавиши</h3>");
        // и наполняем его самими клавишами и пояснениями из ссылок
        $("a[hotkey]").each(function(){
            var hotkey = $(this).attr("hotkey");
            var value = $(this).html(); // текст ссылки <a href=...>вот этот</a>
            var title = $(this).attr("title"); // <a title='вот этот'>...
            // Возмем из этих двоих тот, что подлинне (скорее всего он более информативнее)
            var display_text = value.length > title.length ? value : title;
            // И дописываем этот текст и клавишу в квадрат:
            hotmap.append("<b>"+hotkey+"</b> "+display_text+"<br />"); 
        });
    }
    
    // скрыть эту карту
    var hideHotMap = function(){
        $(".hotsitemap").remove();
    }*/
});