https://handballisr.co.il/js/handballHP.js

1var autoStart = true;
2
3$(document).foundation();
4$('.details').click(function(){
5	$('#vModa70').foundation('reveal', 'open');
6});
7
8if ($(window).width() >640) {
9            
10$('#content-slider-1').royalSlider({
11	
12	arrowsNav: false,
13	fadeinLoadedSlide: true,
14	controlNavigationSpacing: 0,
15	controlNavigation: 'thumbnails',
16
17	thumbs: {
18	  autoCenter: false,
19	  orientation: 'horizontal',
20	  spacing: 0,
21	  paddingBottom: 0,
22	  arrows:false,
23	  drag:false
24	},
25	keyboardNavEnabled: true,
26	imageScaleMode: 'fill',
27	imageAlignCenter:true,
28	slidesSpacing: 0,
29	//startSlideID:5,
30	loop: false,
31	loopRewind: true,
32	numImagesToPreload: 3,
33	video: {
34	  autoHideArrows:true,
35      autoHideControlNav: false,
36      autoPlay: true,
37	  autoHideBlocks: true
38	}, 
39	autoScaleSlider: true, 
40	autoScaleSliderWidth: 1160,     
41	autoScaleSliderHeight: 548,
42
43	/* size of all images http://help.dimsemenov.com/kb/royalslider-jquery-plugin-faq/adding-width-and-height-properties-to-images */
44   // imgWidth: 720,
45   // imgHeight: 420,
46	autoPlay: {
47			// autoplay options go gere
48			enabled: true,
49			pauseOnHover: true,
50			delay: 7000
51
52	}
53});
54
55}
56 $('#toggleAutoPlayBtn').on('keypress click', function(e){
57	if (e.which === 13 || e.type === 'click') {
58		// optionally change button text, style e.t.c.
59		if(autoStart) {
60			$(this).html('המשך סליידר');
61		} else {
62			$(this).html('עצור סליידר');
63		}
64		autoStart = !autoStart;          
65		$('#content-slider-1').royalSlider('toggleAutoPlay');
66	}
67 });
68	 
69$('#metegBG .men').on('keypress click', function(e){
70	if (e.which === 13 || e.type === 'click') {
71		
72		$('#metegBG img').attr('src','images/blank.gif');
73		$(this).attr('src','images/btn_round.png');
74		$('#gamesTbl .male').fadeIn();
75		$('#gamesTbl .female').fadeOut();
76	}
77})
78$('#metegBG .woman').on('keypress click', function(e){
79	if (e.which === 13 || e.type === 'click') {
80		
81		$('#metegBG img').attr('src','images/blank.gif');
82		$(this).attr('src','images/btn_round.png');
83		$('#gamesTbl .female').fadeIn();
84		$('#gamesTbl .male').fadeOut();
85	}
86})
87$('#metegBG .all').on('keypress click', function(e){
88	if (e.which === 13 || e.type === 'click') {
89		$('#metegBG img').attr('src','images/blank.gif');
90		$(this).attr('src','images/btn_round.png');
91		$('#gamesTbl .female').fadeIn();
92		$('#gamesTbl .male').fadeIn();
93	}
94})
95											 	
96
97
98	 
99if ($( window ).width()<="1024"){
100	slideWidth = '470';
101	fullWidth = true;
102	}
103else{
104	slideWidth = '1000';
105	fullWidth = false;
106}
107	
108var slider = new MasterSlider();
109slider.setup('masterslider', {
110	width : 1000,
111	height : 580,
112	speed: 40,
113	space : 0,
114	loop : true,
115    view: 'wave',
116    
117	fullwidth: fullWidth
118});
119
120slider.control('arrows', {autohide:false});
121slider.control('slideinfo',{insertTo:'#typeDesc'});	
122$( window ).load(function() {
123  //$(".ms-sl-selected").css("opacity","1");
124});	
125	
126		
127function Item(msg_id, en) {
128
129    var g_data = "json_msg.asp?MsgId=" + msg_id + "&iEng=" + en;
130    var xmlhttp = new XMLHttpRequest();
131    var url = g_data;
132
133    xmlhttp.onreadystatechange = function () {
134        if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
135            var myArr = JSON.parse(xmlhttp.responseText);
136            ParseMsg(myArr);
137        }
138    }
139    xmlhttp.open("GET", url, true);
140    xmlhttp.send();
141    $('#vModa70').foundation('reveal', 'open');
142}
143
144function ParseMsg(arr) {
145    document.getElementById("m-title").innerHTML = arr[0].mar_title;
146    document.getElementById("m-date").innerHTML = arr[0].mar_date;
147    document.getElementById("m-body").innerHTML = arr[0].mar_body;
148}
149
150$(document).ready(function() {
151    $('.rsImg').resizecrop({
152      width:1160,
153      height:650,
154	  vertical:'top'
155    });
156
157    $('.newsHomeImg').resizecrop({
158        width: 360,
159        height: 225,
160        vertical: 'top'
161    });
162    
163});