/**************************************
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 = 863;
//var defaultHeight = 535;

// loads the video player and then changes the text.
// width and height are optional
function OnBioClick(iframeID, movieTitle, bio)
{
	// alert(iframeID);
  //  LoadIFrame(iframeID, def);
	LoadInfo(iframeID, movieTitle, bio);
}

// loads the video player
// width and height are optional
//function LoadIFrame(iframeID, def, 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 iFrameContainer = document.getElementById('top');
  //  iFrameContainer.innerHTML = '<iframe src="http://creative.myspace.com/Client/Marketing/TrailerPark/Trailers/' + def + '/' + iframeID + '.html" name="videoPlayerWindow" allowtransparency="1" scrolling="no" frameborder="0" width="' + width + '" height="' + height + '"></iframe>';
//}

function LoadInfo(iframeID, movieTitle, bio)
{    
    // change the video source   
    var infoContainer = document.getElementById('left');
    infoContainer.innerHTML = '<div id="photo"><img src="http://creative.myspace.com/Client/MySpace/MTVMA08/Flash/Posters/' + iframeID + '.jpg" width="102" height="150" /></div><div id="info"><div id="title">' + movieTitle + '</div><div id="bio">' + bio + '</div></div>';
}