https://medlineplus.gov/jslib/_tpgp.js

1(function _TPGP(undefined) {
2    var curGroupSelected = '';
3    var curHoverGroup = '';
4    var curLinkGroup = '';
5    var mygroupby = '';
6    var iOSClick = false;
7
8function unhighlight(group) {
9  $(group).each(function() {
10    var data2 = $(this).data('maphilight');
11    data2.alwaysOn = false;
12    data2.neverOn = true;
13    $(this).data('maphilight', data2).trigger('alwaysOn.maphilight');
14    $(this).data('maphilight', data2).trigger('neverOn.maphilight');
15  });
16}
17function highlight(group) {
18  $(group).each(function() {
19    var data2 = $(this).data('maphilight');
20    data2.alwaysOn = true;
21    data2.neverOn = false;
22    $(this).data('maphilight', data2).trigger('alwaysOn.maphilight');
23    $(this).data('maphilight', data2).trigger('neverOn.maphilight');
24  });
25}
26function hoverLink() {
27   var mygroup = '.' + ($(this).attr('id')).replace("_menu", "");
28   unhighlight(curLinkGroup);
29   unhighlight(curHoverGroup);
30   //unhighlight(curGroupSelected);
31
32   curLinkGroup = mygroup;
33   highlight(curLinkGroup);
34
35   if (!iOSClick && ((navigator.userAgent.match(/iPhone/i)) ||
36                     (navigator.userAgent.match(/iPod/i)) ||
37                     (navigator.userAgent.match(/iPad/i)))) {
38        iOSClick = true;
39        $(this).trigger('click');
40   }
41}
42function unhoverLink() {
43   unhighlight(curLinkGroup);
44   highlight(curGroupSelected);
45}
46function hoverArea() {
47   var mygroup = '.' + $(this).attr('class');
48   unhighlight(curLinkGroup);
49   unhighlight(curHoverGroup);
50   unhighlight(curGroupSelected);
51
52   curHoverGroup = mygroup;
53
54   highlight(curHoverGroup);
55   if (!iOSClick && ((navigator.userAgent.match(/iPhone/i)) ||
56                     (navigator.userAgent.match(/iPod/i)) ||
57                     (navigator.userAgent.match(/iPad/i)))) {
58        iOSClick = true;
59        $(this).trigger('click');
60   }
61}
62function unhoverArea() {
63   unhighlight(curHoverGroup);
64   highlight(curGroupSelected);
65}
66function setupBodyList(groupname) {
67  var oldLink = "";
68  if (groupname!='bp_menu') {
69    curGroupSelected = '.'+groupname;
70  }
71  else {
72    oldLink = curGroupSelected.replace(".bp_","");
73    curGroupSelected = '';
74  }
75
76  displayBodyList(groupname);
77
78  if (groupname=='bp_menu') {
79    $("#bp_"+oldLink+"_menu").focus();
80    unhighlight(curLinkGroup);
81  }
82  else{
83    highlight(curGroupSelected);
84  }
85
86}
87
88
89function displayBodyList(groupname) {
90  //alert('in displayBodyList groupanem:'+groupname);
91  $('#bodylisting').children("div[id^='bp_']").each(function() {
92    //alert('My ID:'+$(this).attr('id'));
93    if ($(this).attr('id') != groupname)
94      $(this).css('display', 'none');
95    else
96      $(this).css('display', 'block');
97    $(this).find('li.break').removeClass('break');
98  });
99
100}
101
102
103$(document).ready(function tpgp_init() {
104  //alert(' ready in tpgp_init()');
105
106  /* Associate maphilight to bodyimg */
107        $('#bodyimg').maphilight({
108          fill: false,
109          fillColor: '9aeb5d',
110          fillOpacity: 0,
111          stroke: true,
112          strokeColor: '9aeb5d',
113          strokeOpacity: 1,
114          strokeWidth: 1.6,
115          fade: false,
116          alwaysOn: false,
117          neverOn: false,
118          groupBy: false,
119          wrapClass: true,
120          shadow: false,
121          shadowX: 0,
122          shadowY: 0,
123          shadowRadius: 5,
124          shadowColor: '9aeb5d',
125          shadowOpacity: 0.8,
126          shadowPosition: 'both',
127          shadowFrom: false
128        });
129
130
131
132  /* Define Click actions */
133        $('#bodymap').children('area').click(function(e) {
134                //alert('in bodymap click');
135                e.preventDefault();
136                var data = $(this).mouseout().data('maphilight') || {} ;
137                data.alwaysOn = true;
138                curGroupSelected = data.groupBy;
139
140                displayBodyList(curGroupSelected.replace('.',''));
141
142                $('#bodymap').children('area').each(function() {
143                    var data2 = $(this).data('maphilight');
144                    if (data2.groupBy != curGroupSelected) {
145                         data2.alwaysOn = false;
146                        $(this).data('maphilight', data2).trigger('alwaysOn.maphilight');
147                    }
148                    else {
149                        $(this).data('maphilight', data).trigger('alwaysOn.maphilight');
150                    }
151                });
152        });
153
154  /* Define Hover actions */
155
156          $('#bodymap').children('area').hover(hoverArea,unhoverArea);
157          //Hover Links
158          $('#bodylisting #bp_menu ul li a').hover(hoverLink,unhoverLink);
159          $('#bodylisting #bp_menu ul li a').focus(hoverLink);
160          $('#bodylisting #bp_menu ul li a').blur(unhoverLink);
161          $('#bodylisting #bp_menu ul li a').click(function(e){
162                //alert('in bodylising :'+$(this).attr('id').replace('_menu',''));
163                setupBodyList($(this).attr('id').replace('_menu',''));
164        });
165
166        $('#back_to_selection a').click(function(e) {
167                setupBodyList('bp_menu');
168        });
169
170        /* Always start on menu in the Body List area */
171        displayBodyList('bp_menu');
172
173  });
174
175
176})();