
var play = false;
var ytplayer;
var onYouTubePlayerReady = function (playerId) {
  ytplayer = document.getElementById("player2");  
  ytplayer.addEventListener('onStateChange', 'next');
  runVideo();
}

function playControl(time) {
  if (ytplayer) {
    play = true;
    playButtons(play);
    ytplayer.playVideo();    
  }
}

function pauseControl(time) {
  if (ytplayer) {
    play = false;
    playButtons(play);
    ytplayer.pauseVideo();    
  }
}

function next (state) {
  if(state==0) {
	index = index+1;
	var length = player.length;
	if(index==length){ 	
		submitQueryUpdate('searchInput',((start+max)), (max), 'chooseMediaDiv', total);
		start = start + 10;
		return false;
	}

	var video = player[index]['id']['$t'];
 	video = video.replace('http://gdata.youtube.com/feeds/api/videos/','http://www.youtube.com/watch?v=');
 	videoID = video.replace('http://www.youtube.com/watch?v=','');

	shareButtons(player[index]);
	ytplayer.loadVideoById(videoID);
	resetObjects('bubble', length);
	document.getElementById('bubble'+index).className="glass";
  }
}

function resetObjects (name, count) {
  for(var z=0; z<count;z++) {
    document.getElementById('bubble'+z).className="bubble";
  }
}

function seekEnd () {
  var time = ytplayer.getDuration()-1;
  ytplayer.seekTo(time);
}

function playButtons (play) {
  var button = (!play ? '<a class="nav_buttons" onClick="playControl()">Play</a>' : '<a class="nav_buttons" onClick="pauseControl()">Pause</a>');
  var skip = '<a class="nav_buttons" onClick="index=index+1;updatePreview(index)">Skip</a>';
  var buttons = "<div style='padding: 4px 6px 2px 6px;'>"+(button + " / " + skip)+"</div>";

  document.getElementById('playButton').innerHTML = buttons;
}

function shareButtons (video) {

 var video_link = video['id']['$t'];
 var video_str  = video_link.replace('http://gdata.youtube.com/feeds/api/videos/','');
     video_link = video_link.replace('http://gdata.youtube.com/feeds/api/videos/','http://www.youtube.com/watch?v=');

 var full_title = escape(truncateStr(video['title']['$t'], 100));
 var small_title = truncateStr(video['title']['$t'], 50);

 var video_share = "<div class='glass' style='border: 1px solid #111; float: left; padding: 4px 6px 2px 6px; width:116px'><a onClick='if(auth){auto_video(\"" + full_title + "\",\"" + video_str + "\",\"youtube\",\"\"); this.innerHTML=\"<div>Saved!</div>\";}' target='_blank' class='or_link'><img src='http://bigupsforum.com/go/images/bigups_logo.png' alt='Bigups' valign='middle' height='18px' style='float:left; margin-right: 6px;'/></a><a href='http://twitter.com/intent/tweet?text=" + full_title + "&url=" + video_link + "&via=bigupsforum' target='_blank' class='or_link'><img style='float:left; margin: 0px 2px 0px 6px' src='http://geoliphicmedia.com/images/social_buttons/twitter_follow.png' width='10px'/></a> <a href='http://www.facebook.com/sharer.php?u=" + video_link + "' target='_blank' class='or_link'><img style='float:left' src='http://geoliphicmedia.com/images/social_buttons/facebook_friends.png' width='10px'/></a> <div style='float: left'><small style='color: #666'> share video</small></div></div>";

	small_title = "<div style='float: left; padding: 4px 6px 2px 6px;'>"+small_title+"</div>";
  document.getElementById('shareButton').innerHTML = video_share+small_title;
}


