aboutsummaryrefslogtreecommitdiffstats
path: root/public/javascripts/app.js
blob: c602668ab3fe067cde919645ce2708173bf28ce4 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
var App = App || null;

(function() {
	var cApp = function() {
		this.characters = [];
		this.answer = null;
		this.answer_name = '';
		this.playlist = []
		
		
		// CoverFlow
		this.initialise_js_cover_flow = function(playlist) {
			var that = this;
			coverflow('character-select-container').setup({
				width: '100%',
				playlist: playlist,
				coverheight: 130,
				textoffset: 68
			}).on('ready', function() {
				var the_other = that;
				this.on('click', function(e) {
					if (the_other.playlist[e].title == the_other.answer_name) {
						// Answered correctly
						the_other.correct_answer();
					}
				});
			});
		};
		
		this.initialize_video = function(url) {
			//$('section.video video').attr('src', url);
		};
		
		this.get_characters = function(series_id, params) {
			// Populate characters
			var that = this;
			var params = params || {
				answer_id: -1
			};
			var $character_container = $('#character-select .flow');
			$.get(
				'/character-images/' + series_id,
				function(response) {
					var r = JSON.parse(response);
			
					$character_container.empty()
					
					for (var i = 0; i < r.characters.length; i++) {
						that.playlist.push({
							image: r.characters[i].image,
							title: r.characters[i].name
						});
						
						that.characters.push({
							personId: r.characters[i].tms_personId,
							name: r.characters[i].name
						});
						
						if (params.answer_id == r.characters[i].tms_personId) {
							that.answer_name = r.characters[i].name;
						}
					}
					that.initialise_js_cover_flow(that.playlist);
				}
			);
		};
		
		this.correct_answer = function() {
			alert('chosen');
		};
		
		
		return this;
	};
	
	App = new cApp();
})();