http://www.lapseit.com/js/gallery_new.js

1// JavaScript Document
2
3var API_BASE_URL;
4var isAmazon;
5if(isEc2 != null && isEc2 == "yes"){
6	API_BASE_URL = 'http://54.214.11.167';
7	isAmazon = true;
8} else {
9	API_BASE_URL = 'http://www.lapseit.com';
10	isAmazon = false;
11}
12
13var galleryArray;
14var galleryIndex;
15var galleryDir = 'http://www.lapseit.com/_gallery/';
16
17function createGallery(newGallery){
18	
19	if(newGallery){
20		 $('body,html').animate({scrollTop: 435}, 800);
21		$.ajax({
22		type: "GET",
23		url: API_BASE_URL + "/galeria/" + getLapseId + "/",
24		success: function(event) {
25			if(typeof(event) == "string"){
26				event = JSON.parse(event);
27			}
28
29			if(event['filename'].indexOf("0B4") != -1){
30				var changeFilename = event['filename'];
31				var changeUploadId = event['upload_id'];
32
33				event['upload_id'] = changeFilename;
34				event['filename'] = changeUploadId;
35			}
36
37			changeVideo(event);
38		}});
39	}
40	
41	var contentsURL = API_BASE_URL + "/galeria/";
42	if(getProfile != null && getProfile.length > 0){
43		contentsURL = API_BASE_URL + "/users/" + getProfile + "/items/";
44	}
45
46	$.ajax({
47		type: "GET",
48		url: contentsURL,
49		success: function(event) {
50			if(typeof(event) == "string"){
51				event = JSON.parse(event);
52			}
53			galleryArray = event;
54
55			if(newGallery){
56				galleryIndex = 0;
57			}
58
59			populateList();
60		}
61	});
62}
63
64function populateList(){
65	
66	var listcontainer = $('#listcontainer');
67	listcontainer.html("");
68	
69	var itemRenderer = "<div onClick='itemRendererClickHandler(%index%)' class='itemRenderer'>";
70	itemRenderer += "<div name='itemRendererBg' class='itemRendererBg'>";
71	itemRenderer += "<img src='%imageURL%' width='140px' height='75px'>";
72	itemRenderer += "</div>";
73	itemRenderer += "<p class='itemRendererText'>%title%</p>";
74	itemRenderer += "</div>";
75
76	var itemID;
77	var itemIndex;
78	var itemTitle;
79	
80	var numberOfItems;
81	numberOfItems = galleryArray.length;
82	var includedItems = 0;
83	for(var i = 0;i<numberOfItems;i++){
84		itemIndex = i;
85		itemID = galleryArray[i]['id'];
86		itemTitle = String(galleryArray[i]['title']).toUpperCase();
87		
88		if(galleryArray[i]['filename'].indexOf("0B4") != -1){
89			var changeFilename = galleryArray[i]['filename'];
90			var changeUploadId = galleryArray[i]['upload_id'];
91
92			galleryArray[i]['upload_id'] = changeFilename;
93			galleryArray[i]['filename'] = changeUploadId;
94		}
95
96		if(galleryArray[i]['filename'] != null && galleryArray[i]['filename'].length > 0){
97			itemImage = galleryDir + "thumbs/" + galleryArray[i]['filename'] + ".jpg";
98		} else {
99			itemImage = "http://www.lapseit.com/galeria/thumbs/" + galleryArray[i]['upload_id'] + "/";	
100		}
101		
102		currentItem = itemRenderer.replace("%index%",itemIndex).replace("%title%",itemTitle).replace("%imageURL%", itemImage);
103		
104		listcontainer.html(listcontainer.html()).append(currentItem);
105		includedItems++;
106		if(includedItems > 25){
107			break;	
108		}
109	}
110	
111
112	listcontainer.mCustomScrollbar();
113}
114
115function itemRendererClickHandler(itemIndex){
116	galleryIndex = itemIndex;
117	
118	var videoData = galleryArray[galleryIndex];	
119	changeVideo(videoData);
120}
121
122function changeVideo(videoData){
123
124	$('#galleryvideo').html("");
125	
126	if(videoData == null){
127		videoData = galleryArray[galleryIndex];	
128	}
129	
130	document.title = "Time Lapse • " + videoData['title'];
131console.log(videoData);
132	if(videoData['filename'] != null && videoData['filename'].length > 0){
133
134		var filename = videoData['filename'];
135		$('#galleryvideo').html('<iframe allowfullscreen="true" width="550" height="360" src="http://docs.google.com/file/d/' + filename + '/preview"></iframe>');
136
137		
138		console.log(filename);
139		
140		/*var v = document.createElement('video');
141   		if(v.canPlayType && v.canPlayType('video/mp4') && (swfobject == null || (swfobject != null && swfobject.hasFlashPlayerVersion("9") == false))){
142			var videoDOM = '<video id="galleryvideo" class="video-js vjs-default-skin" autoplay allowfullscreen controls preload="auto" poster="' + galleryDir + "thumbs/" + filename + '.jpg" width="550" height="360" data-setup="{}">';
143			videoDOM += '<source src="' + galleryDir + filename + '.mp4" type="video/mp4">';
144			videoDOM += "Can't load video format";
145			videoDOM += '</video>';
146			$('#galleryvideo').html(videoDOM);
147		} else {
148			$('#galleryvideo').html('<a href="' + galleryDir + filename + '.flv" style="display:block;width:550px;height:360px" id="videoflowplayer"></a>'); 
149			flowplayer("videoflowplayer", "flowplayer/flowplayer-3.2.16.swf", {clip: {scaling: 'fit'}});
150		}*/
151	} else {
152
153		var uploadId = videoData['upload_id'];
154
155		$('#galleryvideo').html('<iframe allowfullscreen="true" width="550" height="360" src="http://docs.google.com/file/d/' + uploadId + '/preview"></iframe>');
156	}
157		
158	if(videoData['title'].length>500){
159		$('#videoTitle').html(videoData['title'].toUpperCase().substring(0,15) + " ...");
160	} else {
161		$('#videoTitle').html(videoData['title'].toUpperCase());	
162	}
163	$('#videoDescription').html(videoData['desc'].toLowerCase());
164	
165	if(parseInt(videoData['likes']) == 1){
166		$('#videoVisits').html(videoData['likes'] + " like");
167	} else {
168		$('#videoVisits').html(videoData['likes'] + " likes");
169	}
170	
171	if(videoData['filename'] != null && videoData['filename'].length > 0){
172		//$('#videoThumbImg').attr('src',galleryDir + "thumbs/" + videoData['filename'] + '.jpg');
173		$('#videoThumbImg').attr('src', "http://www.lapseit.com/galeria/thumbs/" + videoData['filename'] + "/");	
174	} else {
175		$('#videoThumbImg').attr('src', "http://www.lapseit.com/galeria/thumbs/" + videoData['upload_id'] + "/");	
176	}
177	
178	var shareTitle = "Check out this amazing time lapse: " + videoData['title'];
179	var shareURL = "http://www.lapseit.com/gallery/" + videoData['id'] + "/";
180	var shareDesc = videoData['desc'];
181	
182	var addthis_share = {
183		title: shareTitle,
184		url: shareURL,
185    	url_transforms : {
186        	clean: true
187    	} 
188	} 
189	
190	var shareHtml = '<div id="shareContainer" class="addthis_toolbox addthis_default_style" addthis:url="' + shareURL + '" addthis:title="' + shareTitle + '" addthis:description="' + shareDesc + '">';
191    shareHtml += '<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>';
192    shareHtml += '<a class="addthis_button_tweet"></a>';
193    shareHtml += '<a class="addthis_button_pinterest_pinit"></a>';
194    shareHtml += '<a class="addthis_counter addthis_pill_style"></a>';
195    shareHtml += '</div>';
196
197	$('#shareAddthis').html(shareHtml);
198	//addthis.update('share', 'url', shareURL); 
199	//addthis.url = shareURL;
200	addthis.toolbox(".addthis_toolbox");
201	
202}