Joomla 1.5 Посоветуйте компонент или скрипт tooltips поверх картинок

Посоветуйте компонент или скрипт tooltips поверх картинок, что по совместительству еще и ссылки. Пробывал с помощью js

Код (PHP):

1. ////////////////  GLOBAL TOOPTIP CONFIGURATION  /////////////////////
2. var ttAbove       = false;        // Подсказка выше курсора? Альтернатива: true
3. var ttBgColor     = "#e6ecff";
4. var ttBgImg       = "";           // Путь к фоновому изображению;
5. var ttBorderColor = "#003399";
6. var ttBorderWidth = 1;
7. var ttDelay       = 500;          // Задержка в милисекундах
8. var ttFontColor   = "#000066";
9. var ttFontFace    = "arial,helvetica,sans-serif";
10. var ttFontSize    = "11px";
11. var ttFontWeight  = "normal";     // Толщина шрифта: альтернатива -  "bold";
12. var ttLeft        = false;        // Подсказка слева от курсора
13. var ttOffsetX     = 12;           // Отступ по горизонтали2
14. var ttOffsetY     = 15;           // Вертикальный отступ
15. var ttOpacity     = 100;          // Прозрачность подсказки в процентах (от 0 до 100%)
16. var ttPadding     = 3;            // Расстояние между рамкой и контентом.
17. var ttShadowColor = "";
18. var ttShadowWidth = 0;
19. var ttStatic      = false;        // Подсказка статическая
20. var ttSticky      = false;        // Не прятать подсказку когда курсор будет убран
21. var ttTemp        = 0;            // Время через которое пдсказка исчезнет
22. var ttTextAlign   = "left";
23. var ttTitleColor  = "#ffffff";    // Цвет заголовка
24. var ttWidth       = 300;
25. ////////////////////  END OF TOOLTIP CONFIG  ////////////////////////
26.  
27.  
28.  
29. //////////////  TAGS WITH TOOLTIP FUNCTIONALITY  ////////////////////
30. // List may be extended or shortened:
31. var tt_tags = new Array("a","area","b","big","caption","center","code","dd","div","dl","dt","em","h1","h2","h3","h4","h5","h6","i","img","input","li","map","ol","p","pre","s", "select", "small","span","strike","strong","sub","sup","table","td","th","tr","tt","u","var","ul","layer");
32. /////////////////////////////////////////////////////////////////////
33.  
34.  
35.  
36. ///////// DON'T CHANGE ANYTHING BELOW THIS LINE /////////////////////
37. var tt_obj = null,         // current tooltip
38. tt_ifrm = null,            // iframe to cover windowed controls in IE
39. tt_objW = 0, tt_objH = 0,  // width and height of tt_obj
40. tt_objX = 0, tt_objY = 0,
41. tt_offX = 0, tt_offY = 0,
42. xlim = 0, ylim = 0,        // right and bottom borders of visible client area
43. tt_sup = false,            // true if T_ABOVE cmd
44. tt_sticky = false,         // tt_obj sticky?
45. tt_wait = false,
46. tt_act = false,            // tooltip visibility flag
47. tt_sub = false,            // true while tooltip below mousepointer
48. tt_u = "undefined",
49. tt_mf = null,              // stores previous mousemove evthandler
50. // Opera: disable href when hovering <a>
51. tt_tag = null;             // stores hovered dom node, href and previous statusbar txt
52.  
53.  
54. var tt_db = (document.compatMode && document.compatMode != "BackCompat")? document.documentElement : document.body? document.body : null,
55. tt_n = navigator.userAgent.toLowerCase(),
56. tt_nv = navigator.appVersion;
57. // Browser flags
58. var tt_op = !!(window.opera && document.getElementById),
59. tt_op6 = tt_op && !document.defaultView,
60. tt_op7 = tt_op && !tt_op6,
61. tt_ie = tt_n.indexOf("msie") != -1 && document.all && tt_db && !tt_op,
62. tt_ie6 = tt_ie && parseFloat(tt_nv.substring(tt_nv.indexOf("MSIE")+5)) >= 5.5,
63. tt_n4 = (document.layers && typeof document.classes != tt_u),
64. tt_n6 = (!tt_op && document.defaultView && typeof document.defaultView.getComputedStyle != tt_u),
65. tt_w3c = !tt_ie && !tt_n6 && !tt_op && document.getElementById;
66.  
67. function tt_Int(t_x)
68. {
69.     var t_y;
70.     return isNaN(t_y = parseInt(t_x))? 0 : t_y;
71. }
72. function wzReplace(t_x, t_y)
73. {
74.     var t_ret = "",
75.     t_str = this,
76.     t_xI;
77.     while((t_xI = t_str.indexOf(t_x)) != -1)
78.     {
79.         t_ret += t_str.substring(0, t_xI) + t_y;
80.         t_str = t_str.substring(t_xI + t_x.length);
81.     }
82.     return t_ret+t_str;
83. }
84. String.prototype.wzReplace = wzReplace;
85. function tt_N4Tags(tagtyp, t_d, t_y)
86. {
87.     t_d = t_d || document;
88.     t_y = t_y || new Array();
89.     var t_x = (tagtyp=="a")? t_d.links : t_d.layers;
90.     for(var z = t_x.length; z--;) t_y[t_y.length] = t_x[z];
91.     for(z = t_d.layers.length; z--;) t_y = tt_N4Tags(tagtyp, t_d.layers[z].document, t_y);
92.     return t_y;
93. }
94. function tt_Htm(tt, t_id, txt)
95. {
96.     var t_bgc = (typeof tt.T_BGCOLOR != tt_u)? tt.T_BGCOLOR : ttBgColor,
97.     t_bgimg   = (typeof tt.T_BGIMG != tt_u)? tt.T_BGIMG : ttBgImg,
98.     t_bc      = (typeof tt.T_BORDERCOLOR != tt_u)? tt.T_BORDERCOLOR : ttBorderColor,
99.     t_bw      = (typeof tt.T_BORDERWIDTH != tt_u)? tt.T_BORDERWIDTH : ttBorderWidth,
100.     t_ff      = (typeof tt.T_FONTFACE != tt_u)? tt.T_FONTFACE : ttFontFace,
101.     t_fc      = (typeof tt.T_FONTCOLOR != tt_u)? tt.T_FONTCOLOR : ttFontColor,
102.     t_fsz     = (typeof tt.T_FONTSIZE != tt_u)? tt.T_FONTSIZE : ttFontSize,
103.     t_fwght   = (typeof tt.T_FONTWEIGHT != tt_u)? tt.T_FONTWEIGHT : ttFontWeight,
104.     t_opa     = (typeof tt.T_OPACITY != tt_u)? tt.T_OPACITY : ttOpacity,
105.     t_padd    = (typeof tt.T_PADDING != tt_u)? tt.T_PADDING : ttPadding,
106.     t_shc     = (typeof tt.T_SHADOWCOLOR != tt_u)? tt.T_SHADOWCOLOR : (ttShadowColor || 0),
107.     t_shw     = (typeof tt.T_SHADOWWIDTH != tt_u)? tt.T_SHADOWWIDTH : (ttShadowWidth || 0),
108.     t_algn    = (typeof tt.T_TEXTALIGN != tt_u)? tt.T_TEXTALIGN : ttTextAlign,
109.     t_tit     = (typeof tt.T_TITLE != tt_u)? tt.T_TITLE : "",
110.     t_titc    = (typeof tt.T_TITLECOLOR != tt_u)? tt.T_TITLECOLOR : ttTitleColor,
111.     t_w       = (typeof tt.T_WIDTH != tt_u)? tt.T_WIDTH  : ttWidth;
112.     if(t_shc || t_shw)
113.     {
114.         t_shc = t_shc || "#cccccc";
115.         t_shw = t_shw || 5;
116.     }
117.     if(tt_n4 && (t_fsz == "10px" || t_fsz == "11px")) t_fsz = "12px";
118.  
119.     var t_optx = (tt_n4? '' : tt_n6? ('-moz-opacity:'+(t_opa/100.0)) : tt_ie? ('filter:Alpha(opacity='+t_opa+')') : ('opacity:'+(t_opa/100.0))) + ';';
120.     var t_y = '<div id="'+t_id+'" style="position:absolute;z-index:1010;';
121.     t_y += 'left:0px;top:0px;width:'+(t_w+t_shw)+'px;visibility:'+(tt_n4? 'hide' : 'hidden')+';'+t_optx+'">' +
122.         '<table border="0" cellpadding="0" cellspacing="0"'+(t_bc? (' bgcolor="'+t_bc+'" style="background:'+t_bc+';"') : '')+' width="'+t_w+'">';
123.     if(t_tit)
124.     {
125.         t_y += '<tr><td style="padding-left:3px;padding-right:3px;" align="'+t_algn+'"><font color="'+t_titc+'" face="'+t_ff+'" ' +
126.             'style="color:'+t_titc+';font-family:'+t_ff+';font-size:'+t_fsz+';"><b>' +
127.             (tt_n4? '&nbsp;' : '')+t_tit+'</b></font></td></tr>';
128.     }
129.     t_y += '<tr><td><table border="0" cellpadding="'+t_padd+'" cellspacing="'+t_bw+'" width="100%">' +
130.         '<tr><td'+(t_bgc? (' bgcolor="'+t_bgc+'"') : '')+(t_bgimg? ' background="'+t_bgimg+'"' : '')+' style="text-align:'+t_algn+';';
131.     if(tt_n6) t_y += 'padding:'+t_padd+'px;';
132.     t_y += '" align="'+t_algn+'"><font color="'+t_fc+'" face="'+t_ff+'"' +
133.         ' style="color:'+t_fc+';font-family:'+t_ff+';font-size:'+t_fsz+';font-weight:'+t_fwght+';">';
134.     if(t_fwght == 'bold') t_y += '<b>';
135.     t_y += txt;
136.     if(t_fwght == 'bold') t_y += '</b>';
137.     t_y += '</font></td></tr></table></td></tr></table>';
138.     if(t_shw)
139.     {
140.         var t_spct = Math.round(t_shw*1.3);
141.         if(tt_n4)
142.         {
143.             t_y += '<layer bgcolor="'+t_shc+'" left="'+t_w+'" top="'+t_spct+'" width="'+t_shw+'" height="0"></layer>' +
144.                 '<layer bgcolor="'+t_shc+'" left="'+t_spct+'" align="bottom" width="'+(t_w-t_spct)+'" height="'+t_shw+'"></layer>';
145.         }
146.         else
147.         {
148.             t_optx = tt_n6? '-moz-opacity:0.85;' : tt_ie? 'filter:Alpha(opacity=85);' : 'opacity:0.85;';
149.             t_y += '<div id="'+t_id+'R" style="position:absolute;background:'+t_shc+';left:'+t_w+'px;top:'+t_spct+'px;width:'+t_shw+'px;height:1px;overflow:hidden;'+t_optx+'"></div>' +
150.                 '<div style="position:relative;background:'+t_shc+';left:'+t_spct+'px;top:0px;width:'+(t_w-t_spct)+'px;height:'+t_shw+'px;overflow:hidden;'+t_optx+'"></div>';
151.         }
152.     }
153.     return(t_y+'</div>' +
154.         (tt_ie6 ? '<iframe id="TTiEiFrM" src="javascript:false" scrolling="no" frameborder="0" style="filter:Alpha(opacity=0);position:absolute;top:0px;left:0px;display:none;"></iframe>' : ''));
155. }
156. function tt_EvX(t_e)
157. {
158.     var t_y = tt_Int(t_e.pageX || t_e.clientX || 0) +
159.         tt_Int(tt_ie? tt_db.scrollLeft : 0) +
160.         tt_offX;
161.     if(t_y > xlim) t_y = xlim;
162.     var t_scr = tt_Int(window.pageXOffset || (tt_db? tt_db.scrollLeft : 0) || 0);
163.     if(t_y < t_scr) t_y = t_scr;
164.     return t_y;
165. }
166. function tt_EvY(t_e)
167. {
168.     var t_y = tt_Int(t_e.pageY || t_e.clientY || 0) +
169.         tt_Int(tt_ie? tt_db.scrollTop : 0);
170.     if(tt_sup) t_y -= (tt_objH + tt_offY - 15);
171.     else if(t_y > ylim || !tt_sub && t_y > ylim-24)
172.     {
173.         t_y -= (tt_objH + 5);
174.         tt_sub = false;
175.     }
176.     else
177.     {
178.         t_y += tt_offY;
179.         tt_sub = true;
180.     }
181.     return t_y;
182. }
183. function tt_ReleasMov()
184. {
185.     if(document.onmousemove == tt_Move)
186.     {
187.         if(!tt_mf && document.releaseEvents) document.releaseEvents(Event.MOUSEMOVE);
188.         document.onmousemove = tt_mf;
189.     }
190. }
191. function tt_ShowIfrm(t_x)
192. {
193.     if(!tt_obj || !tt_ifrm) return;
194.     if(t_x)
195.     {
196.         tt_ifrm.style.width = tt_objW+'px';
197.         tt_ifrm.style.height = tt_objH+'px';
198.         tt_ifrm.style.display = "block";
199.     }
200.     else tt_ifrm.style.display = "none";
201. }
202. function tt_GetDiv(t_id)
203. {
204.     return(
205.         tt_n4? (document.layers[t_id] || null)
206.         : tt_ie? (document.all[t_id] || null)
207.         : (document.getElementById(t_id) || null)
208.     );
209. }
210. function tt_GetDivW()
211. {
212.     return tt_Int(
213.         tt_n4? tt_obj.clip.width
214.         : (tt_obj.style.pixelWidth || tt_obj.offsetWidth)
215.     );
216. }
217. function tt_GetDivH()
218. {
219.     return tt_Int(
220.         tt_n4? tt_obj.clip.height
221.         : (tt_obj.style.pixelHeight || tt_obj.offsetHeight)
222.     );
223. }
224.  
225. // Compat with DragDrop Lib: Ensure that z-index of tooltip is lifted beyond toplevel dragdrop element
226. function tt_SetDivZ()
227. {
228.     var t_i = tt_obj.style || tt_obj;
229.     if(t_i)
230.     {
231.         if(window.dd && dd.z)
232.             t_i.zIndex = Math.max(dd.z+1, t_i.zIndex);
233.         if(tt_ifrm) tt_ifrm.style.zIndex = t_i.zIndex-1;
234.     }
235. }
236. function tt_SetDivPos(t_x, t_y)
237. {
238.     var t_i = tt_obj.style || tt_obj;
239.     var t_px = (tt_op6 || tt_n4)? '' : 'px';
240.     t_i.left = (tt_objX = t_x) + t_px;
241.     t_i.top = (tt_objY = t_y) + t_px;
242.     if(tt_ifrm)
243.     {
244.         tt_ifrm.style.left = t_i.left;
245.         tt_ifrm.style.top = t_i.top;
246.     }
247. }
248. function tt_ShowDiv(t_x)
249. {
250.     tt_ShowIfrm(t_x);
251.     if(tt_n4) tt_obj.visibility = t_x? 'show' : 'hide';
252.     else tt_obj.style.visibility = t_x? 'visible' : 'hidden';
253.     tt_act = t_x;
254. }
255. function tt_OpDeHref(t_e)
256. {
257.     var t_tag;
258.     if(t_e)
259.     {
260.         t_tag = t_e.target;
261.         while(t_tag)
262.         {
263.             if(t_tag.hasAttribute("href"))
264.             {
265.                 tt_tag = t_tag
266.                 tt_tag.t_href = tt_tag.getAttribute("href");
267.                 tt_tag.removeAttribute("href");
268.                 tt_tag.style.cursor = "hand";
269.                 tt_tag.onmousedown = tt_OpReHref;
270.                 tt_tag.stats = window.status;
271.                 window.status = tt_tag.t_href;
272.                 break;
273.             }
274.             t_tag = t_tag.parentElement;
275.         }
276.     }
277. }
278. function tt_OpReHref()
279. {
280.     if(tt_tag)
281.     {
282.         tt_tag.setAttribute("href", tt_tag.t_href);
283.         window.status = tt_tag.stats;
284.         tt_tag = null;
285.     }
286. }
287. function tt_Show(t_e, t_id, t_sup, t_delay, t_fix, t_left, t_offx, t_offy, t_static, t_sticky, t_temp)
288. {
289.     if(tt_obj) tt_Hide();
290.     tt_mf = document.onmousemove || null;
291.     if(window.dd && (window.DRAG && tt_mf == DRAG || window.RESIZE && tt_mf == RESIZE)) return;
292.     var t_sh, t_h;
293.  
294.     tt_obj = tt_GetDiv(t_id);
295.     if(tt_obj)
296.     {
297.         t_e = t_e || window.event;
298.         tt_sub = !(tt_sup = t_sup);
299.         tt_sticky = t_sticky;
300.         tt_objW = tt_GetDivW();
301.         tt_objH = tt_GetDivH();
302.         tt_offX = t_left? -(tt_objW+t_offx) : t_offx;
303.         tt_offY = t_offy;
304.         if(tt_op7) tt_OpDeHref(t_e);
305.         if(tt_n4)
306.         {
307.             if(tt_obj.document.layers.length)
308.             {
309.                 t_sh = tt_obj.document.layers[0];
310.                 t_sh.clip.height = tt_objH - Math.round(t_sh.clip.width*1.3);
311.             }
312.         }
313.         else
314.         {
315.             t_sh = tt_GetDiv(t_id+'R');
316.             if(t_sh)
317.             {
318.                 t_h = tt_objH - tt_Int(t_sh.style.pixelTop || t_sh.style.top || 0);
319.                 if(typeof t_sh.style.pixelHeight != tt_u) t_sh.style.pixelHeight = t_h;
320.                 else t_sh.style.height = t_h+'px';
321.             }
322.         }
323.  
324.         xlim = tt_Int((tt_db && tt_db.clientWidth)? tt_db.clientWidth : window.innerWidth) +
325.             tt_Int(window.pageXOffset || (tt_db? tt_db.scrollLeft : 0) || 0) -
326.             tt_objW -
327.             (tt_n4? 21 : 0);
328.         ylim = tt_Int(window.innerHeight || tt_db.clientHeight) +
329.             tt_Int(window.pageYOffset || (tt_db? tt_db.scrollTop : 0) || 0) -
330.             tt_objH - tt_offY;
331.  
332.         tt_SetDivZ();
333.         if(t_fix) tt_SetDivPos(tt_Int((t_fix = t_fix.split(','))[0]), tt_Int(t_fix[1]));
334.         else tt_SetDivPos(tt_EvX(t_e), tt_EvY(t_e));
335.  
336.         var t_txt = 'tt_ShowDiv(\'true\');';
337.         if(t_sticky) t_txt += '{'+
338.                 'tt_ReleasMov();'+
339.                 'window.tt_upFunc = document.onmouseup || null;'+
340.                 'if(document.captureEvents) document.captureEvents(Event.MOUSEUP);'+
341.                 'document.onmouseup = new Function("window.setTimeout(\'tt_Hide();\', 10);");'+
342.             '}';
343.         else if(t_static) t_txt += 'tt_ReleasMov();';
344.         if(t_temp > 0) t_txt += 'window.tt_rtm = window.setTimeout(\'tt_sticky = false; tt_Hide();\','+t_temp+');';
345.         window.tt_rdl = window.setTimeout(t_txt, t_delay);
346.  
347.         if(!t_fix)
348.         {
349.             if(document.captureEvents) document.captureEvents(Event.MOUSEMOVE);
350.             document.onmousemove = tt_Move;
351.         }
352.     }
353. }
354. var tt_area = false;
355. function tt_Move(t_ev)
356. {
357.     if(!tt_obj) return;
358.     if(tt_n6 || tt_w3c)
359.     {
360.         if(tt_wait) return;
361.         tt_wait = true;
362.         setTimeout('tt_wait = false;', 5);
363.     }
364.     var t_e = t_ev || window.event;
365.     tt_SetDivPos(tt_EvX(t_e), tt_EvY(t_e));
366.     if(tt_op6)
367.     {
368.         if(tt_area && t_e.target.tagName != 'AREA') tt_Hide();
369.         else if(t_e.target.tagName == 'AREA') tt_area = true;
370.     }
371. }
372. function tt_Hide()
373. {
374.     if(window.tt_obj)
375.     {
376.         if(window.tt_rdl) window.clearTimeout(tt_rdl);
377.         if(!tt_sticky || !tt_act)
378.         {
379.             if(window.tt_rtm) window.clearTimeout(tt_rtm);
380.             tt_ShowDiv(false);
381.             tt_SetDivPos(-tt_objW, -tt_objH);
382.             tt_obj = null;
383.             if(typeof window.tt_upFunc != tt_u) document.onmouseup = window.tt_upFunc;
384.         }
385.         tt_sticky = false;
386.         if(tt_op6 && tt_area) tt_area = false;
387.         tt_ReleasMov();
388.         if(tt_op7) tt_OpReHref();
389.     }
390. }
391. function tt_Init()
392. {
393.     if(!(tt_op || tt_n4 || tt_n6 || tt_ie || tt_w3c)) return;
394.  
395.     var htm = tt_n4? '<div style="position:absolute;"></div>' : '',
396.     tags,
397.     t_tj,
398.     over,
399.     esc = 'return escape(';
400.     var i = tt_tags.length; while(i--)
401.     {
402.         tags = tt_ie? (document.all.tags(tt_tags[i]) || 1)
403.             : document.getElementsByTagName? (document.getElementsByTagName(tt_tags[i]) || 1)
404.             : (!tt_n4 && tt_tags[i]=="a")? document.links
405.             : 1;
406.         if(tt_n4 && (tt_tags[i] == "a" || tt_tags[i] == "layer")) tags = tt_N4Tags(tt_tags[i]);
407.         var j = tags.length; while(j--)
408.         {
409.             if(typeof (t_tj = tags[j]).onmouseover == "function" && t_tj.onmouseover.toString().indexOf(esc) != -1 && !tt_n6 || tt_n6 && (over = t_tj.getAttribute("onmouseover")) && over.indexOf(esc) != -1)
410.             {
411.                 if(over) t_tj.onmouseover = new Function(over);
412.                 var txt = unescape(t_tj.onmouseover());
413.                 htm += tt_Htm(
414.                     t_tj,
415.                     "tOoLtIp"+i+""+j,
416.                     txt.wzReplace("& ","&")
417.                 );
418.  
419.                 t_tj.onmouseover = new Function('e',
420.                     'tt_Show(e,'+
421.                     '"tOoLtIp' +i+''+j+ '",'+
422.                     ((typeof t_tj.T_ABOVE != tt_u)? t_tj.T_ABOVE : ttAbove)+','+
423.                     ((typeof t_tj.T_DELAY != tt_u)? t_tj.T_DELAY : ttDelay)+','+
424.                     ((typeof t_tj.T_FIX != tt_u)? '"'+t_tj.T_FIX+'"' : '""')+','+
425.                     ((typeof t_tj.T_LEFT != tt_u)? t_tj.T_LEFT : ttLeft)+','+
426.                     ((typeof t_tj.T_OFFSETX != tt_u)? t_tj.T_OFFSETX : ttOffsetX)+','+
427.                     ((typeof t_tj.T_OFFSETY != tt_u)? t_tj.T_OFFSETY : ttOffsetY)+','+
428.                     ((typeof t_tj.T_STATIC != tt_u)? t_tj.T_STATIC : ttStatic)+','+
429.                     ((typeof t_tj.T_STICKY != tt_u)? t_tj.T_STICKY : ttSticky)+','+
430.                     ((typeof t_tj.T_TEMP != tt_u)? t_tj.T_TEMP : ttTemp)+
431.                     ');'
432.                 );
433.                 t_tj.onmouseout = tt_Hide;
434.                 if(t_tj.alt) t_tj.alt = "";
435.                 if(t_tj.title) t_tj.title = "";
436.             }
437.         }
438.     }
439.     document.write(htm);
440.     if(document.getElementById) tt_ifrm = document.getElementById("TTiEiFrM");
441. }
442. tt_Init();

но он чето в Джулме не работает, а на простом Хтмл великолепно.... Искал модули и плагины... Тока поверх текста. Помогите!!