PageSourceSearch

https://wreczyca-wielka.pl/js/concept.hypertitle.slider/concept.hypertitle.slider.1.0.js

js wreczyca-wielka.pl collected 2026-10-02 22:36:20 UTC 20,350 bytes, 629 lines download raw bytes

1/*
2 * Baner slideshow with caption
3 *
4 * http://sam3.pl
5 *
6 * Copyright (c) CONCEPT Intermedia 2015-2016
7 * Napisane przez	
8 * Maciej Dejewski
9 * 
10 * Version: 1.1.0 Last revised: 09/05/2018
11 *
12 */
13 
14/* slider respo code */ 
15
16function sliderRespo(){
17	
18	var width = $(window).width();
19
20	if(width < 1200){
21		var img;
22		img = jQuery("#hyperss .slide-image img").outerHeight();	
23		jQuery("#hyperss a.title-container.current").css("padding-top",img);	
24		
25		var titles;
26		titles= jQuery("#hyperss a.title-container.current .hyperss-text .hyperss-title").outerHeight();	
27		description = jQuery("#hyperss a.title-container.current .hyperss-text .hyperss-description").outerHeight();	
28		var suma = img+titles+description+10;
29		jQuery(".pre_naglowek").css("height",suma);
30	} else {
31		jQuery(".pre_naglowek").css("height",'auto');
32		jQuery("#hyperss a.title-container.current").css("padding-top",'0');
33	}
34}
35
36jQuery(window).on("load", function () {
37	sliderRespo();	
38});
39 
40jQuery(window).resize( jQuery.debounce( 250, sliderRespo ) );	
41
42
43/* end slider respo code */ 
44 
45
46if (typeof globalpause == 'undefined') {
47	globalPause=false;
48}
49
50var hsOptions = {};
51
52((function(hs){
53    hs(document).ready(function(){
54	
55	/* NEW OPTIONS */
56	
57	/* END NEW OPTIONS */
58	
59	
60	
61	hsOptions.container = '#naglowek_homepage';
62	hsOptions.coverWindow = false;	//fill full viewport window (true) or put it in container (false)
63	hsOptions.siteDomain = hyperssDomain;
64	hsOptions.timthumbPath = timthumbPath;
65	hsOptions.tabWorksOnAllSlides = true;
66	hsOptions.titleFadeInFrom = {top:0,right:0,bottom:0,left:-30,z:5,scale:1,duration:0.5,delay:1};
67	hsOptions.descriptionFadeInFrom = {top:0,right:0,bottom:0,left:-30,z:5,scale:1,duration:0.5,delay:1.2};
68	hsOptions.forceImageWidth = 1200;	// force cropping size of slide image
69	hsOptions.forceImageHeight = hyperssHeight;
70	hsOptions.showNavigationArrows = true;
71	hsOptions.showPager = true;
72	
73	if (typeof hsOptions.coverWindow == 'undefined')
74		hsOptions.coverWindow = false;
75	if (typeof hsOptions.container == 'undefined')
76		hsOptions.container = '#naglowek_homepage';
77	if (typeof hsOptions.siteDomain == 'undefined')
78		hsOptions.siteDomain = '/';
79	if (typeof hsOptions.timthumbPath == 'undefined')
80		hsOptions.timthumbPath = 'timthumb.php';
81	if (typeof hsOptions.tabWorksOnAllSlides == 'undefined')
82		hsOptions.tabWorksOnAllSlides = false;
83	if (typeof hsOptions.titleFadeInFrom == 'undefined')
84		hsOptions.titleFadeInFrom = {top:0,right:0,bottom:0,left:0,z:0,scale:1,duration:0.3,delay:0};
85	if (typeof hsOptions.descriptionFadeInFrom == 'undefined')
86		hsOptions.descriptionFadeInFrom = {top:0,right:0,bottom:0,left:0,z:0,scale:1,duration:0.3,delay:0.3};
87	if (typeof hsOptions.forceImageWidth == 'undefined')
88		hsOptions.forceImageWidth = 0;
89	if (typeof hsOptions.forceImageHeight == 'undefined')
90		hsOptions.forceImageHeight = 0;
91	if (typeof hsOptions.showNavigationArrows == 'undefined')
92		hsOptions.showNavigationArrows = false;
93	if (typeof hsOptions.showPager == 'undefined')
94		hsOptions.showPager = false;
95	
96	var $container = hs(hsOptions.container);
97	
98	//	get viewport sizes (x = width, y = height)
99	var w=window,d=document,e=d.documentElement,g=d.getElementsByTagName('body')[0];
100	//var layoutElementsHeight = 166 + 113;	//	height of elements like header and footer that limit viewport size
101	var getViewPortSize = function() {
102	    if(hsOptions.coverWindow){
103            x=w.innerWidth||e.clientWidth||g.clientWidth,y=w.innerHeight||e.clientHeight||g.clientHeight;
104        }
105        else{
106            x=$container.innerWidth(),
107            y=$container.innerHeight()
108        }
109		
110		//	check document size to make corrections if browser zoom is used
111		var aspectRatio = x/y;
112		var docW = hs(document).width();
113		if (hsOptions.coverWindow){
114			if (docW > x) {
115				x = docW;
116				y = x / aspectRatio;
117			}			
118		}
119	}
120	getViewPortSize();
121	sliderRespo();
122	//if(hsOptions.coverWindow)
123    //  y = y - layoutElementsHeight;
124	
125	var hasFocus = false;
126	var isPaused = false;
127	
128	var lastSlide = 0;
129	var currentSlide = 0;			//  currently displayed full size slide
130	var nextSlide = 1;			//  slide that is to be loaded
131	var slidesLoaded = 0;
132	var totalSlides = slides.length;	//  total number of slides
133	var slideTweenDuration = 2;		//  duration of slide fade in
134	var slideDelay = slidesDelay;			//  delay between slide changes in seconds
135	var titleTweeDuration = 2;	//	duration of title slide
136	var margin1 = 10;		//	margin from top to first title
137	var margin2 = 4;		//	margin from first to second title
138	var margin3 = 15;		//	margin from description to end
139	
140	var titleMargins = margin1 + margin2 + margin3;		//	margins in text containers
141	var allSlidesLoaded = false;		//  if set to true images won't no longer be loaded from web
142	
143	var images = new Array();		//  array with Image objects
144	
145	var loaderFadeTime = 1;			//  time (in seconds) of lader image fade in / fade out transitions
146		
147    var mySiteUrl = hsOptions.siteDomain;	//	url of website
148	
149	var concepthypertitlesliderImagePath = '/images-flash/';  //	this is the path to images for slideshow interface (like loader image)
150	var loaderImage = concepthypertitlesliderImagePath + 'hyperssSlidePreloader.gif';	//  the slideshow loader image
151	
152	preloadImage = function(i) {
153	   //cc('preloadImage('+i+')',333);
154	    
155	    //	show loader image
156	    TweenLite.to(hs('#hyperss-loader'),loaderFadeTime,{opacity: 1});
157
158	    var imageObj = new Image();
159	    images[i] = imageObj;
160	    imageObj.onload = function(){
161		    imageLoaded(i);
162		};
163		
164		var cropX = x;
165		var cropY = y;
166		if (hsOptions.forceImageWidth != 0) cropX = hsOptions.forceImageWidth;
167		if (hsOptions.forceImageHeight != 0) cropY = hsOptions.forceImageHeight;
168		
169		getViewPortSize();		
170
171		var css_active = jQuery("#css-active").height() > 0;
172		if(css_active){
173			imageObj.src = timthumbPath + '?src=' + slides[i] + '&q=85&w='+hyperssWidth + '&h='+hyperssHeight;
174			imageObj.alt = 'baner';
175		
176		}
177		sliderRespo();
178	}
179    
180	//	function that runs after each one of slides is loaded
181	imageLoaded = function(i){
182	//cc('imageLoaded('+i+')');
183		
184		slidesLoaded ++;
185		if (slidesLoaded >= totalSlides){
186			allSlidesLoaded = true;
187		}
188		
189	    //  update viewport size information
190	    getViewPortSize();
191	    
192	    //	hide loader image
193	    TweenLite.to(hs('#hyperss-loader'),loaderFadeTime, {opacity: 0});
194 
195	    //  insert slide image
196	    hs('#hyperss .slide:nth-child('+i+') .slide-image').append(images[i]);
197
198
199		var css_active = jQuery("#css-active").height() > 0;
200		if(css_active){
201			//  style slide container
202			//hs('#hyperss .slide, #hyperss .slide .slide-image').css({width: x,height: y,position: 'absolute'});
203			hs('#hyperss .slide, #hyperss .slide .slide-image').css({width: x,height: y}).addClass("js-position-absolute");
204		}
205
206	    //  remove width and height attributes in case they were set before
207	    hs('#hyperss .slide:nth-child(' + i + ') .slide-image img').removeAttr('width');
208	    hs('#hyperss .slide:nth-child(' + i + ') .slide-image img').removeAttr('height');
209
210	    //  check if slide is wider then viewport
211		//hs('#hyperss .slide:nth-child(' + i + ') .slide-image img').css({position:'absolute', visibility:'hidden'});
212		var css_active = jQuery("#css-active").height() > 0;
213		if(css_active){			
214			var imageWidth = hs('#hyperss .slide:nth-child(' + i + ') .slide-image img').innerWidth();
215			var imageHeight = hs('#hyperss .slide:nth-child(' + i + ') .slide-image img').innerHeight();
216			if ( ( imageWidth / imageHeight) < (x / y) ) {
217				hs('#hyperss .slide:nth-child(' + i + ') img').css({width: x});
218			}
219			else {
220				hs('#hyperss .slide:nth-child(' + i + ') img').css({height: y});
221			}
222			if ( imageHeight === 0 ) {
223				hs('#hyperss .slide:nth-child(' + i + ') img').css({width: x,marginTop:0});
224			}
225			
226			//hs('#hyperss .slide:nth-child(' + i + ') .slide-image img').css({position:'', visibility:''});
227			hs('#hyperss .slide:nth-child(' + i + ') img').css({
228				marginTop:  (y - hs('#hyperss .slide:nth-child(' + i + ') img').innerHeight()) / 2,
229				marginLeft:  (x - hs('#hyperss .slide:nth-child(' + i + ') img').innerWidth()) / 2
230			});
231			fadeIn(i);
232		}
233		sliderRespo();
234	}
235    
236    
237	hyperSlideshowSetup = function() {
238	    //console.info('hyperSlideshowSetup');
239        var css_active = jQuery('#css-active').height() > 0;
240        //if(!css_active) return;
241		
242		//	add slideshow container
243	    hs(".naglowek_homepage").prepend('<div id="hyperss"></div>');
244        if(css_active)
245	    {
246            hs("#hyperss").css({width: hyperssWidth, height: hyperssHeight});
247        }
248		
249		if (totalSlides > 2) hs("#hyperss").addClass('has-many-pages');
250		
251		
252	    //  insert slide containers
253	    for (var i = 1; i < slides.length; i++){
254			hs('#hyperss').append('<div aria-hidden="true"  class="slide"><div class="slide-image"></div></div>');
255	    }
256		//  insert title containers
257	    for (var i = 1; i < slides.length; i++){
258			myHref = '#';
259			myTitle = null;
260			myClass = ' disabled';
261			myTabindex = ' tabindex="-1"';
262			if (hyperssLinks[i] != '') {
263				myHref = hyperssLinks[i];
264				myClass = '';
265				myTabindex = '';
266			}
267			if (hsOptions.tabWorksOnAllSlides)
268				myTabindex = '';
269			if (hyperssTitles[i] != '') {
270				myTitle = 'title="'+hyperssTitles[i]+'"';
271			}
272			else {
273				myClass += ' no-title';
274			}
275			if (hyperssDescriptions[i] == '') {
276				myClass += ' no-description';
277			}
278			
279			var $a = hs('<a class="title-container'+myClass+'" href="'+myHref+'" '+myTitle+''+myTabindex+ ' data-id="'+i+'"><div class="title-wrapper"><div class="hyperss-text"><div class="hyperss-title"><span>'+hyperssTitles[i]+'</span></div><span class="cl"></span><div class="hyperss-description"><span>'+hyperssDescriptions[i]+'</span></div></div></div><span aria-hidden="true" class="text-faker" style="font-size:0;">.</span></a>');
280			if (myClass === ' disabled'){
281				$a.click(function(e){e.preventDefault();});
282			}
283			
284			hs('#hyperss').append($a);
285	    }
286
287		//	add title
288		hs('#hyperss-text-container').css({
289			bottom: 50,
290			width: '100%',
291			//position: 'absolute',
292			'z-index': 10
293		}).addClass("js-position-absolute");
294		hs('#hyperss-text-bgd').css({
295			width: '100%',
296			backgroundColor: hyperssBgColor,
297			opacity: hyperssOpacity,
298			//position: 'absolute'
299		}).addClass("js-position-absolute");
300		
301		//  insert titles
302		hs('.hyperss-text').css({
303			width: '100%',
304			//position: 'absolute',
305			opacity: 0
306		}).addClass("js-position-absolute");
307		
308		//	add loader
309		hs("#hyperss").append('<div id="hyperss-loader"></div>');
310		
311	    //	loader image
312	    hs('#hyperss-loader').append('<img aria-hidden="true"  src="'+loaderImage+'" title="loader" alt="loader" />');
313	    hs('#hyperss-loader').css('opacity', '0');
314		
315		//hs('#page_footer_js').css({bottom: 0, position: 'fixed', width: '100%', marginBottom: 0});
316		hs('#page_footer_js').css({bottom: 0, width: '100%', marginBottom: 0}).addClass("js-position-fixed");
317
318		//	add pager
319		hs("#hyperss").append('<div class="pager_container"><div aria-hidden="true" class="pager"></div></div>');
320		if (!hsOptions.showPager) {
321			//hs("#hyperss .pager_container").css({display:'none'});
322			hs("#hyperss .pager_container").addClass("js-display-none");
323		}
324		for (var i = 1; i < slides.length; i++) {
325			hs("#hyperss .pager").append('<div aria-hidden="true" class="pager-button but but-'+i+'" data-id="'+i+'"></div>');
326		}
327		
328		hs("#hyperss .pager div").click(function(){
329			var myId = parseInt(hs(this).attr('data-id'));
330			changeSlide(myId,true);
331		});
332		
333		//add arrows
334		hs("#hyperss").append('<div class="arrows_container"><div class="arrows" aria-hidden="true"><div aria-hidden="true" class="nav-arrow arrow-left"></div><div aria-hidden="true" class="nav-arrow arrow-right"></div></div></div>');
335		hs("#hyperss .nav-arrow").click(function(){
336			var targetSlide = currentSlide;
337			if (hs(this).hasClass('arrow-left')) {
338				targetSlide --;
339			}
340			else {
341				targetSlide ++;
342			}
343			if (targetSlide < 1) targetSlide = (totalSlides-1);
344			if (targetSlide >= totalSlides) targetSlide = 1;
345			
346			var myId = parseInt(hs(this).attr('data-id'));
347			changeSlide(targetSlide,true);
348			sliderRespo();
349		});
350		sliderRespo();
351	}
352	
353	var insertSlide = function(){
354	}
355    
356	showSlide = function(i){
357	//cc('showSlide()',i);
358        var css_active = jQuery('#css-active').height() > 0;
359        if(!css_active) return;
360    
361        var css_active = jQuery('#css-active').height() > 0;
362	    
363		//	stop currently running timer
364	    //stopTimer();
365	    
366		//  update viewport size information
367	    getViewPortSize();
368	    
369		//	hide loader image
370        //if(css_active) 
371        TweenLite.to(hs('#hyperss-loader'), loaderFadeTime, {opacity: 0});
372		
373		lastSlide = currentSlide;
374		currentSlide = i;
375	    fadeIn(i);
376		sliderRespo();
377	};
378    
379	fadeIn = function(i) {
380		//stopTimer();
381		hs('#hyperss .pager .but').removeClass('current');
382		hs('#hyperss .pager .but-'+i).addClass('current');
383	    
384		fadeInPrepare();
385		switch (transitionType) {
386			case 1:
387			fadeIn1(i);
388			break;
389			
390			case 2:
391			fadeIn2(i,10,1,true);
392			break;
393			
394			case 3:
395			fadeIn2(i,10,1,false);
396			break;
397			
398			case 4:
399			fadeIn2(i,1,6,true);
400			break;
401			
402			case 5:
403			fadeIn2(i,1,12,false);
404			break;
405			
406			case 6:
407			fadeIn2(i,6,4,false);
408			break;
409			
410			sliderRespo();
411		}
412
413		//	titles
414		function fadeInTitle(i) {
415			hs('#hyperss .title-container').removeClass('current');
416			hs('#hyperss .title-container[data-id="'+i+'"]').addClass('current');
417			
418			TweenLite.to(hs('#hyperss .title-container[data-id="'+i+'"] .hyperss-text'), hsOptions.titleFadeInFrom.duration / 2, {opacity: 1});
419			TweenLite.to(hs('#hyperss .title-container[data-id="'+i+'"] .hyperss-title'), 0, {x:hsOptions.titleFadeInFrom.left,y:hsOptions.titleFadeInFrom.top,z:hsOptions.titleFadeInFrom.z,scale:hsOptions.titleFadeInFrom.scale,opacity:0});
420			TweenLite.to(hs('#hyperss .title-container[data-id="'+i+'"] .hyperss-title'), hsOptions.titleFadeInFrom.duration, {x:0,y:0,z:0.01,scale:1,opacity:1,delay:hsOptions.titleFadeInFrom.delay});
421			TweenLite.to(hs('#hyperss .title-container[data-id="'+i+'"] .hyperss-description'), 0, {x:hsOptions.descriptionFadeInFrom.left,y:hsOptions.descriptionFadeInFrom.top,z:hsOptions.descriptionFadeInFrom.z,scale:hsOptions.descriptionFadeInFrom.scale,opacity:0}
421);
422			TweenLite.to(hs('#hyperss .title-container[data-id="'+i+'"] .hyperss-description'), hsOptions.descriptionFadeInFrom.duration, {x:0,y:0,z:0.01,scale:1,opacity:1,delay:hsOptions.descriptionFadeInFrom.delay});
423			TweenLite.to(hs('#hyperss-text-bgd'), titleTweeDuration, {				height: hs('#hyperss .title-container[data-id="'+i+'"] .hyperss-title').innerHeight() + hs('.title-container[data-id="'+i+'"] .hyperss-description').innerHeight() + titleMargins			});
424			TweenLite.to(hs('#hyperss-text-container'), titleTweeDuration/5*4, {				bottom: hs('#hyperss .title-container[data-id="'+i+'"] .hyperss-title').innerHeight() + hs('#hyperss .title-container[data-id="'+i+'"] .hyperss-description').innerHeight() + titleMargins			});
425		
426			sliderRespo();
427		}
428		function fadeOutTitle(i) {
429			
430			var width = $(window).width();
431			if(width < 1200){								
432				jQuery("#hyperss a.title-container.current .hyperss-text").css("opacity",'0');				
433			} else {
434				TweenLite.to(hs('#hyperss .title-container.current .hyperss-text'), titleTweeDuration / 2, {
435					opacity: 0,
436					onComplete: fadeInTitle(i)
437				});
438			}
439						
440		
441			fadeInTitle(i);
442		
443			sliderRespo();
444		}
445		fadeOutTitle(parseInt(i));
446	}
447    
448	var slideTimer;
449    
450	//	the Timer for loading next slide
451	startTimer = function(){
452	//cc('startTimer()',222);
453		nextSlide = currentSlide + 1;
454		sliderRespo();
455		if (nextSlide >= totalSlides){
456			nextSlide = 1;
457		}
458		
459		slideTimer = setTimeout(function() {
460			changeSlide(nextSlide,false)
461		}, slideDelay * 1000);		
462	}
463	stopTimer = function(){
464	//cc('stopTimer()',222);
465		clearTimeout(slideTimer);
466	}
467	
468	//	prepare container for fadeIn
469	fadeInPrepare = function(){
470		 //	set z-indexes for slides
471	    hs('#hyperss .slide').not(hs('#hyperss .slide:nth-child('+currentSlide+'), #hyperss .slide:nth-child('+nextSlide+')')).css({
472		    zIndex: 0
473		});
474	    hs('#hyperss .slide:nth-child('+lastSlide+')').css({
475		    zIndex: 1
476		});
477	    hs('#hyperss .slide:nth-child('+currentSlide+')').css({
478		    zIndex: 2
479		});
480	 }
481	 
482	//	basic roll down from top
483	fadeIn1 = function(i){
484        var css_active = jQuery('#css-active').height() > 0;
485        if(!css_active) return;
486        
487	    hs('#hyperss .slide:nth-child(' + i + ') .slide-image').css({marginTop: -100,opacity: 0});
488	    
489		hs('#hyperss .slide:nth-child(' + i + ') .slide-image').css({clippath:'inset(0px,'+x+'px, 0px,0px)'});
490	    TweenLite.to(hs('#hyperss .slide:nth-child(' + i + ') .slide-image'), slideTweenDuration, {clippath:'inset(0px,'+x+'px,'+y+'px,0px)'});
491	    TweenLite.to(hs('#hyperss .slide:nth-child(' + i + ') .slide-image'), slideTweenDuration, {marginTop: 0,opacity: 1, onComplete: removeClippingRectangle});
492		sliderRespo();
493	}
494	
495	//	tiled fade in
496	fadeIn2 = function(i,xTiles,yTiles,clip){
497        var css_active = jQuery('#css-active').height() > 0;
498        if(!css_active) return;
499        
500		var tileWidth=parseInt(x/xTiles);
501		var tileHeight=parseInt(y/yTiles);
502		var tileSpeed=1;
503		var tileDelay=0.075;
504		
505		//	remove old elements
506		var slide=hs('#hyperss .slide:nth-child(' + i + ')');
507		var tiles=hs('.slide-image',slide);
508		if (tiles.length==1){
509			for (var i=1;i<(xTiles*yTiles);i++){
510				hs(tiles[0]).clone().appendTo(slide);
511			}
512		}
513		
514		tiles=hs('.slide-image',slide);
515		
516		//	reset slides
517		var it=0;
518		for (var i=0;i<xTiles;i++){
519			for (var iy=0;iy<yTiles;iy++){
520				clipTop=(iy*tileHeight);
521				clipRight=(i*tileWidth)+tileWidth;
522				clipBottom=(iy*tileHeight)+tileHeight;
523				clipLeft=(i*tileWidth);
524				hs(tiles[it]).css({opacity:0,top:0,left:0}).addClass("js-position-absolute");
525				if (clip){
526					if (xTiles>1)
527						hs(tiles[it]).css({clippath:'inset('+clipTop+'px, '+(clipRight)+'px, '+clipBottom+'px, '+clipLeft+'px)'});
528					else
529						hs(tiles[it]).css({marginLeft:-300});
530				}
531				else {
532					if (xTiles>1)
533						hs(tiles[it]).css({clippath:'inset('+clipTop+'px, '+(clipRight)+'px, '+clipBottom+'px, '+clipLeft+'px)'});
534					else{
535						hs(tiles[it]).css({clippath:'inset('+clipTop+'px, '+(clipRight)+'px, '+clipBottom+'px, '+clipLeft+'px)'});
536					}
537				}
538				TweenLite.to(hs(tiles[it]),tileSpeed,{opacity:1,marginLeft:0,clippath:'inset('+clipTop+'px, '+(clipRight)+'px, '+clipBottom+'px, '+(clipLeft)+'px)',delay:(it)*tileDelay});
539				it++;
540			}
541		}
542		sliderRespo();
543	}
544	
545	//	remove clipping rectangle after slide fade in (so da boss can du -1000% zoom łepsajta .. wow .. full HD to za mało)
546	removeClippingRectangle = function(){
547		hs('#hyperss .slide .slide-image').css('clip','');
548	}
549	
550		
551	//  setup and configure basic slideshow parameters depending on users viewport and system
552	hyperSlideshowSetup();
553	
554	
555	//	manage changing slides (timer clicked or focus)
556	var changeSlide = function(id,manual){
557	//cc('changeSlide()',id,111);
558		
559		if (id != currentSlide) {
560			stopTimer();
561			
562			if (((!globalPause) && (!isPaused)) || manual){
563			
564				hs('#hyperss .pager .but').removeClass('current');
565				hs('#hyperss .pager .but-'+id).addClass('current');
566		
567				//currentSlide = nextSlide;
568				nextSlide = id;
569							
570				lastSlide=currentSlide;
571				if (allSlidesLoaded != true) {
572					preloadImage(nextSlide);
573				}
574				else {
575					showSlide(nextSlide);
576				}
577				currentSlide = id;
578			}
579		
580			startTimer();
581		}
582		sliderRespo();
583	}
584	
585	function resetSlideSizes(){
586		//cc('resetSlideSizes()');
587		hs('#hyperss .slide, #hyperss .slide-image').css({width:x,height:y});
588	}
589	
590	//	focus handler
591	hs('#hyperss a.title-container').focusin(function(){
592		var myId = parseInt(hs(this).attr('data-id'));
593		changeSlide(myId,true);
594		pauseSlider();
595	});
596	hs('#hyperss a.title-container').focusout(function(){
597		resumeSlider();
598	});
599	
600	function pauseSlider(){
601	//cc('pauseSlider()');
602		hasFocus = true;
603		isPaused = true;
604		stopTimer();
605	}
606	function resumeSlider(){
607	//cc('resumeSlider()');
608		hasFocus = false;
609		isPaused = false;
610		stopTimer();
611		startTimer();
612	}
613	
614	//traceFocusInside(hs, $container, 'has-focus', 100, pauseSlider, resumeSlider);
615	
616	//  load first slide
617	changeSlide(1,false);
618	sliderRespo();
619    
620	hs(window).resize(function(){
621		getViewPortSize();
622		resetSlideSizes();
623		removeClippingRectangle();
624	});
625	
626	});
627	
628
629}))(jQuery);

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.