var FLICKR_KEY		= '1e85d0b185c21c10734304799e4377c5',
	MAX_PHOTOS		= 10,
	FLICKR_URL		= 'http://farm{farm-id}.static.flickr.com/{server-id}/{id}_{secret}.jpg',
	FLICKR_SET_ID	= '72157627036859844';
	VIMEO_USER		= 'flamingolondon',
	MAX_VIDEOS		= 5;

var vimeoLoaded		= false,
	flickrLoaded	= false,
	officesSlides	= {},
	flickrHtml		= '',
	flickrTitles	= '',
	vimeoHtml		= '',
	vimeoTitles		= '';
	
function iniSlideshows() {
	
	if ($$('body').hasClass('home')[0]) {
		//wait for blogs to load
		
		//load flickr & vimeo before creating slideshows
		//loadFlickr();
		//loadVimeo();
	} else {
		createSlideshows();
	}
	
}

function createSlideshows() {
	if ($$('body').hasClass('home')[0]) {
		if (flickrLoaded && vimeoLoaded) {
			addContentToPage();
		}
	}
	
	$$('.slideshow').each(function(el){
		var slideshow;	
		if ($$('body').hasClass('home')[0]) {
			if (flickrLoaded && vimeoLoaded) {
				//setTimeout(function(){slideshow = new Slideshow(el, TYPE_FADE)}, 200);
				slideshow = new Slideshow(el, TYPE_FADE);
			}
		}
		else if ($$('body').hasClass('offices')[0]) {
			var id				= el.getParent().get('id');
			slideshow 			= new MenuNavSlideshow(el, id);
			officesSlides[id]	= slideshow;
		}
		else {
			if (el.hasClass('simplenav')) slideshow = new SimpleNavSlideshow(el, true);
			else slideshow = new Slideshow(el);
		}
	});
}

function addContentToPage() {
	
	//flickr
	$$('.slideshow.flickr .slidesholder .scrollable').set('html', flickrHtml);
	
	var titlesDiv	= $$('.slideshow.flickr').getParent('article').getElement('.titleHolder');
	titlesDiv.set('html', flickrTitles + titlesDiv.get('html'));
	
	//remove loader & add category title
	/*titlesDiv.getPrevious('.category').set('html', 'FLICKR');
	titlesDiv.getPrevious('.loader').setStyle('display', 'none');
	titlesDiv.getPrevious('.loaderImg').setStyle('display', 'none');*/
	
	
	//vimeo
	$$('.slideshow.vimeo .slidesholder .scrollable').set('html', vimeoHtml);
	
	titlesDiv		= $$('.slideshow.vimeo').getParent('article').getElement('.titleHolder');
	titlesDiv.set('html', titlesDiv.get('html') + vimeoTitles);
	
	//remove loader & add category title
	/*titlesDiv.getPrevious('.category').set('html', 'VIMEO');
	titlesDiv.getPrevious('.loader').setStyle('display', 'none');
	titlesDiv.getPrevious('.loaderImg').setStyle('display', 'none');*/
}

function loadFlickr() {
	var myJSONP = new Request.JSONP({
		//url: 'http://api.flickr.com/services/rest/?&method=flickr.people.getPublicPhotos&api_key=' + FLICKR_KEY + '&user_id=' + FLICKR_UID + '&per_page=5&format=json',
		//url: 'http://api.flickr.com/services/rest/?&method=flickr.photos.search&api_key=' + FLICKR_KEY + '&user_id=' + FLICKR_UID + '&per_page=' + MAX_PHOTOS + '&format=json&privacy_filter=1&tags=sennep',
		url: 'http://api.flickr.com/services/rest/?&method=flickr.photosets.getPhotos&api_key=' + FLICKR_KEY + '&photoset_id=' + FLICKR_SET_ID + '&format=json',
		callbackKey: 'jsoncallback',
		onComplete: flickrSuccess
	}).send();
}
function flickrSuccess(_data){
	//log(_data);
	var photoArray	= _data.photoset.photo;
	
	flickrHtml		= '';
	flickrTitles	= '';
	
	//&per_page=' + MAX_PHOTOS
	var max			= MAX_PHOTOS;
	if (max > photoArray.length) max = photoArray.length;
	
	for (var i=0; i<max; i++) {
		var random	= Math.floor(Math.random()* photoArray.length),
			photo	= photoArray[random],
			imgUrl	= FLICKR_URL,
			pageUrl	= 'http://www.flickr.com/photos/flamingoflickr/' + photo.id
		
		photoArray.splice(random, 1);
		
		imgUrl		= imgUrl.replace('{farm-id}', photo.farm);
		imgUrl		= imgUrl.replace('{server-id}', photo.server);
		imgUrl		= imgUrl.replace('{id}', photo.id);
		imgUrl		= imgUrl.replace('{secret}', photo.secret);
		
		flickrHtml		+= '<div class="slide">' +
						//'<a href="' + pageUrl + '" target="_blank"><img src="' + imgUrl +'" width="460" height="307" alt="Flickr photo" /></a>' +
						'<a href="' + pageUrl + '" target="_blank"><img src="' + imgUrl +'" width="460" alt="Flickr photo" /></a>' +
						'</div>';
						
		flickrTitles	+= '<h2><a href="' + pageUrl + '" target="_blank">' + photo.title + '</a></h2>';
	}
	
	flickrLoaded	= true;
	createSlideshows();
}

function loadVimeo() {
	var head 		= document.getElementsByTagName('head').item(0);
	var videosJs	= document.createElement('script');
	videosJs.setAttribute('src', 'http://vimeo.com/api/v2/' + VIMEO_USER + '/videos.json?callback=vimeoSuccess');
	head.appendChild(videosJs);
}
function vimeoSuccess(_data){
	//log(_data);
	var videoArray	= _data,
		max			= MAX_VIDEOS;
		
	vimeoHtml		= '';
	vimeoTitles		= '';
	
	if (videoArray.length < max) max = videoArray.length;
	
	for (var i=0; i<max; i++) {
		var random	= Math.floor(Math.random()* videoArray.length);
		var video	= videoArray[random];
		
		videoArray.splice(random, 1);
		
		var maxChars	= 40;
		if (video.title.length > maxChars) {
			video.title	= video.title.substring(0, maxChars-3);
			video.title	+= '...';
		}
		
		var vimId	= String('vimeo_' + new Date().getTime());
		//var vimId	= String('vimeo_'  + i);
		
		vimeoHtml	+= '<div class="slide"><iframe id="' + vimId + '" src="http://player.vimeo.com/video/' + video.id + '?api=1&amp;player_id=' + vimId + '&amp;portrait=0&amp;title=0&amp;byline=0" width="460" height="307" frameborder="0"></iframe></div>';
		
		vimeoTitles	+= '<h2><a href="' + video.url + '" target="_blank">' + video.title + '</a></h2>';
	}
	
	vimeoLoaded	= true;
	createSlideshows();
}

