Merge skins into common directory

1 files changed, 368 insertions, 0 deletions

diff --git a/skins/html/javascript/tabpane.js b/skins/html/javascript/tabpane.js
new file mode 100644
index 0000000..04b1550
--- /dev/null
+++ b/skins/html/javascript/tabpane.js
@@ -0,0 +1,368 @@
+/*----------------------------------------------------------------------------\

+|                               Tab Pane 1.02                                 |

+|-----------------------------------------------------------------------------|

+|                         Created by Erik Arvidsson                           |

+|                  (http://webfx.eae.net/contact.html#erik)                   |

+|                      For WebFX (http://webfx.eae.net/)                      |

+|-----------------------------------------------------------------------------|

+|                  Copyright (c) 1998 - 2003 Erik Arvidsson                   |

+|-----------------------------------------------------------------------------|

+| This software is provided "as is", without warranty of any kind, express or |

+| implied, including  but not limited  to the warranties of  merchantability, |

+| fitness for a particular purpose and noninfringement. In no event shall the |

+| authors or  copyright  holders be  liable for any claim,  damages or  other |

+| liability, whether  in an  action of  contract, tort  or otherwise, arising |

+| from,  out of  or in  connection with  the software or  the  use  or  other |

+| dealings in the software.                                                   |

+| - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - |

+| This  software is  available under the  three different licenses  mentioned |

+| below.  To use this software you must chose, and qualify, for one of those. |

+| - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - |

+| The WebFX Non-Commercial License          http://webfx.eae.net/license.html |

+| Permits  anyone the right to use the  software in a  non-commercial context |

+| free of charge.                                                             |

+| - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - |

+| The WebFX Commercial license           http://webfx.eae.net/commercial.html |

+| Permits the  license holder the right to use  the software in a  commercial |

+| context. Such license must be specifically obtained, however it's valid for |

+| any number of  implementations of the licensed software.                    |

+| - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - |

+| GPL - The GNU General Public License    http://www.gnu.org/licenses/gpl.txt |

+| Permits anyone the right to use and modify the software without limitations |

+| as long as proper  credits are given  and the original  and modified source |

+| code are included. Requires  that the final product, software derivate from |

+| the original  source or any  software  utilizing a GPL  component, such  as |

+| this, is also licensed under the GPL license.                               |

+|-----------------------------------------------------------------------------|

+| 2002-01-?? | First working version                                          |

+| 2002-02-17 | Cleaned up for 1.0 public version                              |

+| 2003-02-18 | Changed from javascript uri for anchors to return false        |

+| 2003-03-03 | Added dispose methods to release IE memory                     |

+|-----------------------------------------------------------------------------|
+| Dependencies: *.css           a css file to define the layout               |
+|-----------------------------------------------------------------------------|

+| Created 2002-01-?? | All changes are in the log above. | Updated 2003-03-03 |

+\----------------------------------------------------------------------------*/

+

+// This function is used to define if the browser supports the needed

+// features

+function hasSupport() {

+

+	if (typeof hasSupport.support != "undefined")

+		return hasSupport.support;

+	

+	var ie55 = /msie 5\.[56789]/i.test( navigator.userAgent );

+	

+	hasSupport.support = ( typeof document.implementation != "undefined" &&

+			document.implementation.hasFeature( "html", "1.0" ) || ie55 )

+			

+	// IE55 has a serious DOM1 bug... Patch it!

+	if ( ie55 ) {

+		document._getElementsByTagName = document.getElementsByTagName;

+		document.getElementsByTagName = function ( sTagName ) {

+			if ( sTagName == "*" )

+				return document.all;

+			else

+				return document._getElementsByTagName( sTagName );

+		};

+	}

+

+	return hasSupport.support;

+}

+

+///////////////////////////////////////////////////////////////////////////////////

+// The constructor for tab panes

+//

+// el : HTMLElement		The html element used to represent the tab pane

+// bUseCookie : Boolean	Optional. Default is true. Used to determine whether to us

+//						persistance using cookies or not

+//

+function WebFXTabPane( el, bUseCookie ) {

+	if ( !hasSupport() || el == null ) return;

+	

+	this.element = el;

+	this.element.tabPane = this;

+	this.pages = [];

+	this.selectedIndex = null;

+	this.useCookie = bUseCookie != null ? bUseCookie : true;

+	

+	// add class name tag to class name

+	this.element.className = this.classNameTag + " " + this.element.className;

+	

+	// add tab row

+	this.tabRow = document.createElement( "div" );

+	this.tabRow.className = "tab-row";

+	el.insertBefore( this.tabRow, el.firstChild );

+

+	var tabIndex = 0;

+	if ( this.useCookie ) {

+		tabIndex = Number( WebFXTabPane.getCookie( "webfxtab_" + this.element.id ) );

+		if ( isNaN( tabIndex ) )

+			tabIndex = 0;

+	}

+	this.selectedIndex = tabIndex;

+	

+	// loop through child nodes and add them

+	var cs = el.childNodes;

+	var n;

+	for (var i = 0; i < cs.length; i++) {

+		if (cs[i].nodeType == 1 && cs[i].className == "tab-page") {

+			this.addTabPage( cs[i] );

+		}

+	}

+}

+

+WebFXTabPane.prototype.classNameTag = "dynamic-tab-pane-control";

+

+WebFXTabPane.prototype.setSelectedIndex = function ( n ) {

+	if (this.selectedIndex != n) {

+		if (this.selectedIndex != null && this.pages[ this.selectedIndex ] != null )

+			this.pages[ this.selectedIndex ].hide();

+		this.selectedIndex = n;

+		this.pages[ this.selectedIndex ].show();

+		

+		if ( this.useCookie )

+			WebFXTabPane.setCookie( "webfxtab_" + this.element.id, n );	// session cookie

+	}

+};

+	

+WebFXTabPane.prototype.getSelectedIndex = function () {

+	return this.selectedIndex;

+};

+	

+WebFXTabPane.prototype.addTabPage = function ( oElement ) {

+	if ( !hasSupport() ) return;

+	

+	if ( oElement.tabPage == this )	// already added

+		return oElement.tabPage;

+

+	var n = this.pages.length;

+	var tp = this.pages[n] = new WebFXTabPage( oElement, this, n );

+	tp.tabPane = this;

+	

+	// move the tab out of the box

+	this.tabRow.appendChild( tp.tab );

+			

+	if ( n == this.selectedIndex )

+		tp.show();

+	else

+		tp.hide();

+		

+	return tp;

+};

+	

+WebFXTabPane.prototype.dispose = function () {

+	this.element.tabPane = null;

+	this.element = null;		

+	this.tabRow = null;

+	

+	for (var i = 0; i < this.pages.length; i++) {

+		this.pages[i].dispose();

+		this.pages[i] = null;

+	}

+	this.pages = null;

+};

+

+

+

+// Cookie handling

+WebFXTabPane.setCookie = function ( sName, sValue, nDays ) {

+	var expires = "";

+	if ( nDays ) {
+		var d = new Date();
+		d.setTime( d.getTime() + nDays * 24 * 60 * 60 * 1000 );
+		expires = "; expires=" + d.toGMTString();
+	}
+
+	document.cookie = sName + "=" + sValue + expires + "; path=/";
+};

+

+WebFXTabPane.getCookie = function (sName) {
+	var re = new RegExp( "(\;|^)[^;]*(" + sName + ")\=([^;]*)(;|$)" );
+	var res = re.exec( document.cookie );
+	return res != null ? res[3] : null;
+};
+
+WebFXTabPane.removeCookie = function ( name ) {
+	setCookie( name, "", -1 );
+};

+

+

+

+

+

+

+

+

+///////////////////////////////////////////////////////////////////////////////////

+// The constructor for tab pages. This one should not be used.

+// Use WebFXTabPage.addTabPage instead

+//

+// el : HTMLElement			The html element used to represent the tab pane

+// tabPane : WebFXTabPane	The parent tab pane

+// nindex :	Number			The index of the page in the parent pane page array

+//

+function WebFXTabPage( el, tabPane, nIndex ) {

+	if ( !hasSupport() || el == null ) return;

+	

+	this.element = el;

+	this.element.tabPage = this;

+	this.index = nIndex;

+	

+	var cs = el.childNodes;

+	for (var i = 0; i < cs.length; i++) {

+		if (cs[i].nodeType == 1 && cs[i].className == "tab") {

+			this.tab = cs[i];

+			break;

+		}

+	}

+	

+	// insert a tag around content to support keyboard navigation

+	

+	

+	var a = document.createElement( "A" );

+	this.aElement = a;

+	a.href = "#";

+	a.onclick = function () { return false; };

+	while ( this.tab.hasChildNodes() )

+		a.appendChild( this.tab.firstChild );

+	this.tab.appendChild( a );

+

+	

+	// hook up events, using DOM0

+	var oThis = this;

+	this.tab.onclick = function () { oThis.select(); };

+	this.tab.onmouseover = function () { WebFXTabPage.tabOver( oThis ); };

+	this.tab.onmouseout = function () { WebFXTabPage.tabOut( oThis ); };

+}

+

+WebFXTabPage.prototype.show = function () {

+	var el = this.tab;

+	var s = el.className + " selected";

+	s = s.replace(/ +/g, " ");

+	el.className = s;

+	

+	this.element.style.display = "block";

+};

+

+WebFXTabPage.prototype.hide = function () {

+	var el = this.tab;

+	var s = el.className;

+	s = s.replace(/ selected/g, "");

+	el.className = s;

+

+	this.element.style.display = "none";

+};

+	

+WebFXTabPage.prototype.select = function () {

+	this.tabPane.setSelectedIndex( this.index );

+};

+	

+WebFXTabPage.prototype.dispose = function () {

+	this.aElement.onclick = null;

+	this.aElement = null;

+	this.element.tabPage = null;

+	this.tab.onclick = null;

+	this.tab.onmouseover = null;

+	this.tab.onmouseout = null;

+	this.tab = null;

+	this.tabPane = null;

+	this.element = null;

+};

+

+WebFXTabPage.tabOver = function ( tabpage ) {

+	var el = tabpage.tab;

+	var s = el.className + " hover";

+	s = s.replace(/ +/g, " ");

+	el.className = s;

+};

+

+WebFXTabPage.tabOut = function ( tabpage ) {

+	var el = tabpage.tab;

+	var s = el.className;

+	s = s.replace(/ hover/g, "");

+	el.className = s;

+};

+

+

+// This function initializes all uninitialized tab panes and tab pages

+function setupAllTabs() {

+	if ( !hasSupport() ) return;

+

+	var all = document.getElementsByTagName( "*" );

+	var l = all.length;

+	var tabPaneRe = /tab\-pane/;

+	var tabPageRe = /tab\-page/;

+	var cn, el;

+	var parentTabPane;

+	

+	for ( var i = 0; i < l; i++ ) {

+		el = all[i]

+		cn = el.className;

+

+		// no className

+		if ( cn == "" ) continue;

+		

+		// uninitiated tab pane

+		if ( tabPaneRe.test( cn ) && !el.tabPane )

+			new WebFXTabPane( el );

+	

+		// unitiated tab page wit a valid tab pane parent

+		else if ( tabPageRe.test( cn ) && !el.tabPage &&

+					tabPaneRe.test( el.parentNode.className ) ) {

+			el.parentNode.tabPane.addTabPage( el );			

+		}

+	}

+}

+

+function disposeAllTabs() {

+	if ( !hasSupport() ) return;

+	

+	var all = document.getElementsByTagName( "*" );

+	var l = all.length;

+	var tabPaneRe = /tab\-pane/;

+	var cn, el;

+	var tabPanes = [];

+	

+	for ( var i = 0; i < l; i++ ) {

+		el = all[i]

+		cn = el.className;

+

+		// no className

+		if ( cn == "" ) continue;

+		

+		// tab pane

+		if ( tabPaneRe.test( cn ) && el.tabPane )

+			tabPanes[tabPanes.length] = el.tabPane;

+	}

+	

+	for (var i = tabPanes.length - 1; i >= 0; i--) {

+		tabPanes[i].dispose();

+		tabPanes[i] = null;

+	}

+}

+

+

+// initialization hook up

+

+// DOM2

+if ( typeof window.addEventListener != "undefined" )

+	window.addEventListener( "load", setupAllTabs, false );

+

+// IE 

+else if ( typeof window.attachEvent != "undefined" ) {

+	window.attachEvent( "onload", setupAllTabs );

+	window.attachEvent( "onunload", disposeAllTabs );

+}

+

+else {

+	if ( window.onload != null ) {

+		var oldOnload = window.onload;

+		window.onload = function ( e ) {

+			oldOnload( e );

+			setupAllTabs();

+		};

+	}

+	else 

+		window.onload = setupAllTabs;

+}
\ No newline at end of file