Commits

msssk  committed a841bd2

delete: removed jsdoc files
add: CSS class for location bar
change: some CSS fixes
change: improved resource management

  • Participants
  • Parent commits 6aed3fb

Comments (0)

Files changed (20)

+/*
+This is free and unencumbered software released into the public domain.
+
+Anyone is free to copy, modify, publish, use, compile, sell, or
+distribute this software, either in source code form or as a compiled
+binary, for any purpose, commercial or non-commercial, and by any
+means.
+
+In jurisdictions that recognize copyright laws, the author or authors
+of this software dedicate any and all copyright interest in the
+software to the public domain. We make this dedication for the benefit
+of the public at large and to the detriment of our heirs and
+successors. We intend this dedication to be an overt act of
+relinquishment in perpetuity of all present and future rights to this
+software under copyright law.
+
+THE 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 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.
+
+For more information, please refer to <http://unlicense.org/>
+*/
+
+
 /**
  * @fileOverview <p>clikkit is a jQuery plug-in that provides framed browsing of page links.</p>
  * <p>An onclick handler is set for all main links on the page that returns false to override the default action.
 		$borderCell,
 		$border,
 		$edgeCell,
-		$closeText;
+		$closeText,
+		clikkitStyles;
 
 	if( $.clikkit.settings.enableHotkeys ) {
 		$(window).keyup( keyupHandler );
 		noFrameDomains = noFrameDomains.concat( $.clikkit.settings.noFrameDomains );
 	}
 
+	clikkitStyles = '.clikkitLocationBar {';
+	clikkitStyles += ' font: small verdana, arial, helvetica, sans-serif;';
+	clikkitStyles += ' text-decoration: none;';
+	clikkitStyles += ' letter-spacing: normal;';
+	clikkitStyles += ' word-spacing: normal;';
+	clikkitStyles += ' }\n';
+	clikkitStyles += 'a.clikkitLocationBar, a.clikkitLocationBar:hover, a.clikkitLocationBar:visited {';
+	clikkitStyles += ' color: black;';
+	clikkitStyles += ' }\n';
+
+	$( 'html > head' ).append( '<style>' + clikkitStyles + '</style>' );
+
+
 	// translucent left-border challenges:
 	// 1. div-inside-div:  inner div inherits translucence of outer div
 	// 2. div-next-to-div:  alignment is hell, pixels are all wrong!
 		letterSpacing: '4px',
 		color: 'white',
 		background: $.clikkit.settings.closeBarColor,
-		cursor: 'pointer'
+		cursor: 'pointer',
+		verticalAlign: 'middle'
 	} );
 	$edgeCell.click( closeLink );
 	$row.append( $edgeCell );
 	// put a dummy value in the div so that when it is first rendered, it has its normal height
 	$contentPane.URL = $( '<div>Tj</div>' );
 	$contentPane.URL.css( {
-		font: 'small verdana, arial, helvetica, sans-serif',
 		color: 'black',
 		backgroundColor: '#F5F5F5',
 		padding: '2px 2px 2px 3px',
 		border: '1px solid #B3B3B3',
 		width: '18px',
 		paddingTop: '1px',
+		color: 'black',
 		backgroundImage: (function() {
 			if( $.browser.webkit || $.browser.safari ) {
 				return '-webkit-gradient(linear,left bottom,left top,color-stop(0.05, rgb(227,227,227)),color-stop(0.41, rgb(245,245,245)))';
 	frameHREF = $linkNode.data( 'clikkithref' );
 	linkText = $linkNode.data( 'clikkittext' );
 
-	$contentPane.URL.html( '<a href="' + frameHREF + '" target="_blank">' + frameHREF + '</a>' );
+	$contentPane.URL.html( '<a href="' + frameHREF + '" target="_blank" class="clikkitLocationBar">' + frameHREF + '</a>' );
 	$contentPane.FrameCount.text( links.length );
 	$contentPane.Title.text( linkText );
 	$contentPane.Frame = link.$iframe;
 
 
 function closeLink( event ) {
+	var currentLink,
+		eventResult,
+		$linkNode,
+		closeLinkEvent;
+
 	try {
-		var currentLink,
-			eventResult,
-			$linkNode,
-			closeLinkEvent;
-
 		currentLink = links.shift();
 		$linkNode = $( currentLink.domNode );
 		$linkNode.removeData( 'clikkithref' );
 			return false;
 		}
 
+		delete currentLink.domNode;
+		delete currentLink.$iframe;
+
 		$contentPane.URL.html( 'Tj' );
 		$contentPane.Title.html( 'Tj' );
 
 		}
 
 		$contentPane.Frame.remove();
+		$contentPane.Frame = null;
 	}
 	catch( e ) {
 		logError( e, 'closeLink' );
 	}
+	finally {
+		$linkNode = null;
+		currentLink = null;
+	}
 
 	if( links.length > 0 ) {
 		showLink( links[0] );
 		logError( e, 'addLink' );
 		window.open( link.href );
 	}
+	finally {
+		$link = null;
+		addLinkEvent = null;
+	}
 }
 
 

File jsdoc/clikkit/css/all.css

-/* TABLE OF CONTENTS:
- * - Browser reset
- * - HTML elements
- * - JsDoc styling
- */
-
-
-
-
-
-
-/*
- * BEGIN BROWSER RESET
- */
-
-body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,pre,form,fieldset,input,textarea,p,blockquote,th,td {
-	margin:0;
-	padding:0
-}
-html {
-	height:100%;
-	overflow:-moz-scrollbars-vertical;
-	overflow-x:auto
-}
-table {
-	border:0;
-	border-collapse:collapse;
-	border-spacing:0
-}
-fieldset,img {
-	border:0
-}
-address,caption,cite,code,dfn,em,strong,th,var {
-	font-style:normal;
-	font-weight:normal
-}
-em,cite {
-	font-style:italic
-}
-strong {
-	font-weight:bold
-}
-ol,ul {
-	list-style:none
-}
-caption,th {
-	text-align:left
-}
-h1,h2,h3,h4,h5,h6 {
-	font-size:100%;
-	font-weight:normal;
-	margin:0;
-	padding:0
-}
-q:before,q:after {
-	content:''
-}
-abbr,acronym {
-	border:0
-}
-section,article,header,footer,nav,aside,hgroup {
-	display:block
-}
-
-/*
- * END BROWSER RESET
- */
-
-
-
-
-
-
-/*
- * HTML ELEMENTS
- */
-
-* {
-	line-height: 1.4em;
-}
-
-html {
-	font-size: 100%;
-}
-
-body {
-	font-size: 0.9em;
-	padding: 15px 0;
-	background: #eee;
-	background-image: -moz-linear-gradient(left, #dddddd, #f9f9f9) fixed;
-	background-image: -webkit-gradient(linear,left bottom,right bottom,color-stop(0, #dddddd),color-stop(1, #f9f9f9)) fixed;
-  }
-
-body,
-input,
-select,
-textarea {
-	color: #000;
-	font-family: Arial, Geneva, sans-serif;
-}
-
-a:link,
-a:hover,
-a:active,
-a:visited {
-	color: #19199e;
-}
-a:hover,
-a:focus {
-	color: #00f;
-	text-decoration: none;
-}
-
-p {
-	margin: 0 0 1.5em 0;
-}
-
-/*
- * END HTML ELEMENTS
- */
-
-
- 
-/*
- * BEGIN HACK
- */
-
-div.containerMain:after,
-div.safeBox:after {
-	content:"";
-	display:block;
-	height:0;
-	clear:both;
-}
-
-/*
- * END HACK
- */
-
-
-
-/*
- * BEGIN JSDOC
- */
-
-/* Start menu */
-div.index *.heading1 {
-	margin-bottom: 0.5em;
-	border-bottom: 1px solid #999999;
-	font-family: M1m, Arial, sans-serif;
-	font-size: 1.6em;
-	letter-spacing: 1px;
-	line-height: 1.3em;
-}
- 
-div.index div.menu {
-	background-color: #FFFFFF;
-}
-*+html div.index div.menu {
-	background-color: #FFFFFF;
-}
-* html div.index div.menu {
-	background-color: #FFFFFF;
-}
-
-div.index div.menu div {
-	text-align: left;
-}
-
-div.index div.menu a {
-	text-decoration: none;
-}
-div.index div.menu a:hover {
-	text-decoration: underline;
-}
-
-div.index ul.classList {
-	padding-left: 0;
-}
-
-div.index ul.classList a {
-	display: block;
-	margin: 1px 0;
-	padding: 4px 0 2px 10px;
-	text-indent: -10px;
-}
-
-div.index div.fineprint {
-	color: #777;
-	font-size: 0.9em;
-}
-div.index div.fineprint a {
-	color: #777;
-}
-/* End menu */
-
-
-
-/* Start content */
-div.content ul {
-	padding-left: 0;
-}
-
-div.content *.classTitle {
-	font-size: 1.2em;
-	font-weight: bold;
-	line-height: 1em;
-}
-
-div.content *.classTitle span {
-	display: block;
-	font-size: 2em;
-	letter-spacing: 2px;
-	line-height: 1em;
-	padding-top: 5px;
-	text-shadow: 1px 1px 1px #999999;
-	word-wrap: break-word;
-}
-
-div.content p.summary {
-	font-size: 1.25em;
-}
-
-div.content ul *.classname a,
-div.content ul *.filename a {
-	font-family: Consolas, "Courier New", Courier, monospace;
-	text-decoration: none;
-	font-weight: bold;
-}
-div.content ul *.classname a:hover,
-div.content ul *.filename a:hover {
-	text-decoration: underline;
-}
-
-div.content div.props {
-	-moz-border-radius: 5px;
-	-webkit-border-radius: 5px;
-	border-radius: 5px;
-	background: #fff;
-	background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.2)); /* FF3.6 */
-	background: -webkit-gradient(linear,left top,left bottom,color-stop(0, rgba(255, 255, 255, 0.7)),color-stop(1, rgba(255, 255, 255, 0.2)));
-	-moz-box-shadow: 0px 0px 10px #ccc;
-	-webkit-box-shadow: 0px 0px 5px #bbb;
-	box-shadow: 0px 0px 5px #bbb;
-}
-
-
-
-*.sectionTitle {
-	font-family: Calibri, Arial, sans-serif;
-	font-size: 1.6em;
-	letter-spacing: 1px;
-}
-
-table.summaryTable td,
-table.summaryTable th {
-	vertical-align: top;
-}
-table.summaryTable tr:last-child td {
-	padding-bottom: 0;
-}
-
-table.summaryTable th {
-	font-weight: bold;
-}
-
-table.summaryTable td.attributes {
-	font-family: Consolas, "Courier New", Courier, monospace;
-	color: #666;
-}
-
-table.summaryTable div.description {
-	color: #333;
-}
-
-
-
-dl.detailList dt {
-	font-weight: bold;
-}
-
-dl.inheritsList dd + dt {
-	margin-top: 10px;
-}
-
-dl.inheritsList dd {
-	display: inline;
-}
-
-
-
-.fixedFont {
-	font-family: Consolas, "Courier New", Courier, monospace;
-}
-
-.fixedFont.heading {
-	font-size: 1.25em;
-	line-height: 1.1em
-}
-
-.fixedFont.heading + .description {
-	font-size: 1.2em;
-}
-
-.fixedFont.heading .light,
-.fixedFont.heading .lighter {
-	font-weight: bold;
-}
-
-pre.code {
-	overflow: auto;
-	font-family: Consolas, "Courier New", Courier, monospace;
-	background: #eee;
-}
-/* Start content */
-
-
-
-/* Start general styles */
-.light {
-	color: #666;
-}
-
-.lighter {
-	color: #999;
-}
-
-span.break {
-	font-size: 1px;
-	line-height:  1px;
-}
-/* End general styles */
-
-/*
- * END JSDOC
- */

File jsdoc/clikkit/css/handheld.css

-/*
- * TABLE OF CONTENTS:
- * - Browser reset
- * - HTML elements
- * - JsDoc styling
- * - Media query check
- */
-
-
-
-
-
-
-/*
- * HTML ELEMENTS
- */
-
-body {
-	padding: 1% 4% 1% 4%;
-}
-
-/*
- * HTML ELEMENTS
- */
-
-
-
- 
- 
-/*
- * BEGIN JSDOC
- */
-
-/* Start menu */
-div.index div.menu {
-	position: fixed;
-	top: 0;
-	right: 0;
-	-moz-border-radius-bottomleft: 15px;
-	-webkit-border-bottom-left-radius: 15px;
-	-border-bottom-left-radius: 15px;
-	padding: 4px 5px 8px 10px;
-	-moz-box-shadow: 0px 0px 10px #c4c4c4;
-	-webkit-box-shadow: 0px 0px 10px #c4c4c4;
-	box-shadow: 0px 0px 10px #c4c4c4;
-	background-color: rgba(255, 255, 255, 0.9);
-}
-
-div.index input.classFilter {
-	display: none;
-}
-
-div.index div.indexLinks a {
-	float: right;
-	clear: both;
-	font-size: 1.1em;
-}
-
-div.index *.heading1 {
-	display:none;
-}
-
-div.index ul.classList {
-	display:none;
-}
-
-div.index div.fineprint {
-	display:none;
-}
-
-div.indexStatic {
-	display: none;
-}
-/* End menu */
-
-
-
-/* Start content */
-div.content *.classTitle {
-	margin-right: 60px;
-	margin-bottom: 15px;
-}
-
-div.content div.intro {
-	margin: 15px 0 35px;
-}
-
-div.content p.description.summary {
-	margin-bottom: 0.2em;
-}
-
-div.content div.props {
-	margin: 1.5em -2% 0 -2%;
-	padding: 2%;
-}
-
-table.summaryTable {
-	position: relative;
-	left: -10px;
-	width: 100%;
-	border-collapse: collapse;
-	box-sizing: content-box;
-	-moz-box-sizing: content-box;
-	-webkit-box-sizing: content-box;
-	-ms-box-sizing: content-box;
-	-o-box-sizing: content-box;
-	-icab-box-sizing: content-box;
-	-khtml-box-sizing: content-box; 
-}
-
-*.sectionTitle {
-	padding: 0 10px 10px 0;
-}
-caption.sectionTitle {
-	padding-left: 10px;
-}
-
-table.summaryTable td,
-table.summaryTable th {
-	padding: 0px 10px 10px 10px;
-}
-table.summaryTable tr:last-child td {
-	padding-bottom: 0;
-}
-
-table.summaryTable td.attributes {
-	width: 35%;
-}
-
-table.summaryTable td.nameDescription {
-	width: 65%
-}
-
-
-
-dl.detailList {
-	margin-top: 0.5em;
-}
-
-dl.detailList.nomargin + dl.detailList.nomargin {
-	margin-top: 0;
-}
-
-dl.detailList dt {
-	display: inline;
-	margin-right: 5px;
-}
-
-dl.detailList dt:before {
-	display: block;
-	content: "";
-}
-
-dl.detailList dd {
-	display: inline;
-}
-
-dl.detailList.params dt {
-	display: block;
-}
-dl.detailList.params dd {
-	display: block;
-	padding-left: 2em;
-	padding-bottom: 0.4em;
-}
-
-
-
-
-ul.fileList li {
-	margin-bottom: 1.5em;
-}
-
-
-
-.fixedFont.heading {
-	margin-bottom: 0.5em;
-}
-
-pre.code {
-	margin: 10px 0 10px 0;
-	padding: 10px;
-	border: 1px solid #ccc;
-	-moz-border-radius: 2px;
-	-webkit-border-radius: 2px;
-	border-radius: 2px;
-}
-/* End content */
-
-/*
- * END JSDOC
- */
-
-
-
-
-
-
-
-/*
- * START MEDIA QUERY CHECK
- */
-
-.cssLoadCheck {
-	position: absolute;
-	top: -99999px;
-	left: -99999px;
-	border: 0;
-	width: 100px;
-	padding: 0;
-	overflow: hidden;
-}
-
-/*
- * END MEDIA QUERY CHECK
- */
-

File jsdoc/clikkit/css/screen.css

-/*
- * TABLE OF CONTENTS:
- * - JsDoc styling
- * - Media query check
- */
-
-
-
-
-
-
-/*
- * BEGIN JSDOC
- */
-
-/* Start menu */
-div.index {
-	position: fixed;
-	top: 0;
-	bottom: 0;
-	float: left;
-	width: 30%;
-	min-width: 100px;
-	max-width: 300px;
-	padding: 0 0 10px 0;
-	overflow: auto;
-}
-
-div.index *.heading1 {
-	padding: 8px 0 0 0;
-}
-
-div.index div.menu {
-	margin: 0 15px 0 -15px;
-	-moz-border-radius-bottomright: 15px;
-	-webkit-border-bottom-right-radius: 15px;
-	-border-bottom-right-radius: 15px;
-  	padding: 15px 15px 15px 30px;
-	-moz-box-shadow: 0px 0px 10px #c4c4c4;
-	-webkit-box-shadow: 0px 0px 10px #c4c4c4;
-	box-shadow: 0px 0px 10px #c4c4c4;
-	background-color: rgba(255, 255, 255, 0.5);
-}
-
-div.index div.indexLinks {
-	margin-top: 13px;
-	position: absolute;
-	right: 30px;
-}
-
-div.index div.indexLinks a {
-	color: #999999;
-	text-transform: lowercase;
-}
-
-div.index div.indexLinks a:first-child {
-	margin-right: 3px;
-	border-right: 1px solid #999999;
-	padding-right: 5px;
-}
-
-div.index input.classFilter {
-	margin-bottom: 4px;
-	width: 100%;
-	border-width: 1px;
-	border-style: solid;
-	border-color: #CCCCCC #999999 #999999 #CCCCCC;
-	-moz-border-radius: 3px;
-	-webkit-border-radius: 3px;
-	-border-radius: 3px;
-}
-
-div.index ul.classList a {
-	line-height: 1.3em;
-}
-
-div.index ul.classList a + a {
-	margin-left: 0.5em;
-}
-
-div.index div.fineprint {
-	margin: 1em 0 0 15px;
-	color: #777;
-	font-size: 0.9em;
-}
-
-div.index div.fineprint a {
-	color: #777;
-}
-
-div.indexStatic {
-	position: static;
-	min-height: 1em;
-}
-/* End menu */
-
-
-/* Start content */
-div.content {
-	float: left;
-	width: 70%;
-	min-width: 300px;
-	max-width: 600px;
-}
-div.innerContent {
-	padding: 0 0 0 2.5em;
-}
-
-div.content ul,
-div.content ol {
-	margin-bottom: 3em;
-}
-
-div.content ul.methodDetail {
-	margin-bottom: 0;
-}
-
-div.content *.classTitle {
-	position: relative;
-	left: -10px;
-	margin: -30px 0 15px 0;
-	-moz-border-radius: 15px;
-	-webkit-border-radius: 15px;
-	border-radius: 15px;
-  	padding: 25px 15px 15px 15px;
-	background-color: #FFFFFF;
-	background-color: rgba(255, 255, 255, 0.5);
-	-moz-box-shadow: 0px 0px 10px #c4c4c4;
-	-webkit-box-shadow: 0px 0px 10px #c4c4c4;
-	box-shadow: 0px 0px 10px #c4c4c4;
-}
-
-div.content div.intro {
-	margin: 15px 0 45px
-}
-
-div.content p.summary {
-	margin-bottom: 0.5em;
-}
-
-div.content ul.summary {
-	margin-bottom: 1.5em;
-}
-
-div.content ul *.classname a,
-div.content ul *.filename a {
-	font-family: Consolas, "Courier New", Courier, monospace;
-	text-decoration: none;
-	font-weight: bold;
-}
-div.content ul *.classname a:hover,
-div.content ul *.filename a:hover {
-	text-decoration: underline;
-}
-
-div.content div.props {
-	position: relative;
-	left: -10px;
-	margin-bottom: 2.5em;
-	padding: 10px 15px 15px 15px;
-	overflow: hidden;
-}
-
-div.content div.hr {
-	margin: 0 10px 0 0;
-	height: 4em;
-}
-
-
-
-table.summaryTable {
-	position: relative;
-	left: -10px;
-	width: 100%;
-	border-collapse: collapse;
-	box-sizing: content-box;
-	-moz-box-sizing: content-box;
-	-webkit-box-sizing: content-box;
-	-ms-box-sizing: content-box;
-	-o-box-sizing: content-box;
-	-icab-box-sizing: content-box;
-	-khtml-box-sizing: content-box; 
-}
-
-*.sectionTitle {
-	padding: 0 10px 10px 0;
-}
-caption.sectionTitle {
-	padding-left: 10px;
-}
-
-table.summaryTable td,
-table.summaryTable th {
-	padding: 0px 10px 10px 10px;
-}
-table.summaryTable tr:last-child td {
-	padding-bottom: 0;
-}
-
-table.summaryTable td.attributes {
-	width: 35%;
-}
-
-table.summaryTable td.nameDescription {
-	width: 65%
-}
-
-
-
-dl.detailList {
-	margin-top: 0.5em;
-}
-
-dl.detailList.nomargin + dl.detailList.nomargin {
-	margin-top: 0;
-}
-
-dl.detailList dt {
-	display: inline;
-	margin-right: 5px;
-}
-
-dl.detailList dt:before {
-	display: block;
-	content: "";
-}
-
-dl.detailList dd {
-	display: inline;
-}
-
-dl.detailList.params dt {
-	display: block;
-}
-dl.detailList.params dd {
-	display: block;
-	padding-left: 2em;
-	padding-bottom: 0.4em;
-}
-
-
-
-
-ul.fileList li {
-	margin-bottom: 1.5em;
-}
-
-
-
-.fixedFont.heading {
-	margin-bottom: 0.5em;
-}
-
-pre.code {
-	margin: 10px 0 10px 0;
-	padding: 10px;
-	border: 1px solid #ccc;
-	-moz-border-radius: 2px;
-	-webkit-border-radius: 2px;
-	border-radius: 2px;
-}
-/* End content */
-
-.clear {
-	clear: both;
-	width: 100%;
-	min-height: 0;
-}
-
-/*
- * END JSDOC
- */
-
-
-
-
-
-
-
-/*
- * START MEDIA QUERY CHECK
- */
-
-.cssLoadCheck {
-	position: absolute;
-	top: -99999px;
-	left: -99999px;
-	border: 0;
-	width: 100px;
-	padding: 0;
-	overflow: hidden;
-}
-
-/*
- * END MEDIA QUERY CHECK
- */
-

File jsdoc/clikkit/files.html

-
-<!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
-	<head>
-		<meta charset="utf-8"></meta>
-		<meta name="generator" content="JsDoc Toolkit"></meta>
-		<title>File Index | JsDoc Reference</title>
-
-		<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;"></meta>
-		<meta name="mobileoptimized" content="0"></meta>
-	
-		<link rel="stylesheet" href="css/all.css" media="all"></link>
-		<link rel="stylesheet" href="css/handheld.css" media="only screen and (max-width: 660px)"></link>
-		<link rel="stylesheet" href="css/handheld.css" media="handheld"></link>
-		<link rel="stylesheet" href="css/screen.css" media="screen and (min-width: 661px)"></link>
-
-		<script src="javascript/all.js"></script>
-		<!--[if lt IE 9]>
-			<script src="javascript/html5.js"></script>
-		<![endif]-->
-	</head>
-
-	<body>
-
-<div class="index">
-	<div class="menu">
-		<div class="indexLinks">
-			<a href="index.html">Classes</a>
-			<a href="files.html">Files</a>
-		</div>
-	
-		<h2 class="heading1">Classes</h2>
-		
-		<input type="text" name="classFilter" class="classFilter" id="ClassFilter" placeholder="Filter"></input>
-		
-		<nav>
-			<ul class="classList" id="ClassList">
-				
-					<li><a href="symbols/_global_.html">_global_</a></li>
-				
-			</ul>
-		</nav>
-	</div>
-	<div class="fineprint" style="clear:both">
-		
-		Documentation generator: <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.4.0<br />
-		Template: <a href="http://www.thebrightlines.com/2010/05/06/new-template-for-jsdoctoolkit-codeview/" target="_blank">Codeview</a> 1.2<br />
-		Generated on: 2011-6-16 12:24
-	</div>
-</div>
-
-<div class="index indexStatic"></div>
-
-<div class="content">
-	<div class="innerContent">
-		<h1 class="classTitle"><span>File Index</span></h1>
-		
-		<ul class="fileList" id="FileList">
-			
-				<li>
-					<h2 class="filename"><a href="symbols/src/src_clikkit_jquery_clikkit.js.html">clikkit.js</a></h2>
-					
-					
-<p>clikkit is a jQuery plug-in that provides framed browsing of page links.</p>
-					
-					<dl class="detailList">
-						
-							<dt class="heading">Author:</dt>
-							<dd>Mangala Sadhu Sangeet Singh Khalsa</dd>
-						
-						
-						
-							<dt class="heading">Version:</dt>
-							<dd>1.0</dd>
-						
-						
-						
-						
-					</dl>
-				</li>
-			
-		</ul>
-	</div>
-</div>
-		<script type="text/javascript">
-			wbos.CssTools.MediaQueryFallBack.LoadCss('css/screen.css', 'css/handheld.css', 660)
-			codeview.classFilter.Init()
-		</script>
-	</body>
-</html>

File jsdoc/clikkit/index.html

-
-<!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
-	<head>
-		<meta charset="utf-8"></meta>
-		<meta name="generator" content="JsDoc Toolkit"></meta>
-		<title>Class Index | JsDoc Reference</title>
-
-		<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;"></meta>
-		<meta name="mobileoptimized" content="0"></meta>
-	
-		<link rel="stylesheet" href="css/all.css" media="all"></link>
-		<link rel="stylesheet" href="css/handheld.css" media="only screen and (max-width: 660px)"></link>
-		<link rel="stylesheet" href="css/handheld.css" media="handheld"></link>
-		<link rel="stylesheet" href="css/screen.css" media="screen and (min-width: 661px)"></link>
-
-		<script src="javascript/all.js"></script>
-		<!--[if lt IE 9]>
-			<script src="javascript/html5.js"></script>
-		<![endif]-->
-	</head>
-
-	<body>
-
-<div class="index">
-	<div class="menu">
-		<div class="indexLinks">
-			<a href="index.html">Classes</a>
-			<a href="files.html">Files</a>
-		</div>
-	
-		<h2 class="heading1">Classes</h2>
-		
-		<input type="text" name="classFilter" class="classFilter" id="ClassFilter" placeholder="Filter"></input>
-		
-		<nav>
-			<ul class="classList" id="ClassList">
-				
-					<li><a href="symbols/_global_.html">_global_</a></li>
-				
-			</ul>
-		</nav>
-	</div>
-	<div class="fineprint" style="clear:both">
-		
-		Documentation generator: <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.4.0<br />
-		Template: <a href="http://www.thebrightlines.com/2010/05/06/new-template-for-jsdoctoolkit-codeview/" target="_blank">Codeview</a> 1.2<br />
-		Generated on: 2011-6-16 12:24
-	</div>
-</div>
-
-<div class="index indexStatic"></div>
-
-<div class="content">
-	<div class="innerContent">
-		<h1 class="classTitle"><span>Class Index</span></h1>
-		
-		<ul id="ClassList2">
-			
-				<li>
-					<h2 class="classname"><a href="symbols/_global_.html">_global_</a></h2>
-					<p></p>
-				</li>
-			
-		</ul>
-	</div>
-</div>
-		<script type="text/javascript">
-			wbos.CssTools.MediaQueryFallBack.LoadCss('css/screen.css', 'css/handheld.css', 660)
-			codeview.classFilter.Init()
-		</script>
-	</body>
-</html>
-

File jsdoc/clikkit/javascript/all.js

-/**
- * @fileOverview Contains standard code in the namespace 'wbos' and code specifically written for Codeview in the namespace 'codeview'
- * @author Wouter Bos (www.thebrightlines.com)
- * @since 1.0 - 2010-09-10
- * @version 1.0 - 2010-09-10
- */
-
-
-
-
-
-
-if (typeof(wbos) == "undefined") {
-	/**
-	 * @namespace Standard code of Wouter Bos (wbos)
-	 */
-	wbos = {}
-}
-if (typeof(wbos.CssTools) == "undefined") {
-	/**
-	 * @namespace Namespace for CSS-related functionality
-	 */
-	wbos.CssTools = {}
-}
-
-
-
-
-/**
- * @namespace Fallback for CSS advanced media query
- * @class
- * @since 1.0 - 2010-09-10
- * @version 1.0 - 2010-09-10
- */
-wbos.CssTools.MediaQueryFallBack = ( function() {
-	var config = {
-		cssScreen: "/css/screen.css",
-		cssHandheld: "/css/handheld.css",
-		mobileMaxWidth: 660,
-		testDivClass: "cssLoadCheck",
-		dynamicCssLinkId: "DynCssLink",
-		resizeDelay: 30
-	}
-	var noMediaQuery = false;
-	var delay;
-	var currentCssMediaType;
-
-	// Adding events to elements in the DOM without overwriting it
-	function addEvent(element, newFunction, eventType) {
-		var oldEvent = eval("element." + eventType);
-		var eventContentType = eval("typeof element." + eventType)
-		
-		if ( eventContentType != 'function' ) {
-			eval("element." + eventType + " = newFunction")
-		} else {
-			eval("element." + eventType + " = function(e) { oldEvent(e); newFunction(e); }")
-		}
-	}
-	
-	// Get the the inner width of the browser window
-	function getWindowWidth() {
-		if (window.innerWidth) {
-			return window.innerWidth;
-		} else if (document.documentElement.clientWidth) {
-			return document.documentElement.clientWidth;
-		} else if (document.body.clientWidth) {
-			return document.body.clientWidth;
-		} else{
-			return 0;	
-		}
-	}
-	
-	function addCssLink(cssHref) {
-		var cssNode = document.createElement('link');
-		var windowWidth;
-		cssNode.type = 'text/css';
-		cssNode.rel = 'stylesheet';
-		cssNode.media = 'screen, handheld, fallback';
-		cssNode.href = cssHref;
-		document.getElementsByTagName("head")[0].appendChild(cssNode);
-	}
-	
-
-
-	/* Start public */
-	return {
-  		/**
-		 * Adds link to CSS in the head if no CSS is loaded
-		 *
-		 * @since 1.0 - 2010-08-21
-		 * @version 1.0 - 2010-08-21
-		 * @param {String|Object} cssScreen URL to CSS file for larger screens
-		 * @param {String|Object} cssHandheld URL to CSS file for smaller screens
-		 * @param {Number} mobileMaxWidth Maximum  width for handheld devices
-		 * @example
-		 * wbos.CssTools.MediaQueryFallBack.LoadCss(['screen.css', 'screen2.css'], 'mobile.css', 480)
-		 */
-		LoadCss: function(cssScreen, cssHandheld, mobileMaxWidth) {
-			// Set config values
-			if (typeof(cssScreen) != "undefined") {
-				config.cssScreen = cssScreen;	
-			}
-			if (typeof(cssHandheld) != "undefined") {
-				config.cssHandheld = cssHandheld;	
-			}
-			if (typeof(mobileMaxWidth) != "undefined") {
-				config.mobileMaxWidth = mobileMaxWidth;	
-			}
-			
-			// Check if CSS is loaded
-			var cssloadCheckNode = document.createElement('div');
-			cssloadCheckNode.className = config.testDivClass;
-			document.getElementsByTagName("body")[0].appendChild(cssloadCheckNode);
-			if (cssloadCheckNode.offsetWidth != 100 && noMediaQuery == false) {
-				noMediaQuery = true;
-			}
-			cssloadCheckNode.parentNode.removeChild(cssloadCheckNode)
-			
-			if (noMediaQuery == true) {
-				// Browser does not support Media Queries, so JavaScript will supply a fallback 
-				var cssHref = "";
-				
-				// Determines what CSS file to load
-				if (getWindowWidth() <= config.mobileMaxWidth) {
-					cssHref = config.cssHandheld;
-					newCssMediaType = "handheld";
-				} else {
-					cssHref = config.cssScreen;
-					newCssMediaType = "screen";
-				}
-				
-				// Add CSS link to <head> of page
-				if (cssHref != "" && currentCssMediaType != newCssMediaType) {
-					var currentCssLinks = document.styleSheets
-					for (var i = 0; i < currentCssLinks.length; i++) {
-						for (var ii = 0; ii < currentCssLinks[i].media.length; ii++) {
-							if (typeof(currentCssLinks[i].media) == "object") {
-								if (currentCssLinks[i].media.item(ii) == "fallback") {
-									currentCssLinks[i].ownerNode.parentNode.removeChild(currentCssLinks[i].ownerNode)
-									i--
-									break;
-								}
-							} else {
-								if (currentCssLinks[i].media.indexOf("fallback") >= 0) {
-									currentCssLinks[i].owningElement.parentNode.removeChild(currentCssLinks[i].owningElement)
-									i--
-									break;
-								}
-							}
-						}
-					}
-					if (typeof(cssHref) == "object") {
-						for (var i = 0; i < cssHref.length; i++) {
-							addCssLink(cssHref[i])
-						}
-					} else {
-						addCssLink(cssHref)
-					}
-										
-					currentCssMediaType = newCssMediaType;
-				}
-
-				
-				// Check screen size again if user resizes window 
-				addEvent(window, wbos.CssTools.MediaQueryFallBack.LoadCssDelayed, 'onresize')
-			}
-		},
-		
-  		/**
-		 * Runs LoadCSS after a short delay
-		 *
-		 * @since 1.0 - 2010-08-21
-		 * @version 1.0 - 2010-08-21
-		 * @example
-		 * wbos.CssTools.MediaQueryFallBack.LoadCssDelayed()
-		 */
-		LoadCssDelayed: function() {
-			clearTimeout(delay);
-			delay = setTimeout( "wbos.CssTools.MediaQueryFallBack.LoadCss()", config.resizeDelay)
-		}
-		
-	}
-	/* End public */
-})();
-
-
-
-
-
-
-/**
- * @namespace Adds a function to an event of a single element. Use this if
- * you don't want to use jQuery
- * @class
- * @since 1.0 - 2010-02-23
- * @version 1.0 - 2010-02-23
- */
-wbos.Events = ( function() {
-	/* Start public */
-	return {
-  		/**
-		 * Adds a function to an event of a single element
-		 *
-		 * @since 1.0 - 2010-02-23
-		 * @version 1.0 - 2010-02-23
-		 * @param {Object} element The element on which the event is placed
-		 * @param {Function} newFunction The function that has to be linked to the event
-		 * @param {String} eventType Name of the event
-		 * @example
-		 * wbos.Events.AddEvent( document.getElementById('elementId'), functionName, "onclick" )
-		 */
-		AddEvent: function( element, newFunction, eventType ) {
-			var oldEvent = eval("element." + eventType);
-			var eventContentType = eval("typeof element." + eventType)
-			
-			if ( eventContentType != 'function' ) {
-				eval("element." + eventType + " = newFunction")
-			} else {
-				eval("element." + eventType + " = function(e) { oldEvent(e); newFunction(e); }")
-			}
-		}
-	}
-	/* End public */
-})();
-
-
-
-
-
-
-if (typeof(codeview) == "undefined") {
-	/**
-	 * @namespace Code written for the Codeview template
-	 */
-	codeview = {}
-}
-
-
-
-
-
-
-
-/**
- * @namespace Enables filtering in class lists
- * @class
- * @since 1.0 - 2010-11-08
- * @version 1.0 - 2010-11-08
- */
-codeview.classFilter = ( function() {
-	function onkeyup_ClassFilter() {
-		var listItems
-		var search = document.getElementById('ClassFilter').value
-		search = search.toLowerCase()
-		if (document.getElementById('ClassList')) {
-			listItems = document.getElementById('ClassList').getElementsByTagName('li')
-			filterList(listItems, search)
-		}
-		if (document.getElementById('ClassList2')) {
-			listItems = document.getElementById('ClassList2').getElementsByTagName('li')
-			filterList(listItems, search)
-		}
-		if (document.getElementById('FileList')) {
-			listItems = document.getElementById('FileList').getElementsByTagName('li')
-			filterList(listItems, search)
-		}
-		if (document.getElementById('MethodsListInherited')) {
-			var links = document.getElementById('MethodsListInherited').getElementsByTagName('a')
-			var linksSelected = new Array()
-			for (var i=0; i < links.length; i++) {
-				if (links[i].parentNode.parentNode.tagName == "DD") {
-					linksSelected.push(links[i])
-				}
-			}
-			filterList(linksSelected, search)
-		}
-		if (document.getElementById('MethodsList')) {
-			listItems = document.getElementById('MethodsList').getElementsByTagName('tbody')[0].getElementsByTagName('tr')
-			filterList(listItems, search, document.getElementById('MethodDetail').getElementsByTagName('li'))
-		}
-	}
-	
-	function filterList(listItems, search, relatedElements) {
-		var itemContent = ""
-		for (var i=0; i < listItems.length; i++) {
-			itemContent = listItems[i].textContent||listItems[i].innerText
-			if (itemContent != undefined) {
-				itemContent = itemContent.toLowerCase()
-				itemContent = itemContent.replace(/\s/g, "")
-				if (itemContent.indexOf(search) >= 0 || itemContent == "") {
-					listItems[i].style.display = ""
-				} else {
-					listItems[i].style.display = "none"
-				}
-				if (relatedElements != null) {
-					filterRelatedList(listItems[i], search, relatedElements)
-				}
-			}
-		}
-	}
-	
-	function filterRelatedList(listItem, search, relatedElements) {
-		var itemIndex = parseInt(listItem.className.replace('item', ''))
-		if (itemIndex <= relatedElements.length) {
-			if (relatedElements[itemIndex].className == "item"+ itemIndex) {
-				relatedElements[itemIndex].style.display = listItem.style.display
-			}
-		}
-	}
-	
-	
-	
-	
-	
-	/* Start public */
-	return {
-		Init: function() {
-			wbos.Events.AddEvent(
-				document.getElementById('ClassFilter'),
-				onkeyup_ClassFilter,
-				"onkeyup"
-			)					
-		}
-	}
-	/* End public */
-})();

File jsdoc/clikkit/javascript/html5.js

-// html5shiv MIT @rem remysharp.com/html5-enabling-script
-// iepp v1.6.2 MIT @jon_neal iecss.com/print-protector
-/*@cc_on(function(m,c){var z="abbr|article|aside|audio|canvas|details|figcaption|figure|footer|header|hgroup|mark|meter|nav|output|progress|section|summary|time|video";function n(d){for(var a=-1;++a<o;)d.createElement(i[a])}function p(d,a){for(var e=-1,b=d.length,j,q=[];++e<b;){j=d[e];if((a=j.media||a)!="screen")q.push(p(j.imports,a),j.cssText)}return q.join("")}var g=c.createElement("div");g.innerHTML="<z>i</z>";if(g.childNodes.length!==1){var i=z.split("|"),o=i.length,s=RegExp("(^|\\s)("+z+")",
-"gi"),t=RegExp("<(/*)("+z+")","gi"),u=RegExp("(^|[^\\n]*?\\s)("+z+")([^\\n]*)({[\\n\\w\\W]*?})","gi"),r=c.createDocumentFragment(),k=c.documentElement;g=k.firstChild;var h=c.createElement("body"),l=c.createElement("style"),f;n(c);n(r);g.insertBefore(l,
-g.firstChild);l.media="print";m.attachEvent("onbeforeprint",function(){var d=-1,a=p(c.styleSheets,"all"),e=[],b;for(f=f||c.body;(b=u.exec(a))!=null;)e.push((b[1]+b[2]+b[3]).replace(s,"$1.iepp_$2")+b[4]);for(l.styleSheet.cssText=e.join("\n");++d<o;){a=c.getElementsByTagName(i[d]);e=a.length;for(b=-1;++b<e;)if(a[b].className.indexOf("iepp_")<0)a[b].className+=" iepp_"+i[d]}r.appendChild(f);k.appendChild(h);h.className=f.className;h.innerHTML=f.innerHTML.replace(t,"<$1font")});m.attachEvent("onafterprint",
-function(){h.innerHTML="";k.removeChild(h);k.appendChild(f);l.styleSheet.cssText=""})}})(this,document);@*/

File jsdoc/clikkit/symbols/_global_.html

-
-<!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
-	<head>
-		<meta charset="utf-8"></meta>
-		<meta name="generator" content="JsDoc Toolkit"></meta>
-		<title>_global_ | JsDoc Reference</title>
-
-		<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;"></meta>
-		<meta name="mobileoptimized" content="0"></meta>
-	
-		<link rel="stylesheet" href="../css/all.css" media="all"></link>
-		<link rel="stylesheet" href="../css/handheld.css" media="only screen and (max-width: 660px)"></link>
-		<link rel="stylesheet" href="../css/handheld.css" media="handheld"></link>
-		<link rel="stylesheet" href="../css/screen.css" media="screen and (min-width: 661px)"></link>
-
-		<script src="../javascript/all.js"></script>
-		<!--[if lt IE 9]>
-			<script src="../javascript/html5.js"></script>
-		<![endif]-->
-	</head>
-
-	<body>
-
-<div class="index">
-	<div class="menu">
-		<div class="indexLinks">
-			<a href="../index.html">Classes</a>
-			<a href="../files.html">Files</a>
-		</div>
-	
-		<h2 class="heading1">Classes</h2>
-		
-		<input type="text" name="classFilter" class="classFilter" id="ClassFilter" placeholder="Filter"></input>
-		
-		<nav>
-			<ul class="classList" id="ClassList">
-				
-					<li><a href="../symbols/_global_.html">_global_</a></li>
-				
-			</ul>
-		</nav>
-	</div>
-	<div class="fineprint" style="clear:both">
-		
-		Documentation generator: <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.4.0<br />
-		Template: <a href="http://www.thebrightlines.com/2010/05/06/new-template-for-jsdoctoolkit-codeview/" target="_blank">Codeview</a> 1.2<br />
-		Generated on: 2011-6-16 12:24
-	</div>
-</div>
-
-<div class="index indexStatic"></div>
-
-<div class="content">
-	<div class="innerContent">
-		<h1 class="classTitle">
-			
-			Built-In Namespace <span>_global_</span>
-		</h1>
-		
-		<div class="intro">
-			<p class="description summary">
-				
-			</p>
-				
-			
-		</div>
-		
-		
-		
-		
-<!--
-#### METHODS SUMMARY
--->
-		
-			
-			
-			<div class="props">
-				<h2 class="sectionTitle">Method Summary</h2>
-				
-				
-					<table class="summaryTable" id="MethodsList" cellspacing="0" summary="A summary of the methods documented in the class _global_.">
-						<thead>
-							<tr>
-								<th scope="col">Method Attributes</th>
-								<th scope="col">Method Name and Description</th>
-							</tr>
-						</thead>
-						
-						<tbody>
-							
-							
-								<tr
-									 class='item0'
-								>
-									<td class="attributes">&nbsp;</td>
-									<td class="nameDescription">
-										<div class="fixedFont"><a href="../symbols/_global_.html#clikkit">clikkit</a>(selector, userConfig)
-										</div>
-										<div class="description">Register the clikkit event handler for the 'click' event for the specified links.</div>
-									</td>
-								</tr>
-							
-						</tbody>
-					</table>
-				
-			
-				
-			</div>
-		
-		
-<!--
-#### EVENTS SUMMARY
--->
-		
-			
-			
-			<div class="props">
-				<table class="summaryTable" cellspacing="0" summary="A summary of the events documented in the class _global_.">
-					<caption class="sectionTitle">Event Summary</caption>
-					
-					<thead>
-						<tr>
-							<th scope="col">Event Attributes</th>
-							<th scope="col">Event Name and Description</th>
-						</tr>
-					</thead>
-					
-					<tbody>
-						
-							<tr>
-								<td class="attributes">&nbsp;</td>
-								<td class="nameDescription">
-									<div class="fixedFont"><a href="../symbols/_global_.html#event:clikkitAddLink">clikkitAddLink</a>()
-									</div>
-									<div class="description">Fires on an HTMLLinkElement before clikkit enqueues the link.</div>
-								</td>
-							</tr>
-						
-							<tr>
-								<td class="attributes">&nbsp;</td>
-								<td class="nameDescription">
-									<div class="fixedFont"><a href="../symbols/_global_.html#event:clikkitclose">clikkitclose</a>()
-									</div>
-									<div class="description">Fires on the clikkit pane, which has 'clikkit' as its ID, when it is closed <br>
-								</td>
-							</tr>
-						
-							<tr>
-								<td class="attributes">&nbsp;</td>
-								<td class="nameDescription">
-									<div class="fixedFont"><a href="../symbols/_global_.html#event:clikkitCloseLink">clikkitCloseLink</a>()
-									</div>
-									<div class="description">Fires on an HTMLLinkElement before clikkit closes the link <br>
-								</td>
-							</tr>
-						
-							<tr>
-								<td class="attributes">&nbsp;</td>
-								<td class="nameDescription">
-									<div class="fixedFont"><a href="../symbols/_global_.html#event:clikkitexpand">clikkitexpand</a>()
-									</div>
-									<div class="description">Fires on the clikkit pane, which has 'clikkit' as its ID, when it finishes expanding <br>
-								</td>
-							</tr>
-						
-							<tr>
-								<td class="attributes">&nbsp;</td>
-								<td class="nameDescription">
-									<div class="fixedFont"><a href="../symbols/_global_.html#event:clikkitexpanding">clikkitexpanding</a>()
-									</div>
-									<div class="description">Fires on the clikkit pane, which has 'clikkit' as its ID, when it starts expanding <br>
-								</td>
-							</tr>
-						
-							<tr>
-								<td class="attributes">&nbsp;</td>
-								<td class="nameDescription">
-									<div class="fixedFont"><a href="../symbols/_global_.html#event:clikkitShowLink">clikkitShowLink</a>()
-									</div>
-									<div class="description">Fires on an HTMLLinkElement before clikkit displays the link <br>
-								</td>
-							</tr>
-						
-							<tr>
-								<td class="attributes">&nbsp;</td>
-								<td class="nameDescription">
-									<div class="fixedFont"><a href="../symbols/_global_.html#event:clikkitshrink">clikkitshrink</a>()
-									</div>
-									<div class="description">Fires on the clikkit pane, which has 'clikkit' as its ID, when it finishes shrinking <br>
-								</td>
-							</tr>
-						
-							<tr>
-								<td class="attributes">&nbsp;</td>
-								<td class="nameDescription">
-									<div class="fixedFont"><a href="../symbols/_global_.html#event:clikkitshrinking">clikkitshrinking</a>()
-									</div>
-									<div class="description">Fires on the clikkit pane, which has 'clikkit' as its ID, when it starts shrinking <br>
-								</td>
-							</tr>
-						
-					</tbody>
-				</table>
-			</div>
-			
-			
-			
-		
-<!--
-#### CONSTRUCTOR DETAILS
--->
-		
-<!--
-#### FIELD DETAILS
--->
-		
-<!--
-#### METHOD DETAILS
--->		
-		
-			<div class="details props">
-				<div class="innerProps">
-					<h2 class="sectionTitle">
-						Method Detail
-					</h2>
-					
-					<ul class="methodDetail" id="MethodDetail">
-						
-						
-							<li 
-								 class='item0'
-							>
-								<div class="fixedFont heading" id="clikkit">
-									<span class='lighter'>
-									
-									</span>
-									
-									
-									
-									<b>clikkit</b>(selector, userConfig)
-								</div>
-								
-								<div class="description">
-									Register the clikkit event handler for the 'click' event for the specified links.<br>
-									
-									
-										<br />
-										<i>Defined in: </i> <a href="../symbols/src/src_clikkit_jquery_clikkit.js.html">clikkit.js</a>.
-									
-									
-									
-								</div>
-								
-								
-									
-										<pre class="code">Apply clikkit to a collection of links:
-									
-										<pre class="code">Apply clikkit using delegate to links in the #main element:
-									
-								
-								
-								
-									<dl class="detailList params">
-										<dt class="heading">Parameters:</dt>
-										
-											<dt>
-												<span class="light fixedFont">{String}</span> <b>selector</b>
-												<i>Optional</i>
-											</dt>
-											<dd>jQuery selector for element(s) to apply clikkit to <br>
-										
-											<dt>
-												<span class="light fixedFont">{Object}</span> <b>userConfig</b>
-												
-											</dt>
-											<dd>clikkit configuration</dd>
-										
-											<dt>
-												<span class="light fixedFont">{Number|String}</span> <b>userConfig.expandedWidth</b>
-												<i>Optional, Default: 75%</i>
-											</dt>
-											<dd>The width of the clikkit pane</dd>
-										
-											<dt>
-												<span class="light fixedFont">{Number|String}</span> <b>userConfig.shrunkenWidth</b>
-												<i>Optional, Default: 50%</i>
-											</dt>
-											<dd>The width of the clikkit pane when contracted</dd>
-										
-											<dt>
-												<span class="light fixedFont">{Number}</span> <b>userConfig.shrunkenOpacity</b>
-												<i>Optional, Default: 0.6</i>
-											</dt>
-											<dd>The opacity of the clikkit pane when contracted - a value between 0 and 1</dd>
-										
-											<dt>
-												<span class="light fixedFont">{Number|String}</span> <b>userConfig.closedWidth</b>
-												<i>Optional, Default: 2</i>
-											</dt>
-											<dd>The width of the clikkit pane when closed</dd>
-										
-											<dt>
-												<span class="light fixedFont">{Number}</span> <b>userConfig.closedOpacity</b>
-												<i>Optional, Default: 0</i>
-											</dt>
-											<dd>The opacity of the clikkit pane when closed</dd>
-										
-											<dt>
-												<span class="light fixedFont">{Number}</span> <b>userConfig.closeBarColor</b>
-												<i>Optional, Default: hsl(345, 64%, 35%)</i>
-											</dt>
-											<dd>The background color of the Close bar</dd>
-										
-											<dt>
-												<span class="light fixedFont">{Number}</span> <b>userConfig.zIndex</b>
-												<i>Optional, Default: 100</i>
-											</dt>
-											<dd>The z-index of the clikkit pane</dd>
-										
-											<dt>
-												<span class="light fixedFont">{Boolean}</span> <b>userConfig.enableHotkeys</b>
-												<i>Optional, Default: true</i>
-											</dt>
-											<dd>If true, hotkeys will be enabled: <br>
    Escape or numpad minus:  close the currently displayed link <br>
    Left arrow or numpad plus:  expand the clikkit pane (if it's currently contracted)</dd>
-										
-									</dl>
-								
-								
-								
-								
-							</li>
-						
-					</ul>
-				</div>
-			</div>
-		
-		
-<!--
-#### EVENT DETAILS
--->		
-		
-			<div class="details props">
-				<div class="innerProps">
-					<h2 class="sectionTitle">
-						Event Detail
-					</h2>
-					
-					
-						<div class="fixedFont heading" id="event:event:clikkitAddLink">
-							<span class='lighter'>
-							
-							</span>
-							
-							
-							
-							<b>clikkitAddLink</b>()
-						</div>
-						
-						<div class="description">
-							Fires on an HTMLLinkElement before clikkit enqueues the link. <br>
-							
-							
-								<br />
-								<i>Defined in: </i> <a href="../symbols/src/src_clikkit_jquery_clikkit.js.html">clikkit.js</a>.
-							
-							
-							
-						</div>
-						
-						
-							
-								<pre class="code">$( 'a' ).bind( 'clikkitAddLink', myFunction )</pre>
-							
-						
-						
-						
-						
-						
-						
-						<div class="hr"></div>
-					
-						<div class="fixedFont heading" id="event:event:clikkitclose">
-							<span class='lighter'>
-							
-							</span>
-							
-							
-							
-							<b>clikkitclose</b>()
-						</div>
-						
-						<div class="description">
-							Fires on the clikkit pane, which has 'clikkit' as its ID, when it is closed <br>
-							
-							
-								<br />
-								<i>Defined in: </i> <a href="../symbols/src/src_clikkit_jquery_clikkit.js.html">clikkit.js</a>.
-							
-							
-							
-						</div>
-						
-						
-							
-								<pre class="code">$( '#clikkit' ).bind( 'clikkitclose', myFunction )</pre>
-							
-						
-						
-						
-						
-						
-						
-						<div class="hr"></div>
-					
-						<div class="fixedFont heading" id="event:event:clikkitCloseLink">
-							<span class='lighter'>
-							
-							</span>
-							
-							
-							
-							<b>clikkitCloseLink</b>()
-						</div>
-						
-						<div class="description">
-							Fires on an HTMLLinkElement before clikkit closes the link <br>
-							
-							
-								<br />
-								<i>Defined in: </i> <a href="../symbols/src/src_clikkit_jquery_clikkit.js.html">clikkit.js</a>.
-							
-							
-							
-						</div>
-						
-						
-							
-								<pre class="code">$( 'a' ).bind( 'clikkitCloseLink', myFunction )</pre>
-							
-						
-						
-						
-						
-						
-						
-						<div class="hr"></div>
-					
-						<div class="fixedFont heading" id="event:event:clikkitexpand">
-							<span class='lighter'>
-							
-							</span>
-							
-							
-							
-							<b>clikkitexpand</b>()
-						</div>
-						
-						<div class="description">
-							Fires on the clikkit pane, which has 'clikkit' as its ID, when it finishes expanding <br>
-							
-							
-								<br />
-								<i>Defined in: </i> <a href="../symbols/src/src_clikkit_jquery_clikkit.js.html">clikkit.js</a>.
-							
-							
-							
-						</div>
-						
-						
-							
-								<pre class="code">$( '#clikkit' ).bind( 'clikkitexpand', myFunction )</pre>
-							
-						
-						
-						
-						
-						
-						
-						<div class="hr"></div>
-					
-						<div class="fixedFont heading" id="event:event:clikkitexpanding">
-							<span class='lighter'>
-							
-							</span>
-							
-							
-							
-							<b>clikkitexpanding</b>()
-						</div>
-						
-						<div class="description">
-							Fires on the clikkit pane, which has 'clikkit' as its ID, when it starts expanding <br>
-							
-							
-								<br />
-								<i>Defined in: </i> <a href="../symbols/src/src_clikkit_jquery_clikkit.js.html">clikkit.js</a>.
-							
-							
-							
-						</div>
-						
-						
-							
-								<pre class="code">$( '#clikkit' ).bind( 'clikkitexpanding', myFunction )</pre>
-							
-						
-						
-						
-						
-						
-						
-						<div class="hr"></div>
-					
-						<div class="fixedFont heading" id="event:event:clikkitShowLink">
-							<span class='lighter'>
-							
-							</span>
-							
-							
-							
-							<b>clikkitShowLink</b>()
-						</div>
-						
-						<div class="description">
-							Fires on an HTMLLinkElement before clikkit displays the link <br>
-							
-							
-								<br />
-								<i>Defined in: </i> <a href="../symbols/src/src_clikkit_jquery_clikkit.js.html">clikkit.js</a>.
-							
-							
-							
-						</div>
-						
-						
-							
-								<pre class="code">$( 'a' ).bind( 'clikkitShowLink', myFunction )</pre>
-							
-						
-						
-						
-						
-						
-						
-						<div class="hr"></div>
-					
-						<div class="fixedFont heading" id="event:event:clikkitshrink">
-							<span class='lighter'>
-							
-							</span>
-							
-							
-							
-							<b>clikkitshrink</b>()
-						</div>
-						
-						<div class="description">
-							Fires on the clikkit pane, which has 'clikkit' as its ID, when it finishes shrinking <br>
-							
-							
-								<br />
-								<i>Defined in: </i> <a href="../symbols/src/src_clikkit_jquery_clikkit.js.html">clikkit.js</a>.
-							
-							
-							
-						</div>
-						
-						
-							
-								<pre class="code">$( '#clikkit' ).bind( 'clikkitshrink', myFunction )</pre>
-							
-						
-						
-						
-						
-						
-						
-						<div class="hr"></div>
-