// Dimmer
function showLoader() {
    var divDimmer = 'divDimmer';

    if( typeof( window.innerWidth ) == 'number' ) {
        // Non-IE
        document.getElementById(divDimmer).style.height = document.body.parentNode.scrollHeight + 'px';
        document.getElementById(divDimmer).style.width  = document.body.parentNode.scrollWidth  + 'px';
        document.getElementById(divDimmer).style.position = 'fixed';
    } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
        // IE 6+ in 'standards compliant mode'
        var myHeight = Math.max(document.body.parentNode.scrollHeight, document.documentElement.clientHeight);
        var myWidth  = Math.max(document.body.parentNode.scrollWidth, document.documentElement.clientWidth);
        document.getElementById(divDimmer).style.height = myHeight + 'px';
        document.getElementById(divDimmer).style.width  = myWidth  + 'px';
    } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
        // IE 4 compatible (quirk mode)
        document.getElementById(divDimmer).style.height = (document.body.parentNode.scrollHeight-20) + 'px';
        document.getElementById(divDimmer).style.width  = (document.body.parentNode.scrollWidth-20)  + 'px';
    }

    document.getElementById(divDimmer).style.display = 'block';
}

// Update a particular HTML element with a new value
function updateHTML(elmId, value) {
  document.getElementById(elmId).innerHTML = value;
}

// Update onStateChange
function onPlayerStateChange(newState) {
  if (newState == 0) {
    var ytholder = document.getElementById("duringvideo");
    ytholder.style.display = "none";
    var ytpromo = document.getElementById("aftervideo");
    ytpromo.style.display = "block";
  }
}

// Add listeners
function onYouTubePlayerReady(playerId) {
  ytplayer = document.getElementById("ytPlayer");
  ytplayer.addEventListener("onStateChange", "onPlayerStateChange");
}

// Load the video
function loadPlayer() {
  var videoID = "9NXjr7-Bg8Y"
  var params = {
	"allowScriptAccess": "always",
    "wmode": "transparent"
  };
  var atts = { id: "ytPlayer" };
  swfobject.embedSWF("http://www.youtube.com/v/" + videoID +
                     "&enablejsapi=1&rel=0&showinfo=0&playerapiid=player1",
                     "ytapiplayer", "470", "285", "8", null, null, params, atts);
}

loadPlayer();

// Show the video
function videoDisplay() {
  showLoader();
  var popup_video = document.getElementById("popup_video");
  Effect.Appear('popup_video', { duration: 1.5 });
  /* $('popup_video').style.display = "block"; */
}

//Hide the video
function videoHide() {
  var ytholder = document.getElementById("duringvideo");
  if (ytholder.style.display == "block") { 
	  ytplayer.stopVideo();
  }
  Effect.Fade('popup_video', { duration: 1 });
  Effect.Fade('divDimmer', { duration: 1 });
}

// Replay video

function videoReplay() {
	var ytholder = document.getElementById("duringvideo");
	ytholder.style.display = "block";
	var ytpromo = document.getElementById("aftervideo");
	ytpromo.style.display = "none";
}