/**************************************
directions:  
inser the following html:

    <div id="videoPlayerContainer">
        <div id="videoPlayer"></div>
        <div id="videoTextContainer">
            <div id="videoTextHeader"></div>
                <span>Video URL:</span><input type="text" id="textVideoUrl" />
                <span>Embed Code:</span><input type="text" id="textVideoCode" />
        </div>
    </div>
    <a href="javascript:void(0);" onclick="OnVideoClick(12345, 'text for video 1');">video 1</a>
    <a href="javascript:void(0);" onclick="OnVideoClick(123456, 'text for video 2');">video 2</a>
    <a href="javascript:void(0);" onclick="OnVideoClick(123453, 'text for video 3');">video 3</a>


and then trigger the video switch by making a call to OnVideoClick('2023434112', 'cheese') with the 
corresponding video id and caption to be placed in the header text.
***************************************/
var defaultWidth = 550;
var defaultHeight = 350;

// loads the video player and then changes the text.
// width and height are optional
function OnVideoClick(videoId, videoNum)
{
    LoadVideo(videoId);
	LoadLink(videoNum);

}

// loads the video player
// width and height are optional
function LoadVideo(videoId, width, height)
{
    // if the width and height have been specified, we set it.
    // otherwise we use the default width and height that are defined above
    width = (width) ? width : defaultWidth;
    height = (height) ? height : defaultHeight;
    
    // change the video source   
    var videoPlayerContainer = document.getElementById('videoPlayerContainer');
    videoPlayerContainer.innerHTML = '<embed src="http://creative.myspace.com/Client/Disney/Enchanted/Flash/Videos/' + videoId + '.swf" type="application/x-shockwave-flash"  base="http://creative.myspace.com/Client/Disney/Enchanted/Flash/Videos/" quality="high" scale="noscale" width="550" height="350" type="application/x-shockwave-flash" />';
}

function LoadLink(videoNum)
{
    // change the video source   
    var addLink = document.getElementById('addLink');
    addLink.innerHTML = '<a href="http://vids.myspace.com/index.cfm?fuseaction=vids.addToProfileConfirm&videoid=' + videoNum + '>+ADD THIS VIDEO TO PROFILE</a>';
}