https://www.dodlodging.net/js/bottomBanner.js

1// JavaScript Document
2
3var bottomBanner = {
4	
5	init: function(){
6		
7		
8		$('#box_emblem1').data({'desc':'TDY PCS Space A',
9							     'top':'130px', 
10				  'backgroundPosition':'0px 0px',
11				           'pointLeft':'30px'
12				   				});
13		
14		$('#box_emblem2').data({'desc':'PCS TDY Space A', 
15							     'top':'130px', 
16				  'backgroundPosition':'0px 0px',
17				           'pointLeft':'30px'
18				   				});
19
20		$('#box_emblem3').data({ 'desc': 'RV Parks, Campgrounds & Vacation Rentals', 
21							     'top':'105px', 
22				  'backgroundPosition':'0px 0px',
23				           'pointLeft':'30px'
24				   				});
25		
26		$('#box_emblem4').data({'desc':'TDY PCS Space A', 
27							     'top':'100px', 
28				  'backgroundPosition':'-21px 0px',
29				           'pointLeft':'120px'
30				   				});
31		
32		$('#box_emblem5').data({'desc':'TDY PCS Space A', 
33							     'top':'100px',
34				  'backgroundPosition':'-21px 0px',
35				           'pointLeft':'120px'
36				   				});
37		
38		$('#box_emblem6').data({'desc':'TDY PCS Space A', 
39						         'top':'100px', 
40				  'backgroundPosition':'-21px 0px',
41				           'pointLeft':'120px'
42		});
43
44		$('#box_emblem7').data({
45			'desc': 'Veterans Crisis Line',
46			'top': '100px',
47			'backgroundPosition': '-21px 0px',
48			'pointLeft': '120px'
49		});
50
51		$('#box_emblem8').data({
52			'desc': 'Navy Inn',
53			'top': '130px',
54			'backgroundPosition': '0px 0px',
55			'pointLeft': '30px'
56		});
57		
58		
59		$('.link-emblem').bind('click mouseover mouseout',function(event){
60			event.preventDefault();
61				var $this = $(this);
62				var $wrapDiv = $this.closest('.box-emblem');
63				
64				if(event.type == 'click')
65					{
66					bottomBanner.gotoLink($wrapDiv);
67					return false;
68					}
69				else if(event.type == 'mouseover')
70					{
71					bottomBanner.displayBubble($this);
72					}
73				else if(event.type == 'mouseout')
74					{
75					bottomBanner.hideBubble($this);
76					}
77			
78				return;
79			});
80		
81	
82	},
83	
84	/* DISPLAY BUBBLE ABOVE THE BOTTOM ICON */	
85	displayBubble: function(_link){
86		var $link = $(_link),
87			$box = $link.closest('.box-emblem'),
88			$desc = $box.data('desc'),
89			$top = $box.data('top'),
90			$left = $box.data('pointLeft'),
91			$backgroundPos = $box.data('backgroundPosition'),
92			$img = $link.find('img'),
93			$bubble = $('<div>', {id:'bubble_hint'}),
94			$pointer = $('<span>',{id:'pointer'});
95			
96			$link.animate({'margin-top':'0px'},100);
97			
98			$img.stop().animate({'width':'105px','height':'100px','z-index':100},'fast',function(){
99																							 
100				$link.closest('.box-emblem').append($bubble);
101				
102				$('#bubble_hint').css({'top':$top})
103								 .append($pointer)
104								 .append('<p class="b-hint-txt">' + $desc + '</p>')
105								 .fadeIn(300);
106								
107					$('#pointer').css({'left': $left, 
108						 'background-position': $backgroundPos
109					 });																		 
110			});
111			
112	return;
113	},
114	
115/*HIDE THE BUBBLE ABOVE THE BOTTOM ICONS */	
116	hideBubble: function(_link){
117		var $link = $(_link),
118			$img = $link.find('img');
119			$('#bubble_hint').remove();
120			$link.animate({'margin-top':'12px'},100);
121			$img.stop().animate({'width':'80px','height':'84px','z-index':0},'fast');
122	return;
123	},
124	
125/* GO TO THE MATCHING LINK FROM LOCATION.JS */
126	gotoLink: function(_div){
127		var $div = $(_div),
128			$loc = "",
129			 $id = $div.attr('id');
130			 $id = $id.replace('box_emblem','');
131			 $id = parseInt($id - 1);
132	
133			$loc = $locUrl[$id];
134	
135		window.open($loc);
136		
137	return;	
138	},
139	
140/*REMOVE THE BUBBLE */	
141	removeList: function(_inp){
142		$('.auto-wrap').remove();	
143			
144	return;
145	}
146}
147
148
149$(document).ready(function(){
150		bottomBanner.init();
151						   
152});