﻿$(document).ready(function() {

	// TWITTER STREAM
		$('#tweets').jTweetsAnywhere({
			username: 'accuchek_de',
			count: 8,
			showTweetFeed: {
				showTimestamp: {
					refreshInterval: 9999
				},
				autorefresh: {
					mode: 'trigger-insert',
					interval: 30
				}		
			},
			onDataRequestHandler: function(stats, options) {
				if (stats.dataRequestCount < 19) {
					return true;
				}
				else {
					stopAutorefresh(options);
				}
			},
			tweetTimestampDecorator: function(tweet, options){
			   var screenName =
				   tweet.user ? tweet.user.screen_name : false || tweet.from_user;
			   var date = new Date(formatDate(tweet.created_at));

			   var dateString =
				   date.getDate() + '.' +
				   (date.getMonth() + 1) + '.' +
				   date.getFullYear() + ' um ' +
				   date.getHours() + ':' +
				   (date.getMinutes() < 10 ? '0' : '') +
				   date.getMinutes();

				var html =
					'<span class="jta-tweet-timestamp">' +
					'<a class="jta-tweet-timestamp-link" href="http://twitter.com/' +
					screenName + '/status/' + tweet.id + '">Am ' +
					dateString + '</a></span>';

			   return html;
			}
		});
		
	
	// ACTIVATE SCROLL
		$(function() {
			$('.content_scroll_stream').jScrollPane({showArrows: true});
		});
	

	// PAGINATION
	$(function() {
		$('ul#paginationNews').easyPaginate({
			step:4,
			delay: 300,
			numeric: true
		});	
	});
	$(function() {
		$('ul#paginationEvents').easyPaginate({
			step:4,
			delay: 300,
			controls: 'paginationEvents',
			numeric: false
		});	
	});
	$(function() {
		$('ul.flashLayer').easyPaginate({
			step:1,
			delay: 0,
			numeric: true
		});	
	});

	
	// YOUTUBE STREAM
		var youTubeObject = "";
		$(function() {
			$.getJSON('http://gdata.youtube.com/feeds/users/accuchekde/uploads?alt=json-in-script&callback=?&max-results=8', function(data) { 
				$.each(data.feed.entry, function(i, item) {
					var title = item['title']['$t'];
					var thumbnail = item['id']['$t'];
					var url = item['id']['$t'];
					var video = item['id']['$t'];
					url = url.replace('http://gdata.youtube.com/feeds/videos/','http://www.youtube.com/watch?v='); // URL des Video
					thumbnail = thumbnail.replace('http://gdata.youtube.com/feeds/videos/','http://i.ytimg.com/vi/'); // URL des Thumbnail
					video = video.replace('http://gdata.youtube.com/feeds/videos/','http://www.youtube.com/embed/');
					youTubeObject = '<p class="youtubeHeadline">' + title + '</p><iframe width="640" height="390" src="' + video + '" frameborder="0"></iframe>';
					$('#youtube').append('<li class="videos"><p><a href="#" class="videoLink" onclick="openUTlayer($(this).parent().next(\'div\'));"><img src="' + thumbnail + '/0.jpg" width="180" height="135" alt="" /></a></p><div class="videoLayer">' + youTubeObject + '</div><p class="videoTitle">' + title + '</p></li>');
				});
			});
		});
		
		
	// LAYER open
	$(".openNewsLayer").click(function(){
		$(".newsLayer").show(); // content-layer fade in
		return false;
	});
	// LAYER close
	$(".closeNewsLayer").click(function(){
		$(".newsLayer").hide(); // closes content layer
		return false;
	});

	// YOUTUBE-LAYER close
	$(".closeUtubeLayer").click(function(){
		$(".utubeLayerBody").html("");
		$(".utubeLayer").hide();
		return false;
	});
});

function openUTlayer(liElem){
	var htmlBox = $(liElem).html();
	$(".utubeLayer").show();
	$(".utubeLayerBody").html('' + htmlBox);
}


