// reinoPlayer version 0.1

var player1;
var counter = 0;
var content;
var videoCount = vids.length;
var videoID = vids[videoCount-1];
var currentVideo;
var newVideoId;
var bigWidth;
var bigHeigth;

for(var i=vids.length-1; i>=0; i--) {
	var playlistValue = vids[i];			
	counter++;
	if(counter == 1){
		content = "<li>";
	};	
	content += "<a href='javascript:;' onclick='playVideo(" +i+ ");'><div class='photo'><img id='video" +i+ "' src='http://img.youtube.com/vi/" + playlistValue + "/2.jpg' /></div></a>";
	if(counter == 4 || i == 0){
		content += "</li>";
		$("#thumbs").append(content);
		$("#video" +i).parent().addClass("last");
		content = "";
		counter = 0;
	};
};

if(videoCount <= 4){
	$("#prev").hide();
	$("#next").hide();
};

function playVideo(newVideoId){
	$(currentVideo).parent().removeClass("active");
	var videoID = vids[newVideoId];
	player1.cueVideoById(videoID);
	player1.playVideo();
	$("#video"+newVideoId).parent().addClass("active");
	currentVideo = "#video" + newVideoId;
};

function onYouTubePlayerReady(playerId) {			
	player1 = document.getElementById("player1");		
	player1.cueVideoById(videoID);
	player1.playVideo();	
};

function loadPlayer() {			
	var params = {  allowScriptAccess: "always", wmode: "transparent" };
	var atts = { id: "player1" };
	if(bigWidth && bigHeigth){
		swfobject.embedSWF("http://www.youtube.com/v/" + videoID + "&enablejsapi=1&playerapiid=player1&showsearch=0&rel=0","videoDiv", bigWidth, bigHeigth, "8", null, null, params, atts);
	} else {
		swfobject.embedSWF("http://www.youtube.com/v/" + videoID + "&enablejsapi=1&playerapiid=player1&showsearch=0&rel=0","videoDiv", "399", "242", "8", null, null, params, atts);
	}
};
function _run() {
	loadPlayer();
};
_run();

$('#thumbs').cycle({ 
	fx: 'scrollHorz', 
	startingSlide: 0,  // start on the slide that was in the markup 
	timeout:  0, 
	speed:    500, 
	prev:    '#prev', 
	next:    '#next', 
});

$(document).ready(function() {
	$("#video" + (videoCount-1)).parent().addClass("active");
	currentVideo = "#video" + (videoCount-1);
	if(videoCount == 1){
		$("#thumbs").hide();	
	};
});