$(document).ready(function(){
	languageNavigation();
	initSlideshow();
});


function languageNavigation (){
	$("#languages").append('<div class="langSelector"><div class="current" id="embedcur"></div><div class="slider"><ul id="embedlang"></ul></div></div>');
	$("#embedcur").append('<a href="#">Change language</a>');
	$("#lang_sel_list li").each(function() {
		var addclass = ''; //$(this).hasClass('selected_language') ? ' class="selected_language"' : '';
		var img = $(this).find('img').attr('src');
		var url = $(this).find("a").attr('href');
		var code = $(this).find('img').attr('alt');
		var lang = $(this).find("a").text();
		
		$("#embedlang").append('<li'+ addclass +'><a href="'+ url +'">'+ lang +'</a></li>');
		/*if (! $(this).find("a").hasClass('lang_sel_sel')) {
			$("#embedlang").append('<li'+ addclass +'><a href="'+ url +'" style="background: #fff url('+ img +') no-repeat 8px 6px;">'+ lang +'</a></li>');
		} else {
			$("#embedcur").append('<a href="'+ url +'" style="background: #fff url('+ img +') no-repeat 6px 3px;">'+ lang +'</a>');
		}*/
	});
	$("#lang_sel_list").remove();
	
	$('#languages .current a').click(function(e) {
		e.preventDefault();
	});
	
	$("#languages .slider").hide();
	
	$("#languages").mouseover(function() {
		$(".slider").show();		
	});
	
	$("#languages").mouseout(function() {
		$(".slider").hide();		
	});
}


var slideshowTag  = '<div id="player"></div>\n'
									+ '<div class="slide_button left"></div>\n'
									+ '<div id="slides"></div>\n'
									+ '<div class="slide_button right"></div>\n'
									+ '<div style="clear:both;"></div>\n'
									+ '<div class="content_shadow_bottom"></div>\n';

$(document).ready( function () {
	initSlideshow();
});

function initSlideshow() {
	// add slideshow base
	
	if (typeof slides == 'undefined') {
		return false;
	}
	if (slides.length == 0) return;
	
	$('#slideshow_holder .inner').html(slideshowTag);
	
	// create slides
	var slideStr = '\n';
	for (var i = 0, l = slides.length; i < l; i += 1) {
		if (i%3 == 0) slideStr += '<div class="slide">\n';
		slideStr += '\t<div class="thumb' + (i%3 == 0 ? ' first' : '') + '">\n'
		slideStr += '\t<a href="' + slides[i].url + '">'
		slideStr += '\t\t<div class="image" style="background-image:url(' + slides[i].img + ');"></div>\n' //images/slide0.jpg
		slideStr += '\t\t<div class="title">' + slides[i].title + '</div>\n'
		slideStr += '\t</a>'
		slideStr += '\t</div>\n'
		if (i == (l-1)) {	for (var j = 0 ; j < (2 - i%3) ; j+=1) { slideStr += '<div class="thumb blank"><div class="image"></div><div class="title"></div></div>'; }}
		if (i%3 == 2 || i == (l-1)) slideStr += '\t<div style="clear:both;"></div>\n</div>\n';
	}
	$('#slides').html(slideStr);
	
	$('#slides a').click(openVideo);
	
	// start slideshow				
	$('#slides').cycle({ 
  		fx : 'scrollHorz'
  	,	speed : 900
  	,	timeout : 0
  	, cleartypeNoBg: true             
  	,	easing: 'easeOutCubic'
  	, prev:    '.slide_button.left' 
		, next:    '.slide_button.right' 
		
  	//, pager:      '#slideshow .footer'
		//, pagerEvent: 'mouseover'

	});
}

function openVideo(e){
	e.preventDefault();
	var videoID = $(this).attr('href').split('/');
	videoID = videoID[videoID.length-1];
	
	//var width = $(window).width();
	//$('#slideshow_holder .inner').css({width:width});
	
	$('#player').stop(true,false).animate({height:'390px'},{duration:400,complete: function() {
		$('#player').html( '<div class="video_holder"><iframe src="http://player.vimeo.com/video/' + videoID + '?autoplay=true" width="694" height="390" frameborder="0"></iframe><div class="close_button"></div></div>' );	
		$('#player .close_button').click(closeVideo);
	}});
	
}

function closeVideo() {
	$('#player .close_button').unbind('click');
	$('#player').html('');
	$('#player').stop(true,false).animate({height:'0px'},{duration:600});
}