1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117

$(window).load(function() {

	// Get the baseUrl in case the url is relative.
	var baseUrl = window.location.protocol+'//'+window.location.host+'/';
	var url = baseUrl + 'index.php?id=20';

	$("a[href*='referer=']").each(function(i) {
		$(this).addClass('lockedlink lockedlink-'+$(this).height()).attr('title','Login required').click(function(event) {
			event.preventDefault();

			$('body').append(
				'<div id="tx-cliologinhook-popup" style="display:none;"><div id="tx-cliologinhook-innerpopup"></div></div>'
			).append(
				'<div id="tx-cliologinhook-overlay"><div>'
			);
			$('#tx-cliologinhook-overlay').attr('title','Close').css({
				zIndex: 4000,
				position: 'absolute',
				top: 0,
				left: 0,
				height: '100%',
				width: '100%',
				cursor: 'pointer',
				backgroundColor: '#000000',
				opacity: '0'
			}).animate({
				opacity: '0.7'
			},500);

			var link = unescape($(this).attr('href'));
			var ref = link.replace(/.*?referer=([^?|&]*).*/ig, "$1");
			ref =  unescape(ref);
			var boxH = 270;
			var boxW = 300;
			var h = $(window).height();
			var w = $(window).width();

			$('#tx-cliologinhook-innerpopup').css({
				margin: '10px',
				display: 'block',
				opacity: '0.0',
				textShadow: '1px 1px 2px #fff',
				backgroundColor: ($.browser.msie ? '#1a82f7' : 'transparent') /* ClearType fix */
			});

			var bgImage = 'none';
			if ($.browser.mozilla) {
				bgImage = '-moz-linear-gradient(100% 100% 90deg, #201C77, #1a82f7)';
 			}
			else if ($.browser.webkit) {
				bgImage = '-webkit-gradient(linear, 0% 0%, 0% 100%, from(#1a82f7), to(#201C77))';
 			}
			$('#tx-cliologinhook-popup').css({
				display: 'block',
				zIndex: '5000',
				position: 'absolute',
				overflow: 'hidden',
				top: (h/2)+'px',
				left: (w/2)+'px',
				opacity: '0.0',
				border: '4px solid #000',
				height: '1px',
				width: '1px',
				backgroundImage: bgImage,
				backgroundColor: '#1a82f7',
				BorderRadius: '90px',
				MozBorderRadius: '90px',
				WebkitBorderTopLeftRadius: '90px',
				WebkitBorderTopRightRadius: '90px',
				WebkitBorderBottomLeftRadius: '90px',
				WebkitBorderBottomRightRadius: '90px',
				BoxShadow: ' #222 5px 5px 10px',
				MozBoxShadow: ' #222 5px 5px 10px',
				WebkitBoxShadow: ' #222 5px 5px 10px',
			}).animate({
				top: ((h-30)/2)+'px',
				left: ((w-30)/2)+'px',
				opacity: '1.0',
				height: '30px',
				width: '30px'
			},1000,'swing',function() {
				// Load date into #tx-cliologinhook-innerpopup
				$('#tx-cliologinhook-innerpopup').load(url+' .tx-felogin-pi1:first',function() {
					//$("#tx-cliologinhook-innerpopup input[name=redirect_url]").val(baseUrl + ref);
					$("#tx-cliologinhook-innerpopup input[name=redirect_url]").val(ref);
					$("#tx-cliologinhook-innerpopup form").attr('action',url);
					$('#tx-cliologinhook-overlay').click(function(event) {
						$('#tx-cliologinhook-popup').remove();
						$(this).unbind('click').remove();
					});
				});
			}).animate({
				top: ((h-50)/2)+'px',
				left: ((w-boxW)/2)+'px',
				height: '50px',
				width: boxW + 'px'
			},500,'swing').animate({
				top: ((h-boxH)/2)+'px',
				left: ((w-boxW)/2)+'px',
				height: boxH + 'px',
				width: boxW + 'px',
				BorderRadius: '10px',
				MozBorderRadius: '10px',
				WebkitBorderTopLeftRadius: '10px',
				WebkitBorderTopRightRadius: '10px',
				WebkitBorderBottomLeftRadius: '10px',
				WebkitBorderBottomRightRadius: '10px',
			},1000,'swing', function() {
				$('#tx-cliologinhook-innerpopup').animate({
					opacity: '1.0'
				},500,'swing');
			});
		});
	});


});