/* jQuery charmap plugin */
(function($) {
	var opts;
	var htmlContent;

	var charmap = [
		['á', 'á', true, '=small a, acute accent'],
		['Á', 'Á', true, '=capital a, acute accent'],
		['â', 'â', true, '=small a, circumflex accent'],
		['Â', 'Â', true, '=capital a, circumflex accent'],
		['à', 'à', true, '=small a, grave accent'],
		['À', 'À', true, '=capital a, grave accent'],
		['å', 'å', true, '=small a, ring'],
		['Å', 'Å', true, '=capital a, ring'],
		['ã', 'ã', true, '=small a, tilde'],
		['ä', 'ä', true, '=small a, dieresis or umlaut mark'],
		['Ä', 'Ä', true, '=capital a, dieresis or umlaut mark'],
		['æ', 'æ', true, '=small ae diphthong (ligature)'],
		['ç', 'ç', true, '=small c, cedilla'],
		['Ç', 'Ç', true, '=capital c, cedilla'],
		['ð', 'ð', true, '=small eth, icelandic'],
		['é', 'é', true, '=small e, acute accent'],
		['É', 'É', true, '=capital e, acute accent'],
		['ê', 'ê', true, '=small e, circumflex accent'],
		['Ê', 'Ê', true, '=capital e, circumflex accent'],
		['è', 'è', true, '=small e, grave accent'],
		['È', 'È', true, '=capital e, grave accent'],
		['ë', 'ë', true, '=small e, dieresis or umlaut mark'],
		['í', 'í', true, '=small i, acute accent'],
		['Í', 'Í', true, '=capital i, acute accent'],
		['î', 'î', true, '=small i, circumflex accent'],
		['Î', 'Î', true, '=capital i, circumflex accent'],
		['ì', 'ì', true, '=small i, grave accent'],
		['ï', 'ï', true, '=small i, dieresis or umlaut mark'],
		['ñ', 'ñ', true, '=small n, tilde'],
		['ó', 'ó', true, '=small o, acute accent'],
		['Ó', 'Ó', true, '=capital o, acute accent'],
		['ô', 'ô', true, '=small o, circumflex accent'],
		['Ô', 'Ô', true, '=capital o, circumflex accent'],
		['ò', 'ò', true, '=small o, grave accent'],
		['Ò', 'Ò', true, '=capital o, grave accent'],
		['ø', 'ø', true, '=small o, slash'],
		['õ', 'õ', true, '=small o, tilde'],
		['ö', 'ö', true, '=small o, dieresis or umlaut mark'],
		['Ö', 'Ö', true, '=capital o, dieresis or umlaut mark'],
		['ß', 'ß', true, '=small sharp s, german (sz ligature)'],
		['þ', 'þ', true, '=small thorn, icelandic'],
		['ú', 'ú', true, '=small u, acute accent'],
		['Ú', 'Ú', true, '=capital u, acute accent'],
		['û', 'û', true, '=small u, circumflex accent'],
		['ù', 'ù', true, '=small u, grave accent'],
		['ü', 'ü', true, '=small u, dieresis or umlaut mark'],
		['Ü', 'Ü', true, '=capital u, dieresis or umlaut mark'],
		['ý', 'ý', true, '=small y, acute accent'],
		['Ý', 'Ý', true, '=capital y, acute accent'],
		['ÿ', 'ÿ', true, '=small y, dieresis or umlaut mark'],
		['ă', 'ă', true, '=small a, breve'],
		['Ă', 'Ă', true, '=capital a, breve'],
		['ā', 'ā', true, '=small a, macron'],
		['ą', 'ą', true, '=small a, ogonek'],
		['ć', 'ć', true, '=small c, acute accent'],
		['Ć', 'Ć', true, '=capital c, acute accent'],
		['č', 'č', true, '=small c, caron'],
		['Č', 'Č', true, '=capital c, caron'],
		['ď', 'ď', true, '=small d, caron'],
		['đ', 'đ', true, '=small d, stroke'],
		['ě', 'ě', true, '=small e, caron'],
		['ē', 'ē', true, '=small e, macron'],
		['ę', 'ę', true, '=small e, ogonek'],
		['Ę', 'Ę', true, '=capital e, ogonek'],
		['İ', 'İ', true, '=capital i, dot above'],
		['ł', 'ł', true, '=small l, stroke'],
		['Ł', 'Ł', true, '=capital l, stroke'],
		['ń', 'ń', true, '=small n, acute accent'],
		['Ń', 'Ń', true, '=capital n, acute accent'],
		['ŋ', 'ŋ', true, '=small eng, lapp'],
		['ň', 'ň', true, '=small n, caron'],
		['ő', 'ő', true, '=small o, double acute accent'],
		['Ő', 'Ő', true, '=capital o, double acute accent'],
		['œ', 'œ', true, '=small oe ligature'],
		['Œ', 'Œ', true, '=capital oe ligature'],
		['ř', 'ř', true, '=small r, caron'],
		['ś', 'ś', true, '=small s, acute accent'],
		['Ś', 'Ś', true, '=capital s, acute accent'],
		['š', 'š', true, '=small s, caron'],
		['Š', 'Š', true, '=capital s, caron'],
		['ş', 'ş', true, '=small s, cedilla'],
		['Ş', 'Ş', true, '=capital s, cedilla'],
		['ť', 'ť', true, '=small t, caron'],
		['ţ', 'ţ', true, '=small t, cedilla'],
		['Ţ', 'Ţ', true, '=capital t, cedilla'],
		['ű', 'ű', true, '=small u, double acute accent'],
		['Ű', 'Ű', true, '=capital u, double acute accent'],
		['ů', 'ů', true, '=small u, ring'],
		['ũ', 'ũ', true, '=small u, tilde'],
		['ž', 'ž', true, '=small z, caron'],
		['Ž', 'Ž', true, '=capital z, caron'],
		['ż', 'ż', true, '=small z, dot above'],
		['Α',   'Α',  true, 'Alpha'],
		['Β',    'Β',  true, 'Beta'],
		['Γ',   'Γ',  true, 'Gamma'],
		['Δ',   'Δ',  true, 'Delta'],
		['Ε', 'Ε',  true, 'Epsilon'],
		['Ζ',    'Ζ',  true, 'Zeta'],
		['Η',     'Η',  true, 'Eta'],
		['Θ',   'Θ',  true, 'Theta'],
		['Ι',    'Ι',  true, 'Iota'],
		['Κ',   'Κ',  true, 'Kappa'],
		['Λ',  'Λ',  true, 'Lambda'],
		['Μ',      'Μ',  true, 'Mu'],
		['Ν',      'Ν',  true, 'Nu'],
		['Ξ',      'Ξ',  true, 'Xi'],
		['Ο', 'Ο',  true, 'Omicron'],
		['Π',      'Π',  true, 'Pi'],
		['Ρ',     'Ρ',  true, 'Rho'],
		['Σ',   'Σ',  true, 'Sigma'],
		['Τ',     'Τ',  true, 'Tau'],
		['Υ', 'Υ',  true, 'Upsilon'],
		['Φ',     'Φ',  true, 'Phi'],
		['Χ',     'Χ',  true, 'Chi'],
		['Ψ',     'Ψ',  true, 'Psi'],
		['Ω',   'Ω',  true, 'Omega'],
		['α',   'α',  true, 'alpha'],
		['β',    'β',  true, 'beta'],
		['γ',   'γ',  true, 'gamma'],
		['δ',   'δ',  true, 'delta'],
		['ε', 'ε',  true, 'epsilon'],
		['ζ',    'ζ',  true, 'zeta'],
		['η',     'η',  true, 'eta'],
		['θ',   'θ',  true, 'theta'],
		['ι',    'ι',  true, 'iota'],
		['κ',   'κ',  true, 'kappa'],
		['λ',  'λ',  true, 'lambda'],
		['μ',      'μ',  true, 'mu'],
		['ν',      'ν',  true, 'nu'],
		['ξ',      'ξ',  true, 'xi'],
		['ο', 'ο',  true, 'omicron'],
		['π',      'π',  true, 'pi'],
		['ρ',     'ρ',  true, 'rho'],
		['ς',  'ς',  true, 'final sigma'],
		['σ',   'σ',  true, 'sigma'],
		['τ',     'τ',  true, 'tau'],
		['υ', 'υ',  true, 'upsilon'],
		['φ',     'φ',  true, 'phi'],
		['χ',     'χ',  true, 'chi'],
		['ψ',     'ψ',  true, 'psi'],
		['ω',   'ω',  true, 'omega'], 
		['½', '½', true, '=fraction one-half'],
		['¼', '¼', true, '=fraction one-quarter'],
		['¾', '¾', true, '=fraction three-quarters'],
		['⅔', '⅔', true, '=fraction two-thirds'],
		['¹', '¹', true, '=superscript one'],
		['²', '²', true, '=superscript two'],
		['³', '³', true, '=superscript three'],
		['×', '×', true, '/times b: =multiply sign'],
		['£', '£', true, '=pound sign'],
		['µ', 'µ', true, '=micro sign'],
		['°', '°', true, '=degree sign'],
		['º', 'º', true, '=ordinal indicator, masculine'],
		['§', '§', true, '=section sign'],
		['©', '©', true, '=copyright sign'],
		['♪', '♪', true, '=music note (sung text sign)'],
		['¡', '¡', true, '=inverted exclamation mark'],
		['?', '?', true, '=question mark'],
		['¿', '¿', true, '=inverted question mark'],
		['«', '«', true, '=angle quotation mark, left'],
		['»', '»', true, '=angle quotation mark, right'],
		['‘', '‘', true, '=single quotation mark, left'],
		['’', '’', true, '=single quotation mark, right'],
		['“', '“', true, '=double quotation mark, left'],
		['”', '”', true, '=double quotation mark, right'],
		['…', '…', true, '=ellipsis (horizontal)']
	];

	/* charMap plugin */
	$.fn.charmap = function(options) {
		opts = $.extend({}, $.fn.charmap.defaults, options);
		initialize();

		return this.each(function(){
			$(this).data('charmap', opts);
			$(this).click(function(){
				start($(this));
				return false;
			});
		});
	};

	$.fn.charmap.defaults = {
		target: null,
		cbSelect: null
	};

	$.fn.charmap.previewChar = function(codeA, codeB, codeN) {
		var elmA = document.getElementById('codeA');
		var elmB = document.getElementById('codeB');
		var elmV = document.getElementById('codeV');
		var elmN = document.getElementById('codeN');

		if (codeA=='#160;') elmV.innerHTML = '__';
		else elmV.innerHTML = '&' + codeA;
		elmN.innerHTML = codeN;

		elmA.innerHTML = '&' + codeB;
		elmB.innerHTML = '&' + codeA;
	};

	$.fn.charmap.selectChar = function(chr){
		if(opts.cbSelect) opts.cbSelect(chr, opts);
		//$().charmap.close();
	};

	$.fn.charmap.close = function(){
		$('#charmapHTML').hide();
	};

	function initialize(){
		if(!$('#charmapHTML').length){
			$('#charmapHTML').remove();
			var htmlContent = ''
				+ '<table align="center">'
				+ '	<tr>'
				+ '		<td colspan="2"><a href="./" onclick="$().charmap.close(); return false;" style="float:right; font-weight:bold; font-size:20px; text-decoration:none; color:#4a4334; line-height:18px;">&#215;<\/a><\/td>'
				+ '	<\/tr>'
				+ '	<tr>'
				+ '		<td id="charmap" rowspan="2" align="left" valign="top">'
				+ '			<!-- Chars will be rendered here -->'
				+ '		<\/td>'
				+ '		<td width="105" align="right" valign="top">'
				+ '			<table width="100" style="height: 100px">'
				+ '				<tr>'
				+ '					<td class="charmapOver" style="font-size: 40px; height:80px;" id="codeV">&nbsp;<\/td>'
				+ '				<\/tr>'
				+ '				<tr>'
				+ '					<td style="font-size:11px; text-align:center;" id="codeN">&nbsp;<\/td>'
				+ '				<\/tr>'
				+ '			<\/table>'
				+ '		<\/td>'
				+ '	<\/tr>'
				+ '	<tr>'
				+ '		<td valign="bottom">'
				+ '			<table width="100" align="right">'
				+ '				<tr><td align="center" style="border:1px solid #A09785; background:#F4F1EA;">'
				+ '					HTML-Code'
				+ '					<div style="font-size:14px; font-weight:bold; padding:3px 0;" id="codeA" align="center">&nbsp;<\/div>'
				+ '				<\/td><\/tr>'
				+ '				<tr><td style="font-size:5px;">&nbsp;<\/td><\/tr>'
				+ '				<tr><td align="center" style="border:1px solid #A09785; background:#F4F1EA;">'
				+ '					NUM-Code'
				+ '					<div style="font-size:14px; font-weight:bold; padding:3px 0;" id="codeB" align="center">&nbsp;<\/div>'
				+ '				<\/td><\/tr>'
				+ '			<\/table>'
				+ '		<\/td>'
				+ '	<\/tr>'
				+ '<\/table>';

			var html = '<div id="charmapHTML">' + htmlContent + '</div>';
			$('body').append(html);
			$('#charmap').html(renderCharMapHTML());
		}
	}

	function renderCharMapHTML(){
		var charsPerRow = 20, i;
		var html = '<table><tr>';
		var cols=-1;

		for (i=0; i<charmap.length; i++) {
			if (charmap[i][2]==true) {
				cols++;
				html += ''
					+ '<td class="charmap"'
					+ ' ><a'
					+ ' href="./"'
					+ ' onclick="$().charmap.selectChar(\'' + charmap[i][1].substring(2,charmap[i][1].length-1) + '\'); return false;"'
					+ ' onfocus="$().charmap.previewChar(\'' + charmap[i][1].substring(1,charmap[i][1].length) + '\',\'' + charmap[i][0].substring(1,charmap[i][0].length) + '\',\'' + charmap[i][3] + '\');"'
					+ ' onmouseover="$().charmap.previewChar(\'' + charmap[i][1].substring(1,charmap[i][1].length) + '\',\'' + charmap[i][0].substring(1,charmap[i][0].length) + '\',\'' + charmap[i][3] + '\');"'
					+ ' title="' + charmap[i][3] + '">'
					+ charmap[i][1]
					+ '</a></td>';
				if ((cols+1) % charsPerRow == 0)
					html += '</tr><tr>';
			}
		}

		if (cols % charsPerRow > 0) {
			var padd = charsPerRow - (cols % charsPerRow);
			for (var i=0; i<padd-1; i++)
				html += '<td class="empty">&nbsp;</td>';
		}

		html += '</tr></table>';

		return html;
	}

	function getUrl(url){
		var content = '';
		jQuery.ajax({
			url:url,
			success:function(html){
				content = html;
				},
			async:false
		});
		return content;
	}

	function start(obj){
		if($('#charmapHTML:visible').length>0){
			$.fn.charmap.close();
			return;
			}
		opts = obj.data('charmap');
		$('#charmapHTML').css( opts.target.offset() ).show();
	};
})(jQuery);