https://la15nord.com/templates/ja_teline/scripts/ja.hiddenpanel.js

1/*------------------------------------------------------------------------
2# JA  Teline for Joomla 1.5 - Version 1.4 - Licence Owner JA49953
3# ------------------------------------------------------------------------
4# Copyright (C) 2004-2008 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
5# @license - Copyrighted Commercial Software
6# Author: J.O.O.M Solutions Co., Ltd
7# Websites:  http://www.joomlart.com -  http://www.joomlancers.com
8# This file may not be redistributed in whole or significant part.
9-------------------------------------------------------------------------*/
10function jaHiddenPanelInit() {
11	jaHP.hp = document.getElementById("ja-hpwrap");
12	if (!jaHP.hp) return;
13	jaHP.ani = new jaHP.effect(jaHP.hp, {duration: 300, opacity: true});
14	jaHP.hpswitcher = document.getElementById("ja-hp-switch");
15	jaHP.hpswitcher.style.display = "block";
16	//jaAddEvent( jaHP.hpswitcher, 'click', jaHPToggle );
17	jaHP.hpswitcher.onclick = function () {
18    this.className = (this.className)? "" : "ja-hp-active";
19    jaHP.ani.toggle();
20  };
21}
22
23
24if (window.ActiveXObject) window.ie = window[window.XMLHttpRequest ? 'ie7' : 'ie6'] = true;
25else if (document.childNodes && !document.all && !navigator.taintEnabled) window.khtml = true;
26else if (document.getBoxObjectFor != null) window.gecko = true;
27
28var jaHP = Object;
29
30Function.prototype.jahpbind = function(object) {
31	var __method = this;
32	return function() {
33		return __method.apply(object, arguments);
34	}
35};
36
37Object.extend = function(){
38	var args = arguments;
39	args = (args[1]) ? [args[0], args[1]] : [this, args[0]];
40	for (var property in args[1]) args[0][property] = args[1][property];
41	return args[0];
42};
43
44jaHP.effect = new Object();
45jaHP.effect = function(p, options) {
46	this.p = p;
47	this.p.style.visibility = "hidden";
48	this.options = Object.extend({ height: true, width: false, opacity: false, duration: 400}, options || {});
49	this.timer = null;
50	
51	this.p.setOpacity = function(opacity){
52		if (opacity == 0){
53			if(this.style.visibility != "hidden") this.style.visibility = "hidden";
54		} else {
55			if(this.style.visibility != "visible") this.style.visibility = "visible";
56		}
57		if (window.ie) {
58			this.style.zoom = 1;
59			this.style.filter = "alpha(opacity=" + opacity*100 + ")";
60		}
61		this.style.opacity = opacity;
62	};
63
64	this.step = function() {
65		var time = (new Date).getTime();
66		if (time > this.options.duration + this.startTime) {
67			this.hnow = this.hto;
68			this.wnow = this.wto;
69			this.onow = this.oto;
70			clearInterval(this.timer);
71			this.timer = null;
72		} else {
73			var Tpos = (time - this.startTime) / (this.options.duration);
74			this.hnow = Tpos*(this.hto-this.hfrom) + this.hfrom;
75			this.wnow = Tpos*(this.wto-this.wfrom) + this.wfrom;
76			this.onow = Tpos*(this.oto-this.ofrom) + this.ofrom;
77		}
78		this.change();
79	};
80
81	this.custom = function(action) {
82		if (this.timer != null) return;
83		if (action == "open") {
84			this.hfrom = 0;
85			this.hto = this.p.scrollHeight;
86			this.wfrom = 0;
87			this.wto = this.p.scrollWidth;
88			this.ofrom = 0;
89			this.oto = 1;
90		} else if (action == "close") {
91			this.hto = 0;
92			this.hfrom = this.p.scrollHeight;
93			this.wto = 0;
94			this.wfrom = this.p.scrollWidth;
95			this.oto = 0;
96			this.ofrom = 1;
97		}
98		this.startTime = (new Date).getTime();
99		this.timer = setInterval(this.step.jahpbind(this), 13);
100	};
101
102	this.change = function() {
103		if (this.options.height) this.p.style.height = this.hnow + "px";
104		if (this.options.width) this.p.style.width = this.wnow + "px";
105		if (this.options.opacity) this.p.setOpacity(this.onow);
106	};
107	
108	this.toggle = function() {
109		if (this.p.offsetHeight == 0 || this.p.offsetWidth == 0) this.custom("open");
110		else this.custom("close");
111	}
112}
113
114jaAddEvent( window, 'load', jaHiddenPanelInit );