Initial commit

modules/nickpage/js/jquery.accessible-news-slider.css

@@ -0,0 +1,200 @@
+/*
+	Accessible News Slider : Plugin Specific
+-----------------------------------------------------------------------------------------*/
+
+.accessible_news_slider img {
+	border: 0;
+}
+.accessible_news_slider li,
+.accessible_news_slider p {
+	font-family: "Arial", "Verdana", sans-serif;
+	margin: 0;
+	padding: 0;
+	font-size: .8em;
+	line-height: 1.6;
+}
+.accessible_news_slider li p {
+	font-size: 1em;
+}
+.accessible_news_slider {
+	position: relative;
+	overflow: hidden;
+}
+.accessible_news_slider .javascript_css {
+	position: relative;
+	z-index: 3;
+	padding: 20px;
+	background: #fffcd3;
+}
+.accessible_news_slider .skip_to_news {
+	position: absolute;
+	top: 0;
+	left: -9999px;
+}
+.accessible_news_slider .back {
+	position: absolute;
+	top: 0;
+	left: 0;
+	z-index: 2;
+}
+.accessible_news_slider .back a,
+.accessible_news_slider .next a {
+	display: none;
+	outline: none; /* This is optional, and is arguably less accessible. */
+}
+.accessible_news_slider .next {
+	position: absolute;
+	top: 0;
+	right: 0;
+	z-index: 2;
+}
+.accessible_news_slider ul {
+	position: relative;
+	left: 0;
+	width: auto;
+	margin: 0;
+	padding: 0;
+	list-style-type: none;
+	overflow: hidden;
+	z-index: 1;
+}
+.accessible_news_slider li {
+	float: left;
+	display: inline;
+	width: 300px;
+}
+
+/*
+	Accessible News Slider : Plugin Specific : Theme [ Candy Coated ]
+-----------------------------------------------------------------------------------------*/
+
+.candy_coated  {
+	width: 600px;
+	border-bottom: 2px solid #ccc;
+	margin: 0 0 32px 60px;
+}
+.candy_coated a {
+	color: #ff3300;
+}
+.candy_coated .back {
+	width: 61px;
+	height: 58px;
+	background: url(images/themes/candy_coated/prev_bg.gif) no-repeat;
+}
+.candy_coated .next {
+	width: 61px;
+	height: 58px;
+	left: 540px;
+	background: url(images/themes/candy_coated/next_bg.gif) no-repeat;
+}
+.candy_coated .next a {
+	position: absolute;
+	top: 10px;
+	right: 10px;
+	width: 150px;
+	height: 40px;
+	line-height: 30px;
+	background: url(images/themes/candy_coated/next.gif) no-repeat top right;
+}
+.candy_coated .back a {
+	position: absolute;
+	top: 10px;
+	left: 10px;
+	width: 150px;
+	height: 40px;
+	line-height: 30px;
+	text-align: right;
+	background: url(images/themes/candy_coated/prev.gif) no-repeat;
+}
+.candy_coated .view_all {
+	border-top: 2px solid #ccc;
+	margin: 58px 0 0 0;
+	padding: 10px;
+	background: #eee;
+	text-align: center;
+}
+.candy_coated ul {
+	border-bottom: 2px solid #eee;
+}
+.candy_coated li {
+	padding: 15px 0;
+	overflow: hidden;
+}
+.candy_coated li img {
+	float: left;
+	display: inline;
+}
+.candy_coated li p {
+	float: left;
+	display: inline;
+	margin: 0 0 0 10px;
+	width: 190px;
+}
+
+/*
+	Accessible News Slider : Plugin Specific : Theme [ Business as Usual ]
+-----------------------------------------------------------------------------------------*/
+
+.business_as_usual  {
+	margin:5px;
+	width: 695px;
+	border-bottom: 1px solid #ddd;
+}
+.business_as_usual a {
+	color: #363636;
+}
+.business_as_usual .back {
+	width: 360px;
+	height: 23px;
+	left: 0;
+	background: url(images/themes/business_as_usual/back_bg.gif) no-repeat top right;
+}
+.business_as_usual .back a {
+	position: absolute;
+	top: 0;
+	right: 130px;
+	width: 150px;
+	height: 23px;
+	line-height: 23px;
+	background: url(images/themes/business_as_usual/back.gif) no-repeat top right;
+}
+.business_as_usual .next {
+	width: 361px;
+	height: 23px;
+	right: 0;
+	background: url(images/themes/business_as_usual/next_bg.gif) no-repeat top left;
+}
+.business_as_usual .next a {
+	position: absolute;
+	top: 0;
+	left: 130px;
+	width: 150px;
+	height: 23px;
+	line-height: 23px;
+	text-align: right;
+	background: url(images/themes/business_as_usual/next.gif) no-repeat top left;
+}
+.business_as_usual .view_all {
+	border-top: 1px solid #ddd;
+	border-bottom: 1px solid #ddd;
+	margin: 35px 0 0 0;
+	padding: 8px;
+	background: url(images/themes/business_as_usual/view_all_bg.gif) repeat-x bottom left;
+	text-align: center;
+}
+.business_as_usual li {
+	padding: 15px 0;
+	overflow: hidden;
+	width: 231px;
+}
+.business_as_usual li img {
+	float: left;
+	display: inline;
+}
+.business_as_usual li p {
+	float: left;
+	display: inline;
+	margin: 0 0 0 10px;
+	width: 123px;
+	height: 120px;
+}

modules/nickpage/js/jquery.accessible-news-slider.js

@@ -0,0 +1,99 @@
+/*
+
+	----------------------------------------------------------------------------------------------------
+	Accessible News Slider
+	----------------------------------------------------------------------------------------------------
+	
+	Author:
+	Brian Reindel
+	
+	Author URL:
+	http://blog.reindel.com
+
+	License:
+	Unrestricted. This script is free for both personal and commercial use.
+
+*/
+
+jQuery.fn.accessNews = function( settings ) {
+	settings = jQuery.extend({
+        headline : "Top Stories",
+        speed : "normal",
+		slideBy : 2
+    }, settings);
+    return this.each(function() {
+		jQuery.fn.accessNews.run( jQuery( this ), settings );
+    });
+};
+jQuery.fn.accessNews.run = function( $this, settings ) {
+	jQuery( ".javascript_css", $this ).css( "display", "none" );
+	var ul = jQuery( "ul:eq(0)", $this );
+	var li = ul.children();
+	if ( li.length > settings.slideBy ) {
+		var $next = jQuery( ".next > a", $this );
+		var $back = jQuery( ".back > a", $this );
+		var liWidth = jQuery( li[0] ).width();
+		var animating = false;
+		ul.css( "width", ( li.length * liWidth ) );
+		$next.click(function() {
+			if ( !animating ) {
+				animating = true;
+				offsetLeft = parseInt( ul.css( "left" ) ) - ( liWidth * settings.slideBy );
+				if ( offsetLeft + ul.width() > 0 ) {
+					$back.css( "display", "block" );
+					ul.animate({
+						left: offsetLeft
+					}, settings.speed, function() {
+						if ( parseInt( ul.css( "left" ) ) + ul.width() <= liWidth * settings.slideBy ) {
+							$next.css( "display", "none" );
+						}
+						animating = false;
+					});
+				} else {
+					animating = false;
+				}
+			}
+			return false;
+		});
+		$back.click(function() {
+			if ( !animating ) {
+				animating = true;
+				offsetRight = parseInt( ul.css( "left" ) ) + ( liWidth * settings.slideBy );
+				if ( offsetRight + ul.width() <= ul.width() ) {
+					$next.css( "display", "block" );
+					ul.animate({
+						left: offsetRight
+					}, settings.speed, function() {
+						if ( parseInt( ul.css( "left" ) ) == 0 ) {
+							$back.css( "display", "none" );
+						}
+						animating = false;
+					});
+				} else {
+					animating = false;
+				}
+			}
+			return false;
+		});
+		$next.css( "display", "block" )
+			.parent().after( [ "<p class=\"view_all\">", settings.headline, " - ", li.length, " Gesamt ( <a href=\"#\">zeige alle</a> )</p>" ].join( "" ) );
+		jQuery( ".view_all > a, .skip_to_news > a", $this ).click(function() {
+			var skip_to_news = ( jQuery( this ).html() == "Skip to News" );
+			if ( jQuery( this ).html() == "zeige alle" || skip_to_news ) {
+				ul.css( "width", "auto" ).css( "left", "0" );
+				$next.css( "display", "none" );
+				$back.css( "display", "none" );
+				if ( !skip_to_news ) {
+					jQuery( this ).html( "zeige weniger" );
+				}
+			} else {
+				if ( !skip_to_news ) {
+					jQuery( this ).html( "zeige alle" );
+				}
+				ul.css( "width", ( li.length * liWidth ) );
+				$next.css( "display", "block" );
+			}
+			return false;
+		});
+	}
+};