From b9db16f37325dcdae354a503223e7a1aa5c59040 Mon Sep 17 00:00:00 2001
From: Benjamin Kiessling <mittagessen@l.unchti.me>
Date: Mon, 16 Jan 2012 15:45:13 +0100
Subject: Add advanced slideshow

---
 slideshows/advanced/template/events.js | 60 ++++++++++++++++++++++++++++++++++
 1 file changed, 60 insertions(+)
 create mode 100644 slideshows/advanced/template/events.js

(limited to 'slideshows/advanced/template/events.js')

diff --git a/slideshows/advanced/template/events.js b/slideshows/advanced/template/events.js
new file mode 100644
index 0000000..e01df1c
--- /dev/null
+++ b/slideshows/advanced/template/events.js
@@ -0,0 +1,60 @@
+$(document).ready(function(){
+
+	var tot=$('.event').length;
+	
+	var screenWidth = $('.events').width();
+
+	var bord = $('.event').outerWidth() - $('.event').innerWidth();
+	var padd = $('.event').innerWidth() - $('.event').width();
+	var marg = $('.event').outerWidth(true) - $('.event').outerWidth();
+	$('.event').width((screenWidth-(tot * (bord+padd+marg)))/tot);
+
+	$('.eventDate').each(function(index, value) {
+		var colours = ['blue', 'green', 'chreme'];
+		$(this).addClass(colours[index % 3]);
+	});
+
+	$('.eventField').each(function(index, value) {
+		var classStr = $(this).attr('class').split(/\s+/);
+		if(classStr.indexOf('start') != -1) {
+			$(this).show();
+		} else if(classStr.indexOf('summary') != -1) {
+			$(this).show();
+		}
+	});
+
+	$('.eventEl').click(function() {
+		showWindow($(this));
+	})
+});
+
+function showWindow(data) {
+	   
+	var title = $('.summary',data).text();
+	var body = $('.description',data).html();
+
+	if(body == null) {
+		body = 'no description available';
+	}
+
+	$('<div id="overlay">').css({
+		width:$(document).width(),
+		height:$(document).height(),
+		opacity:0.6
+		
+	}).appendTo('body').click(function(){
+		
+		$(this).remove();
+		$('#windowBox').remove();
+		
+	});
+	
+	$('body').append('<div id="windowBox"><div id="titleDiv">'+title+'</div>'+body+'</div>');
+
+	$('#windowBox').css({
+		width:500,
+		height:350,
+		left: ($(window).width() - 500)/2,
+		top: ($(window).height() - 350)/2
+	});
+}
-- 
cgit v1.2.1