var ytplayer = undefined;

function openYouTube(startId){
	
	  	
      //YouTube Player Parameters
      var width = 640;
      var height = 505;
      var FullScreen = "yes";
      var AutoPlay = "yes";
      var HighDef = "yes";
     
      //Calculate Page width and height
      var pageWidth = window.innerWidth;
      var pageHeight = window.innerHeight;
      if (typeof pageWidth != "number"){
      if (document.compatMode == "CSS1Compat"){
            pageWidth = document.documentElement.clientWidth;
            pageHeight = document.documentElement.clientHeight;
      } else {
            pageWidth = document.body.clientWidth;
            pageHeight = document.body.clientHeight;
            }
      }
      // Make Background visible...
      var divbg = document.getElementById('bg');
      divbg.style.visibility = "visible";
     
      //Create dynamic Div container for YouTube Popup Div
      var divobj = document.getElementById('ytdiv');
      divobj.style.visibility = "visible";
      var divWidth = width + 4;
      var divHeight = height + 20;
      divobj.style.width = divWidth + "px";
      divobj.style.height = divHeight + "px";
      var divLeft = (pageWidth - divWidth) / 2;
      var divTop = (pageHeight - divHeight) / 2 - 6;
      divobj.style.left = divLeft + "px";
      divobj.style.top = divTop + "px";
     
      //Create dynamic Close Button Div
      var closebutton = document.getElementById('closebutton');
      closebutton.style.visibility = "visible";
      
      //Create watch on youtube link
      var watchbutton = document.getElementById('watch');
      watchbutton.style.visibility = "visible";

      //Create dynamic YouTube Div

      if (FullScreen == "yes") FullScreen="&fs=1"; else FullScreen="&fs=0";
      if (AutoPlay == "yes") AutoPlay="&autoplay=1"; else AutoPlay="&autoplay=0";
      if (HighDef == "yes") HighDef="&hd=1"; else HighDef="&hd=0";
        
      var params = { allowScriptAccess: "always", allowFullScreen: "true" };
      var atts = { id: "myytplayer", allowFullScreen: "true" };
      swfobject.embedSWF("http://www.youtube.com/v/" + startId 
      + "?enablejsapi=1&playerapiid=ytplayer&rel=0&showsearch=0" 
      + FullScreen + AutoPlay + HighDef, 
                        "ytapiplayer", width, height, "8", null, null, params, atts);	      	                              
      
      updatePopLink(startId);
                        
}


function onYouTubePlayerReady(playerId) 
{
  ytplayer = document.getElementById("myytplayer");
  ytplayer.addEventListener("onStateChange", "onPlayerStateChange");
}

function onPlayerStateChange(newState) 
{
  if (newState == 0)
  {
	   //playNextVideo (true);
  }
}


function updatePopLink(newId)
{
    // update the View in Youtube link
	document.getElementById("poplink").href = "http://www.youtube.com/watch?v=" + newId;
}

function playVideoWithId(newId)
{
    updatePopLink(newId);
	
	// load the new video
	ytplayer.loadVideoById(newId, 0, "hd720");  	
}

function deletePlayer() 
{
	swfobject.removeSWF("myytplayer");
	var tmp = document.getElementById("ytwrapper");
	if (tmp) { tmp.innerHTML = "<div id=\"ytapiplayer\"></div>"; }
}

function pausePlayer()
{
	if (ytplayer != undefined)
	{
		ytplayer.pauseVideo();
	}
}

function closeYouTube()
{
	if (ytplayer != undefined)
	{
		ytplayer.stopVideo();
        ytplayer.clearVideo();
        deletePlayer();
        ytplayer = undefined;
    }
    
	var mydiv = document.getElementById('bg');
	mydiv.style.visibility = "hidden";
	mydiv = document.getElementById("ytdiv");
	mydiv.style.visibility = "hidden";
	mydiv = document.getElementById("closebutton");
	mydiv.style.visibility = "hidden";
	mydiv = document.getElementById("watch");
	mydiv.style.visibility = "hidden";
	
	mydiv = document.getElementById("previousDiv");
	if (mydiv != undefined)
		document.body.removeChild(mydiv);
	
	mydiv = document.getElementById("nextDiv");
	if (mydiv != undefined)
		document.body.removeChild(mydiv);
}