// ==UserScript==
// @author         Valacar
// @name           YouTube video black background
// @namespace      http://www.valacar.com/
// @description    Changes the background color of videos on YouTube. For use with Valacar's "YouTube.com - dark gray redesign" userstyle.
// @include        http://youtube.com/*
// @include        http://www.youtube.com/*
// ==/UserScript==

(function() 
{

	/* Change embeded video background color
	-------------------------------------*/

	var playerDiv = document.getElementById('playerDiv');

	if (playerDiv) {
		// get first embed element
		var vid = playerDiv.getElementsByTagName('embed')[0];

		if (vid) {
			// copy embed element's attributes and values to a new node
			var vidClone = vid.cloneNode(false);

			// set new nodes attributes to what we want
			vidClone.setAttribute("bgcolor", "#000000");
			vidClone.setAttribute("wmode", "opaque");

			// recreating the embed element is the only thing that seems to work...

			// remove old embed element
			playerDiv.removeChild(vid);
			// add in the modified clone copy
			playerDiv.appendChild(vidClone);
		}
	}

	/* Change front page embeded video background color
	------------------------------------------------*/

	var embedVideo = document.getElementById('hpEmbedVideo');

	if (embedVideo) {
		// get first embed element
		var vid = embedVideo.getElementsByTagName('embed')[0];
		
		if (vid) {
			// set attributes to what we want
			vid.setAttribute("bgcolor", "#000000");
			vid.setAttribute("wmode", "opaque");
		}
	}

}) ();