Context Navigation

source: extensions/stripped/js/scripts-tpp.js @ 14310

Last change on this file since 14310 was 14310, checked in by flop25, 12 years ago

version 2.1.3

+ bug fix on picture page for black & white styles (when using banner or posting comment)

File size: 14.0 KB

Line
1	var showtabs;
2	var selectedTab;
3	var interfaceTimerDelay;
4	var isScrollable;
5	var zoomMode;
6
7	jQuery("document").ready(function(jQuery) {
8
9	zoomMode=options.defaultZoomSize;
10
11	// display alt from PWG stuffs actions
12
13	var stuffs_actions=jQuery(".categoryActions",".stuffs_block .stuffs");
14
15	if (stuffs_actions.length != 0) {
16	stuffs_actions.each(function(index) {
17	var images=jQuery(this).find("img");
18	if (images.length !=0) {
19	images.each(function(index) {
20	var alt_text = (jQuery(this).attr("alt"));
21	jQuery(this).before(alt_text);
22	jQuery(this).parents("li").css("width","auto");
23	jQuery(this).remove();
24	});
25	}
26	});
27	}
28
29	// gmaps icon
30
31	var icon_gmaps=jQuery("#icon_gmaps");
32	var text_gmaps=jQuery("#text_gmaps");
33	if ((icon_gmaps.length == 1) && (text_gmaps.length ==1)) {
34	icon_gmaps.text(text_gmaps.text());
35	icon_gmaps.css("text-align","right");
36	icon_gmaps.wrapAll('<li>');
37	}
38
39	// Tabs
40
41	var tab_loaded=0;
42	var delay=400;
43	var hfirst;
44	if (jQuery.browser.msie) {hfirst=false;} else {hfirst=true;}
45
46	var tab_titles=jQuery(".tabTitle");
47	var tab_blocks=jQuery(".tabBlock");
48	var tab_name;
49	var tab_start = null;
50
51	if ( (options.defaultTab) && (options.themeStyle == "original") ) {
52	if (options.defaultTab != "none") tab_start = options.defaultTab;
53	if (options.defaultTab == "last") tab_start = jQuery.cookie("tabactive");
54	}
55
56	if ((tab_titles.length != 0) && (tab_titles.length == tab_blocks.length)) {
57
58	if (tab_start != null) {
59	tab_blocks.each(function(index) {
60	jQuery(this).css("display","none");
61	});
62	tab_loaded=1;
63	jQuery("#tabs").css("height","auto");
64
65	tab_titles.each(function(index1) {
66	tab_name = jQuery(this).attr("name");
67	if (tab_name == tab_start) {
68	jQuery(this).addClass("tabSelected");
69	jQuery.cookie("tabactive",jQuery(this).attr("name"));
70	var old_selected_tab =-1;
71	tab_blocks.each(function(index2) {
72	if (index1 == index2) {
73	jQuery(this).show();
74	}
75	});
76	}
77	});
78
79	}
80
81	tab_titles.each(function(index1) {
82	var tab_title = jQuery(this);
83	tab_title.click(function () {
84	if (tab_loaded==0) {
85	tab_blocks.each(function(index) {
86	jQuery(this).css("display","none");
87	});
88	tab_loaded=1;
89	jQuery("#tabs").css("height","auto");
90	}
91	if (jQuery(this).hasClass("tabSelected")) {
92	var tab_title = jQuery(this);
93	tab_blocks.each(function(index2) {
94	if (index1 == index2) {
95	if (options.animatedTabs) {
96	jQuery(this).slideUp(delay, function() {tab_title.removeClass("tabSelected");});
97	} else {
98	jQuery(this).hide();
99	tab_title.removeClass("tabSelected");
100	}
101	}
102	});
103	jQuery.cookie("tabactive",null);
104	} else {
105	jQuery(this).addClass("tabSelected");
106	jQuery.cookie("tabactive",jQuery(this).attr("name"));
107	var old_selected_tab =-1;
108	tab_titles.each(function(index2) {
109	if ((index1 != index2) && (jQuery(this).hasClass("tabSelected"))) {
110	old_selected_tab=index2;
111	jQuery(this).removeClass("tabSelected");
112	}
113	});
114	tab_blocks.each(function(index2) {
115	if (index1 == index2) {
116	if ((old_selected_tab == -1) && (options.animatedTabs)) {
117	jQuery(this).slideDown(delay);
118	} else {
119	jQuery(this).show();
120	}
121	}
122	});
123	tab_blocks.each(function(index2) {
124	if (index2 != index1) {
125	jQuery(this).hide();
126	}
127	});
128	}
129	});
130	});
131
132	if (options.themeStyle != "original") {
133	jQuery("#content > .hideTabsZone").css("top",jQuery("#content").offset().top+"px");
134	jQuery(".hideTabs").click(function() {
135
136	tab_titles.each(function(index1) {
137	if (jQuery(this).hasClass("tabSelected")) {
138	var tab_title = jQuery(this);
139	tab_blocks.each(function(index2) {
140	if (index1 == index2) {
141	if (options.animatedTabs) {
142	jQuery(this).slideUp(delay, function() {tab_title.removeClass("tabSelected");});
143	} else {
144	jQuery(this).hide();
145	tab_title.removeClass("tabSelected");
146	}
147	}
148	});
149	jQuery.cookie("tabactive",null);
150	}
151	});
152
153	});
154	}
155	}
156
157
158	// Image autosize function inspired from Autosize Plugin (from cljosse)
159
160	var img_ratio=image_w / image_h;
161
162	if (options.imageAutosize) {
163
164	// Autosize image
165	jQuery(window).resize(function () {
166
167	var Fenetre = jQuery(window);
168	var ImageContainer = jQuery("#theImageAndTitle");
169	var ImageCadre = jQuery("#theImg");
170	var Image = jQuery("img","#theImg");
171	var TitleBox=jQuery("#imageTitleContainer");
172	var Content=jQuery("#content");
173
174	var marge_cote;
175
176	if (ImageCadre.length == 0) {
177	ImageContainer.css("opacity","1");
178	jQuery("img","#theImageAndTitle").css("opacity","1");
179	return;
180	}
181
182	if (options.navArrows) {marge_cote=30;} else {marge_cote=10;};
183
184	var marge_sup = 5 + Content.offset().top;
185	var marge_inf;
186	if (options.themeStyle == 'original') { marge_inf = options.imageAutosizeMargin+10;} else { marge_inf = 30;};
187	var marge_spec = 0;
188
189	var slideshow=jQuery("#light_slideshow");
190	if (slideshow.length!=0) {
191	marge_inf = 5;
192	marge_spec = 25;
193	}
194
195	var Hmin = options.imageAutosizeMinHeight;
196
197	if (Image.length != 1) {
198	if (TitleBox.length !=0) TitleBox.css("width","97%");
199	return;
200	}
201
202	marge_inf = ImageContainer.height()-Image.height()+marge_inf;
203	var win_height = Fenetre.height();
204	var img_H = win_height - marge_sup - marge_inf;
205	var max_H = img_H;
206
207
208	if (img_H >= image_h) img_H = image_h;
209	if (img_H <= Hmin) img_H = Hmin;
210
211	var img_W = Math.round(parseFloat(img_H * img_ratio));
212
213
214	var marge_image = ImageCadre.outerWidth() - Image.width();
215	var ext_width;
216
217	if (options.themeStyle == 'original') { ext_width = jQuery("#content").width();} else {ext_width = Fenetre.width();};
218	var max_W = ext_width - marge_image - marge_cote * 2;
219
220	if (img_W > max_W) {
221	img_H = Math.round(parseFloat(max_W / img_ratio));
222	img_W = max_W;
223	}
224
225	Image.css("width", img_W + "px");
226	Image.css("height", img_H + "px");
227
228	if (options.themeStyle != 'original') {
229	var marge_tot = win_height - img_H - marge_inf - marge_sup - marge_spec;
230	if (marge_tot < 0) marge_tot=0;
231
232	var marge = marge_sup + Math.round(parseFloat(marge_tot / 2));
233
234	ImageContainer.css("top",marge+"px");
235	}
236
237	// limit img title Container width
238
239	if (TitleBox.length != 0) {
240	TitleBox.css("min-width",jQuery("#theImg").outerWidth()+"px");
241	}
242
243	jQuery.cookie("stripped_max_width",max_W);
244	jQuery.cookie("stripped_max_height",max_H);
245
246	ImageContainer.css("opacity","1");
247	ImageCadre.css("opacity","1");
248	TitleBox.css("opacity","1");
249
250
251	// limit img title Container width
252	/*
253	if (TitleBox.length != 0) {
254	var TBminW = jQuery("#theImg").outerWidth();
255	TitleBox.css("min-width",TBminW + "px");
256	if (TitleBox.width() > TBminW) {
257	TitleBox.children().css("text-align","justify");
258	} else {
259	TitleBox.children().css("text-align","center");
260	}
261	}
262	*/
263	// test
264	if (options.themeStyle != 'original') {
265	var max_footer_width = jQuery("#content").width() - jQuery("#tabTitles").width() - 5;
266	jQuery("#copyright").css("max-width",max_footer_width);
267	}
268	return;
269
270	});
271
272	jQuery(window).resize();
273	jQuery(window).resize();
274
275	} else {
276	jQuery("#theImageAndTitle").css("opacity","1");
277	jQuery("#theImg").css("opacity","1");
278	jQuery("#imageTitleContainer").css("opacity","1");
279	var TitleBox=jQuery("#imageTitleContainer");
280	if (TitleBox.length !=0) TitleBox.css("width","97%");
281
282	}
283
284
285	});
286
287
288
289	// Scripts taken from Gally Theme
290
291	function openDisplayHigh(url)
292	{
293	jQuery('#theImageHigh').css(
294	{
295	width:jQuery("html").get(0).scrollWidth+"px",
296	height:jQuery("html").get(0).scrollHeight+"px",
297	display:"block"
298	}
299	);
300
301	if(jQuery("#theImgHigh").attr('src')=="")
302	{
303	p = new Object();
304	p.left = ((jQuery(window).width()-jQuery("#theImgHighContainer").prop("clientWidth")-options.paddingContainer*2)/2)+"px";
305	p.top = ((jQuery(window).height()-jQuery("#theImgHighContainer").prop("clientHeight")-options.paddingContainer*2)/2)+"px";
306
307
308	jQuery('#theImgHighContainer')
309	.css(
310	{
311	left:p.left,
312	top:p.top,
313	padding:options.paddingContainer+"px"
314	}
315	);
316
317
318	jQuery("#theImgHigh")
319	.load(
320	function ()
321	{
322	jQuery(document).data("highWidth", jQuery("#theImgHigh").width());
323	jQuery(document).data("highHeight", jQuery("#theImgHigh").height());
324
325	p=calcImgHighPositionAndSize(zoomMode);
326
327	jQuery('#theImgHighContainer').css("background-image", "none")
328	displayZoomHigh();
329	jQuery("#theImgHigh").css( {display:"block"} );
330	}
331	)
332	.attr('src', url);
333
334	if(options.highResClickMode=='close')
335	{
336	jQuery("#theImgHigh").bind('click', closeDisplayHigh);
337	}
338	else
339	{
340	// switch zoom
341	jQuery("#theImgHigh").bind('click', switchZoomHigh);
342	}
343	}
344	else
345	{
346	p=calcImgHighPositionAndSize(zoomMode);
347
348	jQuery('#theImgHighContainer')
349	.css(
350	{
351	left:p.left+"px",
352	top:p.top+"px",
353	width:p.width+"px",
354	height:p.height+"px"
355	}
356	);
357	}
358	}
359
360	function calcImgHighPositionAndSize(zoom)
361	{
362	p = new Object();
363
364	if(zoom=='full')
365	{
366	p.width = (jQuery("html").get(0).clientWidth-(options.marginContainer+options.paddingContainer)*2);
367	p.height = (jQuery("html").get(0).clientHeight-(options.marginContainer+options.paddingContainer)*2);
368	p.left=options.marginContainer;
369	p.top=options.marginContainer;
370
371	if(p.width>jQuery(document).data("highWidth"))
372	{
373	p.width = jQuery(document).data("highWidth")-options.paddingContainer*2;
374	p.left = (jQuery("html").get(0).clientWidth-p.width)/2;
375	}
376
377	if(p.height>jQuery(document).data("highHeight"))
378	{
379	p.height = jQuery(document).data("highHeight")-options.paddingContainer*2;
380	p.top = (jQuery("html").get(0).clientHeight-p.height)/2;
381	}
382	}
383	else
384	{
385	//zoom = 'fit'
386	ratioImg = jQuery(document).data("highWidth") / jQuery(document).data("highHeight");
387	ratioPage = jQuery("html").get(0).clientWidth / jQuery("html").get(0).clientHeight;
388
389	if((ratioPage > 1 && (ratioPage > ratioImg)) \|\|
390	(ratioPage < 1 && (ratioPage < ratioImg)))
391	{
392	p.height = (jQuery("html").get(0).clientHeight-(options.marginContainer+options.paddingContainer)*2);
393	p.width = p.height*ratioImg;
394	}
395	else
396	{
397	p.width = (jQuery("html").get(0).clientWidth-(options.marginContainer+options.paddingContainer)*2);
398	p.height = p.width/ratioImg;
399	}
400	p.left = (jQuery("html").get(0).clientWidth-p.width)/2;
401	p.top = (jQuery("html").get(0).clientHeight-p.height)/2;
402	}
403
404	return(p);
405	}
406
407	function closeDisplayHigh()
408	{
409	jQuery('#theImageHigh').css('display', 'none');
410	}
411
412	function switchZoomHigh()
413	{
414	if(zoomMode=='full')
415	{
416	zoomMode="fit";
417	}
418	else
419	{
420	zoomMode="full";
421	}
422
423	jQuery("#theImgHighZoomButton").toggleClass('full').toggleClass('fit');
424
425	displayZoomHigh();
426	}
427
428	function displayZoomHigh()
429	{
430	p=calcImgHighPositionAndSize(zoomMode);
431
432	jQuery('#theImgHighContainer').css(
433	{
434	left:p.left+"px",
435	top:p.top+"px",
436	width:p.width+"px",
437	height:p.height+"px"
438	}
439	);
440
441	if(zoomMode=="full")
442	{
443	jQuery("#theImgHigh")
444	.css(
445	{
446	width:jQuery(document).data("highWidth")+"px",
447	height:jQuery(document).data("highHeight")+"px"
448	}
449	);
450	jQuery('#theImgHighContainer').bind("mousemove",
451	function(event)
452	{
453	deadArea = options.marginContainer*2;
454	mouseX=Math.max(Math.min(event.clientX-this.offsetLeft, this.clientWidth - deadArea), deadArea);
455	mouseY=Math.max(Math.min(event.clientY-this.offsetTop, this.clientHeight - deadArea), deadArea);
456	jQuery("#theImgHigh")
457	.css("left",Math.round((jQuery("#theImgHigh").prop("scrollWidth")-this.clientWidth) * -(mouseX-deadArea)/(this.clientWidth-2*deadArea))+"px")
458	.css("top",Math.round((jQuery("#theImgHigh").prop("scrollHeight")-this.clientHeight) * -(mouseY-deadArea)/(this.clientHeight-2*deadArea))+"px");
459	}
460	);
461	}
462	else
463	{
464	jQuery("#theImgHigh")
465	.css(
466	{
467	width:p.width+"px",
468	height:p.height+"px",
469	left:"0px",
470	top:"0px"
471	}
472	);
473	jQuery('#theImgHighContainer').unbind("mousemove");
474	}
475	}
476	/**
477	* Cookie plugin
478	* Copyright (c) 2006 Klaus Hartl (stilbuero.de)
479	* Dual licensed under the MIT and GPL licenses:
480	*/
481	jQuery.cookie=function(name,value,options){if(typeof value!='undefined'){options=options\|\|{};if(value===null){value='';options=jQuery.extend({},options);options.expires=-1;}
482	var expires='';if(options.expires&&(typeof options.expires=='number'\|\|options.expires.toUTCString)){var date;if(typeof options.expires=='number'){date=new Date();date.setTime(date.getTime()+(options.expires2460601000));}else{date=options.expires;}
483	expires='; expires='+date.toUTCString();}
484	var path=options.path?'; path='+(options.path):'';var domain=options.domain?'; domain='+(options.domain):'';var secure=options.secure?'; secure':'';document.cookie=[name,'=',encodeURIComponent(value),expires,path,domain,secure].join('');}else{var cookieValue=null;if(document.cookie&&document.cookie!=''){var cookies=document.cookie.split(';');for(var i=0;i<cookies.length;i++){var cookie=jQuery.trim(cookies[i]);if(cookie.substring(0,name.length+1)==(name+'=')){cookieValue=decodeURIComponent(cookie.substring(name.length+1));break;}}}
485	return cookieValue;}};
486
487
488
489

Note: See TracBrowser for help on using the repository browser.

Download in other formats: