/***
* ------------------------------------ GLOBALS ---------------------------------------------
***/
var PRECISE_BUILD_VERSION = "2009.07.01";
//alert ( "LOADING GAME LOGIC" );
var WILD_CARD_CATEGORY_ID = 21;
var WILD_CARD_CAPTION = "Wild Card";
/**
* Is "true" if the Flash game control/status bar is loaded.
*/
var m_bottomGameInfoBarLoaded = false;
/**
* Is "true" if the Flash question panel is loaded.
*/
var m_questionPanelLoaded = false;
/**
* True if the currently displaying video is a You Tube video.
*/
var m_isYouTubeVideo = false;
/**
* SLW 601. True if the currently displaying video is a PopJax video.
*/
var m_isPopJaxVideo = false;
/**
* Is "true" if the current you tube video (the one for the question being displayed) is
* ready and the user can start answering questions.
*/
var m_youTubeVideoReady = false;
/**
* Is "true" if the current you tube video (the one for the question being displayed) is
* ready and the user can start answering questions and the Flash question panel has
* been "told" that the video is ready.
*/
var m_gameKnowsYouTubeVideoLoaded = false;
/**
* Is "true" if the game is over.
*/
var m_gameOver = false;
/**
* This is the "user" object. It came from the server.
*/
var m_userInfo = null;
/**
* The row and column of the selected game piece. In our code, we use 1, 1 as the upper left-hand corner
* game piece. But the back end starts at 0, 0 - so remember this when talking to the back end!!!
*/
var m_selectedGamePieceCol = -1;
var m_selectedGamePieceRow = -1;
/**
* This is only true after the user clicked on a game cell and while we're waiting for the question to be served up to us
* by the back end.
*/
var m_loadingQuestion = false;
/**
* True once the question for the clicked-on game piece has been loaded into the Flash question panel.
*/
var m_questionLoadedIntoQuestionPanel = false;
/**
* The SWF name for the game control/info bar along the bottom of the page.
*/
var bottomGameInfoBarSwf = "/content/game/GameInfoBar.swf?affColor=0x111111";
/**
* The "Question" XML (model) object.
*/
var m_currentQuestionResponseXml = null;
var m_currentQuestionResponseObject = null;
/**
* The "Question" JavaScript (model) object.
*/
var m_currentQuestionObject = null;
/**
* "True" if the You Tube video is loaded.
*/
var m_youTubePlayerLoaded = false;
/**
* This contains the "Game" JavaScript (model) object. It is null until the new game has been returned to us by
* the back end.
*/
var m_gameData = null;
/**
* This is "true" after a game has been loaded into the gameboard.
*/
var m_gameDataLoadedIntoGameBoard = false;
/**
* This is "true" if we started to download the question panel.
*/
var m_loadedQuestionPanel = false;
/**
* This is "true" if we got a "game already played" message in response to a start game.
*/
var m_gameAlreadyPlayed = false;
var m_debugStr = "";
var m_didEndGame = false;
var m_rulesShowing = false;
var m_gameboardReadyForPlay = false;
var m_averageScoreForThisGame = null;
var m_playerPercentagePosition = null;
//var m_idOfQuestionBeingAnswered = null;
/**
* FAKE GAME DATA!!!
**/
var game = [
{ row:1, col:1, videoPath:"resources/largeVideos/12_TV_Ads.flv", title:"TV Ads", videoId:"mNazT3GY7z0" },
{ row:1, col:2, videoPath:"resources/largeVideos/12_TV_Ads.flv", title:"TV Ads", videoId:"mNazT3GY7z0" },
{ row:1, col:3, videoPath:"resources/largeVideos/12_TV_Ads.flv", title:"TV Ads", videoId:"mNazT3GY7z0" },
{ row:2, col:1, videoPath:"resources/largeVideos/12_TV_Ads.flv", title:"TV Ads", videoId:"mNazT3GY7z0" },
{ row:2, col:2, videoPath:"resources/largeVideos/12_TV_Ads.flv", title:"TV Ads", videoId:"mNazT3GY7z0" },
{ row:2, col:3, videoPath:"resources/largeVideos/12_TV_Ads.flv", title:"TV Ads", videoId:"mNazT3GY7z0" },
{ row:3, col:1, videoPath:"resources/largeVideos/12_TV_Ads.flv", title:"TV Ads", videoId:"mNazT3GY7z0" },
{ row:3, col:2, videoPath:"resources/largeVideos/12_TV_Ads.flv", title:"TV Ads", videoId:"mNazT3GY7z0" },
{ row:3, col:3, videoPath:"resources/largeVideos/12_TV_Ads.flv", title:"TV Ads", videoId:"mNazT3GY7z0" }
];
/**
* The width of the embedded video.
*/
//var m_videoWidth = "500px";
/**
* Height of the embedded video.
*/
//var m_videoHeight = "400px";
var m_dailyPoints = null;
var m_weeklyPoints = null;
var m_monthlyPoints = null;
var m_averageScore = 0 ;
var m_top10PctScore = 0 ;
var m_showedDailyDrawingAnimation = false;
var m_showedWeeklyDrawingAnimation = false;
var m_showedMonthlyDrawingOneAnimation = false;
var m_showedMonthlyDrawingTwoAnimation = false;
/**
* These can get set to true if the player gets past one of these thresholds yet is playing POP4 and POPSPIN and hasn't yet
* "won" that game.
*/
var m_delayedShowDailyDrawingAnimation = false;
var m_delayedShowWeeklyDrawingAnimation = false;
var m_delayedShowMonthlyDrawingOneAnimation = false;
var m_delayedShowMonthlyDrawingTwoAnimation = false;
var m_gameInfo = null;
var m_selectedGameCell = null; // getGameCellByPosition ( col, row )
var m_lifetimeScore = null;
var m_currentLevel = null;
function ASSERT_THROW ( assertion, throwMessage ) {
if ( assertion ) {
var throwMessageWithQuestionId = throwMessage;
if ( m_currentQuestionObject != null ) {
throwMessageWithQuestionId = " qid=" + m_currentQuestionObject.id + " " + throwMessage ;
}
throw throwMessageWithQuestionId;
}
}
function suppressDrawingWinnerAnimations () {
var doSuppress = true;
try {
/*if ( this["m_suppressDrawingWinnerAnimations"] ) {
doSuppress = this["m_suppressDrawingWinnerAnimations"];
}
*/
if ( ! m_suppressDrawingWinnerAnimations ) {
doSuppress = false;
}
} catch ( exc )
{
doSuppress = true;
}
return doSuppress;
}
/**
* HOTFIX TO HANDLE VIDEOS NOT LOADING... !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
*/
var SHOW_SKIP_BUTTON_AFTER_THIS_MANY_MS = 10000;
var m_checkIfVideoLoadedYetTimerId = null;
function checkIfVideoLoadedYet () {
m_checkIfVideoLoadedYetTimerId = null;
//alert ( "VIDEO LOADED YET? : " + m_toldGameThatVideoIsPlaying );
if ( m_toldGameThatVideoIsPlaying == false ) {
var skipQuestionDiv = document.getElementById ( "skipQuestionDiv" );
skipQuestionDiv.style.display = "block";
m_videoLoadStatus = "timeout";
/**
* Hide the "Loading Video" animation.
*/
hideLoadingVideoOverlay ();
}
}
function clearCheckForLoadedVideoTimer () {
if ( m_checkIfVideoLoadedYetTimerId ) {
clearTimeout(m_checkIfVideoLoadedYetTimerId);
m_checkIfVideoLoadedYetTimerId = null;
}
}
function skipQuestion () {
// Store the time that the user answered the question
//m_questionAnsweredTime = new Date ();
calculateVideoLoadAndQuestionAnswerTimings();
clearCheckForLoadedVideoTimer ();
//alert ( "SKIP QUESTION correct_answer: " + m_currentQuestionObject.correct_answer );
dataService_getAnswer ( handleAnswerReturnedAfterUserSkipQuestion, m_selectedGamePieceCol - 1, m_selectedGamePieceRow - 1,
m_currentQuestionObject.correct_answer, 1, m_videoLoadedTime, m_userAnswerQuestionTime, m_videoLoadStatus );
m_awaitingResponseToGetAnswerMessage = true;
}
function skipQuestionInPreviewMode () {
// Store the time that the user answered the question
//m_questionAnsweredTime = new Date ();
//alert ( " skipQuestionInPreviewMode called" );
calculateVideoLoadAndQuestionAnswerTimings();
//alert ( "survived calculateVideoLoadAndQuestionAnswerTimings" );
clearCheckForLoadedVideoTimer ();
//alert ( "survived clearCheckForLoadedVideoTimer" );
goBackToGameBoard ();
//alert ( "survived goBackToGameBoard " );
//alert ( "SKIP QUESTION correct_answer: " + m_currentQuestionObject.correct_answer );
/*
alert ( " m_currentQuestionObject.id: " + m_currentQuestionObject.id );
try {
dataService_getAnswerPreview ( handleAnswerReturnedAfterUserSkipQuestion, m_currentQuestionObject.id,
m_currentQuestionObject.correct_answer, 1 );
//fromFlash_getAnswerPreview ( m_currentQuestionObject.id, m_currentQuestionObject.correct_answer, 1 );
} catch ( exc ) {
alert ( "EXC: " + exc );
}
*/
}
function handleAnswerReturnedAfterUserSkipQuestion ( data, xml ) {
/**
* Only record this with Google Analytics if this wasn't a "bonus" question (the one that hangs off the main question).
*/
if ( m_isAnswerToBonusQuestion == false ) {
/**
* Another question within the game was answered. Depending
* on which # question this is, it might trigger a call to Google Analytics to
* track this event.
*/
anotherQuestionWasAnswered ();
}
//alert ( " foo data back " ); window.doThisNow();
/**
* Mister Gorbachev, "tear down that wall" - Reagan.
*
* Oh! I mean, remove the overlay that prevented the user from clicking on the video!
*/
hideClearVideoOverlayDiv ();
if ( data.code == AnswerResponse.CODE_ANSWER_CORRECT ||
data.code == AnswerResponse.CODE_GAME_WON ||
( data.code == AnswerResponse.CODE_BLACKOUT_FINISH && data.isAnswerCorrect == "true" ) ) {
m_answerWasCorrect = true;
} else {
m_answerWasCorrect = false;
}
if ( data.code == AnswerResponse.CODE_GAME_WON ||
data.code == AnswerResponse.CODE_GAME_LOST ||
data.code == AnswerResponse.CODE_BLACKOUT_FINISH ) {
m_gameOverData = data;
m_gameOver = true;
}
if ( data.average ) {
m_averageScoreForThisGame = Math.round(data.average);
}
if ( data.percentile ) {
var playerPercentile = Number(data.percentile) * 100;
playerPercentile = Math.round(playerPercentile);
var playerPercentage = 100 - playerPercentile;
if ( playerPercentage < 1 ) {
playerPercentage = 1;
}
m_playerPercentagePosition = playerPercentage;
}
//alert ( " GAME OVER? " + m_gameOver );
if ( m_gameId == null ) {
if ( data.gameId != null && data.gameId != "null" && data.gameId != "undefined" ) {
m_gameId = data.gameId;
}
}
/**
* Increment the "current score of the game" value.
*/
if ( m_answerWasCorrect ) {
m_currentGameScore = Number(data.score);
}
nextQuestion ();
}
/**
* END OF HOTFIX!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
**/
/***
* ------------------------------------ HANDLE "REGISTER" OR "LOG IN" BEFORE STARTING A GAME ----------------
***/
function registeredAndLoggedInNowStartGame () {
// alert ( "REG AND LOGGED IN, START GAME" );
reg_hideRegistrationScreen ();
//restartTheGameWithLoginCredentials ();
}
var m_startGameCalled = false;
function restartTheGameWithLoginCredentials () {
//alert ( "RE START GAME AGAIN NOW WITH USER LOGGED IN" );
m_gameDataLoadedIntoGameBoard = false;
m_startGameParms.pjuid = m_pjuid;
m_startGameCalled = false;
// loadPage ();
dataService_getUser ( userInfoReady, m_pjuid );
}
/***
* ------------------------------------ "LOADING" CONTENT INTO PAGE ----------------
***/
/**
* This starts loading the page and its data.
*/
function loadPage ( hideUserLookupIfNull )
{
/* IF the 'hide' parameter is omitted, set it to false */
if ( !hideUserLookupIfNull )
hideUserLookupIfNull = false ;
/**
* Ajax call. If the user is logged in, get their name, email address, games played, lifetime score, etc. Only once we've got the
* user's data to we invoke a "start game" transaction.
*/
if ( ((m_pjuid == null) || (m_pjuid == "null")) && hideUserLookupIfNull )
{
dataService_getUser ( nullUserInfoReady, m_pjuid );
}
else
dataService_getUser ( userInfoReady, m_pjuid );
/**
* Load the bottom game control/info panel. We don't know if the user's data will come back
* to us first or this panel will load first, so only once both the data has arrived and the panel is
* loaded to we load the panel with data and then start a new game.
*/
embedFlashContent ( "bottomGameInfoPanel", "bottomGameInfoPanelContainer", bottomGameInfoBarSwf,
"100%", "100%", "#ffffff", "transparent", "exactFit" );
/**
* Init the dialogs.
*/
// alert ( "init the dialogs" );
try {
if ( m_isFacebookGame == false ) {
reg_initRegistrationPage ();
login_initLoginPage ();
reg_setAfterRegistrationCallback (afterRegistrationCallback);
login_setAfterLoginCallback (afterLoginCallback);
shareQuestion_initRegistrationPage ();
//shareGame_initShareQuestionPage ();
shareGame_initRegistrationPage ();
}
} catch ( exc ) {
printTrace ( "EXC: " + exc );
}
}
// alert ( "LOAD PAGE LOADED" );
function loadRestOfPage () {
/**
* Load the Flash question panel.
*/
embedFlashContent ( "questionPanel", "questionPanelContainer", questionPanelSwf,
"100%", "100%", "#ffffff", "transparent", "exactFit" );
}
/**
* This is called once the server returns to us the user's data.
*/
function userInfoReady ( data, xml ) {
m_userInfo = data;
// document.getElementById("userNameLoggedIn").innerHTML = m_pjusername;
var userNameLoggedIn = document.getElementById ( "userNameLoggedIn" );
if ( userNameLoggedIn && m_userInfo.name && m_userInfo.name != "" && m_userInfo.name.indexOf ( "anonymous" ) < 0 && m_userInfo.name.indexOf ( "fbUser" ) ) {
if ( document.getElementById("logOutForm2") )
{
document.getElementById("logOutForm2").style.display = "block";
var logInForm = document.getElementById ("loginform2");
if ( logInForm )
logInForm.style.display = "none";
}
m_pjusername = userNameLoggedIn.value;
userNameLoggedIn.innerHTML = m_userInfo.name;
//alert ( "ASSIGN NAME" );
}
if ( m_fbname != null ) {
m_userInfo.name = m_fbname;
}
if ( m_userInfo.dailyScore != null && m_userInfo.dailyScore != "null" ) {
m_dailyPoints = Number( m_userInfo.dailyScore );
}
if ( m_userInfo.weeklyScore != null && m_userInfo.weeklyScore != "null" ) {
m_weeklyPoints = Number( m_userInfo.weeklyScore );
}
if ( m_userInfo.monthlyScore != null && m_userInfo.monthlyScore != "null" ) {
m_monthlyPoints = Number( m_userInfo.monthlyScore );
}
if ( m_userInfo.lifetimeScore != null && m_userInfo.lifetimeScore != "null" ) {
m_lifetimeScore = Number(m_userInfo.lifetimeScore);
m_currentLevel = calculateLevel ( m_lifetimeScore );
}
/**
* New SLW 9/9/08. This is for those times that the game doesn't know the user's pjuid but the back end does. And it is an anonymous user.
*/
if ( m_userInfo.id ) {
m_pjuid = m_userInfo.id;
}
// m_pjuid
// m_dailyPoints
// alert ( " m_weeklyPoints: " + m_weeklyPoints );
/**
* If the bottom control/info bar is loaded, cause the user info to be loaded into it and the "start game" transaction
* to be sent to the back end.
*/
if ( m_bottomGameInfoBarLoaded ) {
setTimeout ( loadUserInfoIntoBottomInfoPanel, 10 );
}
}
function nullUserInfoReady ( data, xml )
{
m_userInfo = data;
var userNameLoggedIn = "anonymous" ;
if ( m_userInfo.dailyScore != null && m_userInfo.dailyScore != "null" ) {
m_dailyPoints = Number( m_userInfo.dailyScore );
}
if ( m_userInfo.weeklyScore != null && m_userInfo.weeklyScore != "null" ) {
m_weeklyPoints = Number( m_userInfo.weeklyScore );
}
if ( m_userInfo.monthlyScore != null && m_userInfo.monthlyScore != "null" ) {
m_monthlyPoints = Number( m_userInfo.monthlyScore );
}
if ( m_userInfo.lifetimeScore != null && m_userInfo.lifetimeScore != "null" ) {
m_lifetimeScore = Number(m_userInfo.lifetimeScore);
m_currentLevel = calculateLevel ( m_lifetimeScore );
}
/**
* If the bottom control/info bar is loaded, cause the user info to be loaded into it and the "start game" transaction
* to be sent to the back end.
*/
if ( m_bottomGameInfoBarLoaded ) {
setTimeout ( loadUserInfoIntoBottomInfoPanel, 10 );
}
}
/**
* This function is called once the user's info has been retrieved from the back end.
* This happens at the beginning of a game.
*
* NOTE: This function "kicks off" a "start game" message to the back end.
*/
function loadUserInfoIntoBottomInfoPanel () {
//alert ( "LOAD USER INFO INTO BOTTOM PANEL" );
var bottomGameInfoPanel = document.getElementById ( "bottomGameInfoPanel" );
var playerName = m_userInfo.name;
/**
* Added if ( m_pjuid == null, then blank-out the name ). This way, anonymous players' names don't appear.
*/
if ( playerName == null || playerName == "null" || m_pjuid == null || m_pjuid == "null" ) {
playerName = "";
}
if ( playerName.indexOf ( "anonymous" ) >= 0 ) {
playerName = "";
}
var lifetimeScore = m_userInfo.lifetimeScore;
if ( lifetimeScore == null || lifetimeScore == "null" ) {
lifetimeScore = "";
} else {
// m_lifetimeScore = lifetimeScore;
}
var dailyScore = m_userInfo.dailyScore;
if ( dailyScore == null || dailyScore == "null" ) {
dailyScore = "";
} else {
// m_lifetimeScore = lifetimeScore;
}
/* Trac # 632 - ALSO get Score-to-Beat info now */
var totalNumberOfGamesPlayed = m_userInfo.totalNumberOfGamesPlayed;
if ( totalNumberOfGamesPlayed == null || totalNumberOfGamesPlayed == "null" ) {
totalNumberOfGamesPlayed = "";
}
// alert ( " dailyScore: " + dailyScore );
//bottomGameInfoPanel.setUserInfo ( playerName, "", dailyScore ); //, totalNumberOfGamesPlayed );
try
{
bottomGameInfoPanel.setUserInfo ( playerName );
bottomGameInfoPanel.setScore ( "0" );
bottomGameInfoPanel.showScores ( );
}
catch ( exc )
{
}
//alert ( "ABOUT TO GET GAME AGAIN" );
// var m_startGameParms = new Object ();
if ( m_startGameCalled == false ) {
/**
* Ensure "reportingOrigin" and "reportingRef" are added to the start game message.
*/
addOriginReporting ( m_startGameParms );
dataService_startGame ( handleGameStarted, m_startGameParms );
m_startGameCalled = true;
}
}
function playerHasPlayedGame () {
//alert ( " PLAYER HAS PLAYED GAME" );
//alert ( " m_gameData.gameDetails.playedGame: " + m_gameData.gameDetails.playedGame );
if ( m_gameData ) {
// playedGame="false"
if ( m_gameData.gameDetails && m_gameData.gameDetails.playedGame && m_gameData.gameDetails.playedGame == "true" ) {
return true;
} else {
return false;
}
} else {
return false;
}
}
/**
* This callback is called once the back end has returned to us a "new game" and its
* data.
*/
function handleGameStarted ( data, xml ) {
/**
* Reset the counter used in determining whether or not to report a question
* answer event with Google Analytics.
*/
resetQuestionCount ();
// Record when the game started.
m_gameStartTime = new Date();
m_gameAlreadyPlayed = false;
m_gameData = data;
// m_gameData = null;
ASSERT_THROW ( m_gameData == undefined || m_gameData == null, "handleGameStarted: game data is missing!" );
// alert ( " playerHasPlayedGame: " + playerHasPlayedGame () );
/*
if ( m_gameData.code == "GAME_OK" ) {
if ( m_gameData != null && m_gameBoardLoaded && ( m_gameDataLoadedIntoGameBoard == false ) ) {
var largeVideoPath = m_gameData.gameDetails.largeVideoPath;
var gameName = m_gameData.gameDetails.gameName;
var gameboardNew = document.getElementById ( "gameboardNew" );
gameboardNew.loadHitGameCells ( largeVideoPath, gameName );
m_gameDataLoadedIntoGameBoard = true;
}
} else {
m_gameAlreadyPlayed = true;
var gameboardNew = document.getElementById ( "gameboardNew" );
gameboardNew.showEndOfGameBack ();
}
*/
if ( m_gameData != null && m_gameBoardLoaded && ( m_gameDataLoadedIntoGameBoard == false ) ) {
//alert ( " handle game started" );
loadGameIntoGameboard ();
}
}
function getGameCellByPosition ( col, row ) {
var colsPerRow = 3;
if ( m_currentGameType == GAME_TYPE_HIT ) {
colsPerRow = 3;
} else {
colsPerRow = 4;
}
var rowsToSkip = row - 1;
var cellsToSkip = ( rowsToSkip * colsPerRow );
cellsToSkip += col - 1;
var gridCell = m_gameData.gridCells.gridCells[cellsToSkip];
return gridCell;
}
function loadGameIntoGameboard () {
//alert ( " m_gameData.code: " + m_gameData.code + " m_gameAlreadyPlayed: " + m_gameAlreadyPlayed );
if ( m_gameData.code == "GAME_OK" )
{
m_averageScore = m_gameData.averageScore ;
m_top10PctScore = m_gameData.topTenPercentScore ;
if ( m_averageScore == undefined || m_averageScore == null )
m_averageScore = "795" ;
if ( m_top10PctScore == undefined || m_top10PctScore == null )
m_top10PctScore = "1393" ;
var bottomGameInfoPanel = document.getElementById ( "bottomGameInfoPanel" );
if (bottomGameInfoPanel)
{
try
{
bottomGameInfoPanel.setScoresToBeat ( m_averageScore, m_top10PctScore) ;
}
catch ( exc )
{
}
}
//alert ( "GOT GAME OK" );
if ( m_currentGameType == GAME_TYPE_HIT ) {
var largeVideoPath = m_gameData.gameDetails.largeVideoPath;
var largeImagePath = m_gameData.gameDetails.largeImagePath;
ASSERT_THROW ( largeVideoPath == undefined || largeVideoPath == null , "loadGameIntoGameboard: largeVideoPath value missing!" );
ASSERT_THROW ( largeImagePath == undefined || largeImagePath == null , "loadGameIntoGameboard: largeImagePath value missing!" );
var gameName = m_gameData.gameDetails.gameName;
ASSERT_THROW ( gameName == undefined || gameName == null , "loadGameIntoGameboard: Game Name Missing" );
ASSERT_THROW ( ( m_gameData.gridCells.gridCells == undefined || m_gameData.gridCells.gridCells == null ||
m_gameData.gridCells.gridCells.length == 0 ) , "loadGameIntoGameboard: Game Cells missing!" );
for ( var idx = 0; idx < m_gameData.gridCells.gridCells.length; idx++ ) {
var gridCell = m_gameData.gridCells.gridCells[idx];
gridCell.setVideoPath (largeVideoPath);
gridCell.setLargeImagePath (largeImagePath);
gridCell.setCaption (gameName);
}
//alert ( " cells " + m_gameData.gridCells.toXml () );
/*
this.adServerLocation = xml.getAttribute ( "adServerLocation" );
this.adDisplayDuration = xml.getAttribute ( "adDisplayDuration" );
this.allowAdSkip = xml.getAttribute ( "allowAdSkip" );
*/
var gameboardNew = document.getElementById ( "gameboardNew" );
//alert ( "AD DATA: " + m_gameData.adServer );
if ( m_gameData.adServer ) {
m_adDartId = m_gameData.adServer.adServerLocation;
m_minimumMSToShowAd = m_gameData.adServer.adDisplayDuration;
m_allowAdSkip = m_gameData.adServer.allowAdSkip;
}
// alert ( m_gameData.gridCells.toXml () );
if ( m_adDartId ) {
gameboardNew.loadHitGameCells ( m_gameData.gridCells.toXml (), m_adDartId, m_minimumMSToShowAd, m_allowAdSkip );
} else {
gameboardNew.loadHitGameCells ( m_gameData.gridCells.toXml () );
}
} else {
/*
var WILD_CARD_CATEGORY_ID = 21;
var WILD_CARD_CAPTION = "Wild Card";
*/
var gameCategories = m_gameData.gameCategories;
// alert ( "CATS: " + gameCategories );
// 21_Wild_Card.jpg "Wild Card"
var pathToVideos = "";
var wildCardCells = new Array ();
for ( var idx = 0; idx < m_gameData.gridCells.gridCells.length; idx++ ) {
var gridCell = m_gameData.gridCells.gridCells[idx];
var categoryId = gridCell.categoryId;
if ( Number(categoryId) == WILD_CARD_CATEGORY_ID ) {
wildCardCells.push(gridCell);
} else {
var category = gameCategories.getCatgoryById ( categoryId );
var lastSlashIndex = category.smallVideoPath.lastIndexOf("/");
if ( lastSlashIndex >= 0 ) {
pathToVideos = category.smallVideoPath.substr(0, lastSlashIndex+1);
}
gridCell.setVideoPath (category.smallVideoPath);
gridCell.setCaption (category.name);
}
}
for ( var idx = 0; idx < wildCardCells.length; idx++ ) {
var gridCell = wildCardCells[idx];
gridCell.setVideoPath ( pathToVideos + "21_Wild_Card.flv" );
gridCell.setCaption ( WILD_CARD_CAPTION );
}
var gameboardNew = document.getElementById ( "gameboardNew" );
// alert ( "m_gameData.gridCells.toXml (): " + m_gameData.gridCells.toXml () );
if ( m_adDartId ) {
gameboardNew.loadPop4GameCells ( m_gameData.gridCells.toXml (), m_adDartId, m_minimumMSToShowAd, m_allowAdSkip );
} else {
gameboardNew.loadPop4GameCells ( m_gameData.gridCells.toXml () );
}
//largeVideoPath, gameName );
// alert ( " WILD CARDS: " + wildCardCells.length );
/*
var category = gameCategories.getCatgoryById ( categoryId );
//alert ( "cell: " + idx + " CATEGORY FOR id: " + categoryId " : " + category );
// alert ( " category.smallVideoPath: " + category.smallVideoPath );
// alert ( "CELL: " + gridCell.toXml() );
}
*/
// alert ( "CATS: " + gameCategories );
// alert ( "LOAD POP4" );
// loadPop4GameCells
}
m_gameDataLoadedIntoGameBoard = true;
} else { /* Otherwise, game was already played!!! */
//alert ( "GAME WAS ALREADY PLAYED" );
m_gameAlreadyPlayed = true;
var gameboardNew = document.getElementById ( "gameboardNew" );
printTrace ( "pre: gameboardNew.showEndOfGameBack" );
gameboardNew.showEndOfGameBack ();
printTrace ( "post: gameboardNew.showEndOfGameBack" );
m_gameDataLoadedIntoGameBoard = true;
}
}
/**
* This is called once the landing page's video wall "HIT GAMES" data is retrieved.
*/
//function handleLandingPageHitGamesListLoaded ( data, xml ) {
//
// // alert ( "HIT GAMES STUFF READY data: " + data );
//
// var landingPageHitGames = data; // data.landingPageHitGames.landingPageHitGames;
//}
/***
* ------------------------------------ "ASYNCHRONOUS LOADING OF FLASH/MODULES" INTO PAGE ----------------
***/
/**
* This function can be subclassed by different HTML pages where the game resides. When it is called, you can do whatever
* you want to do. One option is to reposition the info bar to its correct position.
*/
function handleInfoBarLoaded () {
}
/**
* Once a Flash component (one of the pieces of the game) loads into the page, it calls this "moduleLoaded" function.
* The "moduleId" allows us to know what module is loaded so we can execute the appropriate code.
*/
function moduleLoaded ( moduleId ) {
//alert ( "LOADED: " + moduleId );
/**
* The gameboard has been loaded.
*/
if ( moduleId == "gameboard" ) {
m_gameBoardLoaded = true;
}
if ( m_gameData != null && m_gameBoardLoaded && ( m_gameDataLoadedIntoGameBoard == false ) ) {
//alert ( "MODULE LOADED" );
loadGameIntoGameboard ();
/*
var largeVideoPath = m_gameData.gameDetails.largeVideoPath;
var gameName = m_gameData.gameDetails.gameName;
var gameboardNew = document.getElementById ( "gameboardNew" );
gameboardNew.loadHitGameCells ( largeVideoPath, gameName );
m_gameDataLoadedIntoGameBoard = true;
*/
}
/**
* The game control panel/info panel along the bottom of the page has loaded.
*/
if ( "bottomGameInfoPanel" == moduleId ) {
m_bottomGameInfoBarLoaded = true;
/**
* Here is our chance to reposition the info bar.
*/
handleInfoBarLoaded ();
if ( m_userInfo != null ) {
setTimeout ( loadUserInfoIntoBottomInfoPanel, 10 );
}
}
if ( m_gameBoardLoaded && m_bottomGameInfoBarLoaded && ( m_loadedQuestionPanel == false ) ) {
m_loadedQuestionPanel = true;
/**
* Once the gameboard and bottom panel are showing, we can load the "question" panel in the background.
*/
loadRestOfPage ();
}
/**
* The Flash question panel has loaded.
*/
if ( "questionPanel" == moduleId ) {
m_questionPanelLoaded = true;
/**
var questionPanel = document.getElementById ( "questionPanel" );
*/
//alert ( "WOULD LOAD SKIN HERE" );
//if ( m_questionPanelSkin != null ) {
// try {
// var questionPanelToSkin = document.getElementById ( "questionPanel" );
// questionPanelToSkin.applySkin( m_questionPanelSkin );
// } catch ( excLoadingSkin ) {
// //alert ( "EXC: " + excLoadingSkin );
// }
//}
if ( m_currentQuestionResponseXml && m_questionPanelLoaded ) {
delayedShowQuestion ();
}
if ( m_youTubeVideoReady && m_questionPanelLoaded && ( m_gameKnowsYouTubeVideoLoaded == false ) ) {
m_youTubeVideoReady = true;
m_gameKnowsYouTubeVideoLoaded = true;
unMuteYouTubeVideo ();
var questionPanel = document.getElementById ( "questionPanel" );
printTrace ( "pre: questionPanel.youTubeVideoCueued" );
// alert ( "foo" );
questionPanel.youTubeVideoCueued ();
printTrace ( "post: questionPanel.youTubeVideoCueued" );
/**
* This handles the situation where the user answered the question before the you tube API told us the video was ready.
*/
if ( m_answerFromUser ) {
m_getAnswerDataServiceToCall ( handleAnswerReturned, m_selectedGamePieceCol - 1, m_selectedGamePieceRow - 1,
m_answerFromUser, m_scaleFromAnswer, m_videoLoadedTime, m_userAnswerQuestionTime, m_videoLoadStatus );
m_answerFromUser = null;
}
}
}
}
/***
* ------------------------------------ "SKINNING" FUNCTIONALITY ----------------
***/
function fromFlash_applyQuestonPanelSkin ( skin ) {
//alert ( "APPLY SKIN" );
m_questionPanelSkin = skin;
}
/***
* ------------------------------------ "GAME INFO BAR" FUNCTIONALITY ----------------
***/
function fromFlash_endGame () {
//alert ( "CALLED" );
setTimeout ( delayedEndGame, 100 );
}
function delayedEndGame () {
//alert ( "END GAME" );
handleBeforeSendEndGameMessage ();
dataService_endGame ( handleGameEnded );
}
function handleGameEnded ( data, xml ) {
//alert ( "GAME ENDED! " + data );
if ( m_gameId == null ) {
if ( data.gameId != null && data.gameId != "null" && data.gameId != "undefined" ) {
m_gameId = data.gameId;
}
}
m_didEndGame = true;
try {
var gameboardNew = document.getElementById ( "gameboardNew" );
printTrace ( "pre: gameboardNew.pauseSound" );
gameboardNew.pauseSound ();
printTrace ( "post: gameboardNew.pauseSound" );
} catch ( exc ) {
// Hide it!
}
//gameboardNew.showEndOfGameBack ();
handleGameEndedByUser ( m_gameId );
}
function handleBeforeSendEndGameMessage () {
defaultHandleBeforeSendEndGameMessage ();
}
function defaultHandleBeforeSendEndGameMessage () {
// alert ( "default handle before end game" );
var gameboard = document.getElementById ( "gameboardNewContainer" );
gameboard.style.left = 2000 + "px"; //"100px"; //display = "block";
gameboard.style.display = "none";
var singleQuestionPanel = document.getElementById ( "singleQuestionPanel" );
singleQuestionPanel.style.left = 2000 + "px"; //"100px"; //display = "block";
singleQuestionPanel.style.display = "none";
showEndGameAnimation ();
}
function defaultHandleGameEndedByUser ( gameId ) {
// alert ( "DEFAULT GAME ENDED BY USER" );
//alert ( "UNSUBCLASSED GAME ID: " + gameId );
//var gameboardNew = document.getElementById ( "gameboardNew" );
// var gameboard = document.getElementById ( "gameboardNewContainer" );
// gameboard.style.left = 2000 + "px"; //"100px"; //display = "block";
// gameboard.style.display = "none";
//alert ( "SHOULD BE GONE" );
//gameboardNew.innerHTML = "";
//gameboardNew.pauseSound ();
//gameboardNew.showEndOfGameBack ();
}
function handleOldGameEnded ()
{
}
function handleGameEndedByUser ( gameId )
{
trackFlashAction ("PlayGame_Abandoned") ;
var gameboardContainer = document.getElementById ( "gameboardNewContainer" );
var bottomGameInfoCtr = document.getElementById ( "bottomGameInfoPanelContainer" );
if ( m_currentGameType == GAME_TYPE_HIT )
{
// New logic - show SWF for whole end-game experience in a new page.
// function in gameScriptsLoadAtTop.js will set up params and link to that page.
gameboardContainer.style.display = "none" ;
bottomGameInfoCtr.style.display = "none" ;
showVersion2_EndGame ("");
}
else
{
// Give a shot at some extra logic for "old" games
handleOldGameEnded() ;
// Keep old logic for Pop4 / PopSpin
var gameboardNew = document.getElementById ( "gameboardNew" );
gameboardNew.showEndOfGameBack ();
}
}
function fromFlash_showRules () {
//alert ( "CALLED" );
setTimeout ( delayedShowRules, 100 );
}
function fromFlash_soundOn () {
setTimeout ( delayedSoundOn, 100 );
}
function delayedSoundOn () {
//alert ( "SOUND ON" );
var gameboardNew = document.getElementById ( "gameboardNew" );
gameboardNew.unMuteGameSounds (); // resumeSound
}
function fromFlash_soundOff () {
setTimeout ( delayedSoundOff, 100 );
}
function delayedSoundOff () {
//alert ( "SOUND OFF" );
var gameboardNew = document.getElementById ( "gameboardNew" );
try {
//alert ( "CALLING PAUSE SOUND: " + gameboardNew );
gameboardNew.muteGameSounds() ; // pauseSound ();
} catch ( exc ) {
printTrace ( "EXC: " + exc );
}
}
/***
* ------------------------------------ "GAME PLAY EVENTS" ---------------------------------------------
***/
function fromFlash_gamePiecesShowing () {
printTrace ( "CALL FROM GAMEBOARD: fromFlash_gamePiecesShowing ()" );
m_gameboardReadyForPlay = true;
// alert ( "GAME PIECES SHOWING" );
var rulesWereShownCookie = getCookie ( "rulesWereShownCookie" );
//alert ( " rulesWereShownCookie: " + rulesWereShownCookie );
if ( rulesWereShownCookie == null ) {
// THIS IS WHERE WE WOULD HAVE POPPED UP RULES AT STARTUP. setTimeout ( delayedShowRules, 100 );
}
setSingleSessionCookie ( "rulesWereShownCookie", "true" );
}
/**
* The user has clicked the "next question" or "back" button on the Flash question panel.
*/
function goBackToGameBoard () {
printTrace ( "CALL FROM QUESTION PANEL: goBackToGameBoard () " );
/**
* If we answered the first question right and then declined to answer the bonus question, the current game score is stored
* in "m_currentGameScoreAfterFirstBonusQuestion". Now it is time for us to update the running score of the game with this value.
*/
if ( m_currentGameScoreAfterFirstBonusQuestion != null ) {
m_currentGameScore = m_currentGameScoreAfterFirstBonusQuestion;
m_currentGameScoreAfterFirstBonusQuestion = null;
}
// SLW new 7/21/08.
m_currentQuestionObject = null;
m_currentQuestionResponseObject = null;
//m_idOfQuestionBeingAnswered = null;
m_currentGameScoreAfterFirstBonusQuestion = null;
nextQuestion ();
handleGameBoardIsShowing ();
}
function nextQuestion () {
clearCheckForLoadedVideoTimer ();
calculateTotalTimeInVideo ( "clickNext" );
setTimeout ( sendVideoPlayedMetricsMessage, 100 );
//alert ( "NEXT QUESTION CALLED" );
//alert ( " about to stop video" );
// Added to hide the movie right away. This seems to deal with the problem where sometimes if the user clicks "next question" that click will
// cause "nextQuestion" to be called right away but then "delayedNextQuestion" won't be called until tons of data downloads to the movie
// - which ironically we don't want to see any more after the user clicks "next question"!
hideMoviePlayer ();
setTimeout ( delayedNextQuestion, 100 );
}
function hideMoviePlayer () {
/**
* This where we free up video player resources.
*/
try {
if ( m_isYouTubeVideo || m_isPopJaxVideo ) {
stopYouTubeVideo ();
clearVideo ();
} else {
var nonYouTubeMovie = document.getElementById ( "nonYouTubeMovie" );
var nonYouTubeEmbeddedVideo = document.getElementById ("nonYouTubeEmbeddedVideo");
/**
* Sort of voodo, hail Mary, placeebo, but...
*/
fixMemoryLeaksFromFlashMovie ( "nonYouTubeEmbeddedVideo" );
// Clear out the container of the non-youtube video
if ( nonYouTubeMovie ) {
nonYouTubeMovie.innerHTML = "";
nonYouTubeMovie.parentNode.removeChild(nonYouTubeMovie);
}
}
} catch ( excclosevideo ) {
printTrace ( "HIDE MOVIE PLAYER: " + excclosevideo );
}
}
/**
* This handles showing the gameboard again after the user has clicked the "next question" button.
*/
function delayedNextQuestion () {
//calculateTotalTimeInVideo ( "clickNext" );
//alert ( "delayed next question called" );
/**
* Make sure the "hidden video overlay" is no longer showing.
*/
hideHiddenVideoDiv ();
//alert ( "DELAYED NEXT Q" );
/**
* Get access the the panel that contains the video and the Flash question panel. And then shove them off the screen so we can
* now show the gameboard.
*/
var singleQuestionPanel = document.getElementById ( "singleQuestionPanel" );
singleQuestionPanel.style.left = "2000px";
/**
* This where we free up video player resources.
*/
/** THIS IS "hideMoviePlayer"
try {
if ( m_isYouTubeVideo ) {
stopYouTubeVideo ();
clearVideo ();
} else {
var nonYouTubeMovie = document.getElementById ( "nonYouTubeMovie" );
var nonYouTubeEmbeddedVideo = document.getElementById ("nonYouTubeEmbeddedVideo");
fixMemoryLeaksFromFlashMovie ( "nonYouTubeEmbeddedVideo" );
// Clear out the container of the non-youtube video
if ( nonYouTubeMovie ) {
nonYouTubeMovie.innerHTML = "";
nonYouTubeMovie.parentNode.removeChild(nonYouTubeMovie);
}
}
} catch ( excclosevideo ) {
printTrace ( "EXC closing video: " + excclosevideo );
}
*/
//alert ( "SHOULD SHOW GAMEBOARD" );
// NOT USED? var moviePanel = document.getElementById ( "moviePanel" );
/**
* Now we show the gameboard.
*/
var gameboard = document.getElementById ( "gameboardNewContainer" );
gameboard.style.left = m_gameboardLeftPos + "px"; //"100px"; //display = "block";
/**
* Send a message to the Flash gameboard - telling it that it is visible now.
*/
printTrace ( "pre: gameboardNew.showGameboard" );
var gameboardNew = document.getElementById ( "gameboardNew" );
gameboardNew.showGameboard ( m_gameOver );
printTrace ( "post: gameboardNew.showGameboard" );
/**
* Update the "current game score" in the bar along the bottom of the gameboard.
*/
var bottomGameInfoPanel = document.getElementById ( "bottomGameInfoPanel" );
try
{
bottomGameInfoPanel.setScore ( m_currentGameScore );
bottomGameInfoPanel.showScores ( );
}
catch ( exc )
{
}
var showingNewGameLevelOverlay = false;
/**
* If this is a "clear the board" game, then the user will keep any points they score. If it is not a clear the board game, they
* will only keep points if they win the game.
*/
if ( m_clearTheBoardGame && userIsLoggedIn () && playerHasPlayedGame () == false ) {
/*
m_currentLevel = calculateLevel ( m_lifetimeScore );
m_clearTheBoardGame = true;
*/
var lifetimeAndCurrentGameScore = m_lifetimeScore + Number(m_currentGameScore);
var newLevel = calculateLevel( lifetimeAndCurrentGameScore );
//alert ( "LEVEL: " + newLevel );
// For Trac 1009 - stop showing new game level...
/***
if ( newLevel != m_currentLevel )
{
m_currentLevel = newLevel;
var gameboardNew = document.getElementById ( "gameboardNew" );
gameboardNew.showNewGameLevelOverlay ( m_currentLevel );
showingNewGameLevelOverlay = true;
}
***/
}
var doShowDailyDrawingQualificationAnimation = false;
var doShowMonthlyDrawingOneQualificationAnimation = false;
var doShowMonthlyDrawingTwoQualificationAnimation = false;
//alert ( "WELL???? m_dailyPoints: " + m_dailyPoints + " m_showedDailyDrawingAnimation: " + m_showedDailyDrawingAnimation + " playerHasPlayedGame () " + //playerHasPlayedGame () );
if ( m_dailyPoints != null && ( m_showedDailyDrawingAnimation == false ) && playerHasPlayedGame () == false ) {
var dailyPointsWithCurrentGameScoreAdded = Number ( Number(m_dailyPoints) + Number(m_currentGameScore) );
//alert ( " dailyPointsWithCurrentGameScoreAdded: " + dailyPointsWithCurrentGameScoreAdded );
if ( m_dailyPoints < 5000 && dailyPointsWithCurrentGameScoreAdded >= 5000 ) {
if ( m_gameType == "POP4" || m_gameType == "POPSPIN" || suppressDrawingWinnerAnimations() ) {
// alert ( "DELAYING" );
//m_delayedShowDailyDrawingAnimation = true;
// DO NOTHING. WE'LL HANDLE THIS AT THE END OF THE GAME
} else {
doShowDailyDrawingQualificationAnimation = true;
}
}
}
//alert ( " doShowDailyDrawingQualificationAnimation: " + doShowDailyDrawingQualificationAnimation );
if ( m_monthlyPoints != null && ( m_showedMonthlyDrawingOneAnimation == false ) && playerHasPlayedGame () == false ) {
var monthlyPointsWithCurrentGameScoreAdded = Number ( Number(m_monthlyPoints) + Number(m_currentGameScore) );
if ( m_monthlyPoints < 25000 && monthlyPointsWithCurrentGameScoreAdded >= 25000 ) {
if ( m_gameType == "POP4" || m_gameType == "POPSPIN" || suppressDrawingWinnerAnimations() ) {
// Do nothing now.
} else {
doShowMonthlyDrawingOneQualificationAnimation = true;
}
}
}
if ( m_monthlyPoints != null && ( m_showedMonthlyDrawingTwoAnimation == false ) && playerHasPlayedGame () == false ) {
var monthlyPointsWithCurrentGameScoreAdded = Number ( Number(m_monthlyPoints) + Number(m_currentGameScore) );
if ( m_monthlyPoints < 50000 && monthlyPointsWithCurrentGameScoreAdded >= 50000 ) {
if ( m_gameType == "POP4" || m_gameType == "POPSPIN" || suppressDrawingWinnerAnimations() ) {
// Do Nothing.
} else {
doShowMonthlyDrawingTwoQualificationAnimation = true;
}
}
}
if ( doShowDailyDrawingQualificationAnimation &&
( doShowMonthlyDrawingOneQualificationAnimation == false ) && ( doShowMonthlyDrawingTwoQualificationAnimation == false )
) {
m_showedDailyDrawingAnimation = true;
showQualifyForDailyPrize ();
}
if ( ( doShowMonthlyDrawingOneQualificationAnimation == true ) && ( doShowMonthlyDrawingTwoQualificationAnimation == false ) ) {
// alert ( "SHOW MONTHLY 1" );
m_showedMonthlyDrawingOneAnimation = true;
showQualifyForMonthlyPrizeOne ();
}
if ( doShowMonthlyDrawingTwoQualificationAnimation ) {
//alert ( "SHOW MONTHLY 2" );
m_showedMonthlyDrawingTwoAnimation = true;
showQualifyForMonthlyPrizeTwo ();
}
// m_weeklyPoints
//try {
/**
* Mark the "just played" game piece on the game board correct or wrong.
*/
if ( m_answerWasCorrect ) {
gameboardNew.markPieceAsCorrect ( m_selectedGamePieceCol, m_selectedGamePieceRow );
} else {
gameboardNew.markPieceAsWrong ( m_selectedGamePieceCol, m_selectedGamePieceRow );
}
//alert ( "DONE MARKING PIECE" );
// } catch ( exc ) {
// alert ( "EXC: "+ exc );
// }
// gameboardVisible
/**
* Now do what we do to hide or clean up/delete the Flash question panel.
*/
var questionPanelContainer = document.getElementById ( "questionPanelContainer" );
if ( !isIE () ) {
// alert ( "IS NOT IE SO DELETE Q PANEL" );
questionPanelContainer.innerHTML = "";
m_questionPanelLoaded = false;
}
m_currentQuestionResponseXml = null;
//alert ( " GAME OVER: " + m_gameOver );
/**
* If the game is over, tell the gameboard to animate up an "end of game" background image.
*/
if ( m_gameOver ) {
//alert ( " CALLING GAME COMPLETED" );
if ( showingNewGameLevelOverlay ) {
setTimeout ( delayedHandleGameCompleted, 4000 );
} else {
handleGameCompleted ( m_gameId );
}
}
//alert ( "End of func" );
}
function delayedHandleGameCompleted () {
handleGameCompleted ( m_gameId );
}
/**
* On www.videojax.com and affiliates, when the game is over, show a game over screen.
*/
function handleGameCompleted ( gameId )
{
// DO THIS WHEN NOT SHOWING AN ANIMATION...
fixMemoryLeaksFromFlashMovie ();
var gameboardNew = document.getElementById ( "gameboardNew" );
var playerPercentage = Number(100);
if ( m_gameOverData.percentile ) {
var playerPercentile = Number(m_gameOverData.percentile) * 100;
playerPercentile = Math.round(playerPercentile);
playerPercentage = 100 - playerPercentile;
if ( playerPercentage < 1 ) {
playerPercentage = 1;
}
}
gameboardNew.playGameOverNormalScoreSound ();
var gameboardContainer = document.getElementById ( "gameboardNewContainer" );
var bottomGameInfoCtr = document.getElementById ( "bottomGameInfoPanelContainer" );
if ( m_currentGameType == GAME_TYPE_HIT )
{
// New logic - show SWF for whole end-game experience in a new page.
// function in gameScriptsLoadAtTop.js will set up params and link to that page.
gameboardContainer.style.display = "none" ;
bottomGameInfoCtr.style.display = "none" ;
var lastGameId = "" ;
if ( m_gameOverData.playedgameId )
lastGameId = m_gameOverData.playedgameId ;
showVersion2_EndGame (lastGameId);
}
else
{
// Keep old logic for Pop4 / PopSpin
gameboardNew.showEndOfGameBack ();
}
}
function getSuggestedNextGamesToPlay () {
var pjuid = -1;
var gameId = m_gameId;
if ( m_pjuid != null ) { //userIsLoggedIn () ) {
pjuid = m_pjuid;
if ( pjuid == null || pjuid == "null" ) {
pjuid = -1;
if ( getCookie ( "pjuid" ) ) {
pjuid = getCookie ( "pjuid" );
}
}
}
// alert ( " PJUID: " + pjuid + " getCookie ( 'pjuid' ) " + getCookie ( "pjuid" ) );
dataService_getSuggestedNextGames ( handleGetSuggestedNextGamesToPlayCompleted, pjuid, gameId )
}
function getGamePageJsp () {
}
/**
* You can subclass this.
*/
function addExtraElementsToRecommendedGame ( anchorElement, index ) {
}
function getExtraGameParameters () {
return "";
}
// Function to call when user selects one of the recommended games.
// Inserted as an onClick handler for the tags in the recommendation screen.
function onRecdGameSelected ()
{
trackUserAction ("EndGame_SelectRecommendedGame") ;
return true ;
}
function handleGetSuggestedNextGamesToPlayCompleted ( data, xml ) {
//alert ( "NEXT GAMES TO PLAY: " + data );
var endGameNotLoggedInSuggestedGamesTitle = document.getElementById( "endGameNotLoggedInSuggestedGamesTitle" );
if ( endGameNotLoggedInSuggestedGamesTitle ) {
endGameNotLoggedInSuggestedGamesTitle.style.display = "block";
}
var endGameLoggedInSuggestedGamesTitle = document.getElementById( "endGameLoggedInSuggestedGamesTitle" );
endGameLoggedInSuggestedGamesTitle.style.display = "block";
var pjuid = null;
var playerName = null;
if ( userIsLoggedIn () ) {
pjuid = m_pjuid;
playerName = m_userInfo.name;
}
var nextGamesDivId = "suggestedGamesNotLoggedInDiv";
if ( userIsLoggedIn () ) {
nextGamesDivId = "suggestedGamesLoggedInDiv";
}
var nextGamesDiv = document.getElementById( nextGamesDivId );
var endGameMessageDiv = document.getElementById ( "endGameMessage" );
if ( ! userIsLoggedIn () )
endGameMessageDiv = document.getElementById ( "endGameNotLoggedInMessage" );
// Trac 631 - use data.endGameMessage for a message based on scored achieved...
if ( endGameMessageDiv != undefined && endGameMessageDiv != null )
{
if ( data.endGameMessage == undefined || data.endGameMessage == null )
endGameMessageDiv.innerHTML = "Thanks for playing!" ;
else
endGameMessageDiv.innerHTML = data.endGameMessage ;
}
var suggestedNextGames = data.suggestedNextGames;
var numberOfGames = Math.min (m_numberOfSuggestedGamesToShow, suggestedNextGames.length);
// track action that recs were shown...
if ( numberOfGames > 0 )
trackUserAction ("EndGame_ShowRecommendedGames") ;
for ( var idx = 0; idx < numberOfGames; idx++ ) {
var suggestedGame = suggestedNextGames[idx];
var gameId = suggestedGame.gameId;
var gameName = suggestedGame.gameName;
var thumbnailUrl = suggestedGame.thumbnailUrl;
// alert ( " ID: " + gameId + " NAME: " + gameName + " URL: " + thumbnailUrl );
var gameUrl = m_gamePageJsp = "?game_type=HIT&game_id=" + gameId + "&pjuid=" + pjuid + "&pjusername=" + playerName;
gameUrl += getExtraGameParameters ();
var a = document.createElement ( "a" );
a.setAttribute ( "href", gameUrl );
a.onclick = function () { onRecdGameSelected() };
a.style.display = "block";
// a.style.float = "left"; // It seems like "float" is a reserved word in some browsers. If you use this syntax in Safari/Mac,
// then the browser won't even load "gameLogic.js"!!! Seems like leaving this out allows the game to work ok.
a.style.textDecoration = "none";
a.style.textAlign="center";
//a.style.width="100px";
//a.style.height="100px";
//a.style.margin="0px";
a.className = "floatLeftThumbImage";
var img = document.createElement ( "img" );
img.src = thumbnailUrl;
img.setAttribute ( "src", thumbnailUrl );
//img.style.width="80px";
//img.style.height="60px";
img.style.display="block";
img.style.marginLeft="auto";
img.style.marginRight="auto";
img.style.border="none";
a.appendChild(img);
var span = document.createElement ( "span" );
// span.style.color = m_suggestedGameLabelColor; //"#000033";
// span.style.fontSize = "12px";
span.style.fontWeight = "bold";
span.style.textDecoration = "none";
span.innerHTML = gameName;
//span.className = "gameLabelClass";
a.appendChild(span);
if ( nextGamesDiv ) {
nextGamesDiv.appendChild(a);
}
addExtraElementsToRecommendedGame (a, idx);
}
}
function dismissLoginFormAtTopIfUserNotLoggedIn () {
var logInForm = document.getElementById("loginform2");
if ( logInForm ) {
logInForm.style.display = "none";
}
}
/**
* The user has clicked a game piece.
*/
function showQuestion ( col, row ) {
/**
* If the user starts playing the game and they are still not logged in, remove the ability for them to log in half-way through the game.
*/
dismissLoginFormAtTopIfUserNotLoggedIn ();
printTrace ( "CALL FROM GAMEBOARD: showQuestion ()" );
var skipQuestionDiv = document.getElementById ( "skipQuestionDiv" );
skipQuestionDiv.style.display = "none";
m_selectedGameCell = getGameCellByPosition ( col, row );
//alert( " CELL: " + m_selectedGameCell );
// var m_selectedGameCell = null; // getGameCellByPosition ( col, row )
/**
* Don't let a quick double-click on a question cause a reload of the question!
* In other word, don't support double-clicking on a game piece.
*/
if ( m_loadingQuestion ) {
printTrace ( "Loading question so bail" );
return;
}
m_questionLoadedIntoQuestionPanel = false;
m_loadingQuestion = true;
m_selectedGamePieceCol = col;
m_selectedGamePieceRow = row;
m_answerFromUser = null;
/**
* Cause the "get question" Ajax call to happen in a different thread.
*/
setTimeout ( delayedGetQuestion, 100 );
}
/**
* The user has clicked a game piece.
*/
function showQuestionById ( questionId ) {
m_singleQuestionId = questionId;
m_selectedGameCell = null; // getGameCellByPosition ( col, row );
//alert( " CELL: " + m_selectedGameCell );
// var m_selectedGameCell = null; // getGameCellByPosition ( col, row )
/**
* Don't let a quick double-click on a question cause a reload of the question!
* In other word, don't support double-clicking on a game piece.
*/
if ( m_loadingQuestion ) {
return;
}
m_questionLoadedIntoQuestionPanel = false;
m_loadingQuestion = true;
// m_selectedGamePieceCol = questionId;
// m_selectedGamePieceRow = row;
m_answerFromUser = null;
/**
* Cause the "get question" Ajax call to happen in a different thread.
*/
setTimeout ( delayedGetQuestionById, 100 );
}
function delayedGetQuestionById () {
dataService_getQuestionById ( handleQuestionReady, m_singleQuestionId );
}
//var m_waitingForQuestion = false;
/**
* This will call the data service that returns the question corresponding the game piece the user clicked.
*/
function delayedGetQuestion () {
printTrace ( "delayedGetQuestion () called" );
try {
//m_waitingForQuestion = true;
dataService_getQuestion ( handleQuestionReady, m_selectedGamePieceCol - 1, m_selectedGamePieceRow - 1 );
} catch ( exc ) {
printTrace ( "EXC in delayedGetQuestion" + exc );
}
}
function setEmbedVideoSize ( embedOrig )
{
var modifiedEmbed ;
var isHulu = embedOrig.indexOf ( "hulu." ) ;
if ( (isHulu > 0) && (forceHuluWidth != null) && (forceHuluWidth != '') )
{
// Patch up the size of Hulu video DIV
modifiedEmbed = embedOrig.replace ( /"512"/g, forceHuluWidth );
modifiedEmbed = modifiedEmbed.replace ( /"341"/g, forceHuluHeight );
//alert ("FIXED HULU EMBED: " + modifiedEmbed ) ;
return modifiedEmbed;
}
var vidWidth = m_videoWidth.substr (0,3) ; // "512px";
var vidHeight = m_videoHeight.substr(0,3) ; // "380px";
modifiedEmbed = embedOrig;
var indexOfWidthStart = modifiedEmbed.indexOf ( "width=" );
if ( indexOfWidthStart < 0 )
return modifiedEmbed ;
var indexOfWidthFirstQuote = indexOfWidthStart + 6 ;
var quoteChar = embedOrig.substr (indexOfWidthFirstQuote, 1) ;
var indexOfWidthSecondQuote = 0;
if ( indexOfWidthStart > 0 )
{
indexOfWidthSecondQuote = embedOrig.indexOf ( quoteChar, indexOfWidthFirstQuote + 1 );
if ( indexOfWidthSecondQuote > 0 )
{
modifiedEmbed = embedOrig.substring ( 0, indexOfWidthFirstQuote + 1 ) +
vidWidth +
embedOrig.substring ( indexOfWidthSecondQuote );
}
}
indexOfWidthStart = modifiedEmbed.indexOf ( "height=" );
indexOfWidthFirstQuote = indexOfWidthStart + 7 ;
if ( indexOfWidthStart > 0 )
{
indexOfWidthSecondQuote = modifiedEmbed.indexOf ( quoteChar, indexOfWidthFirstQuote + 1 );
if ( indexOfWidthSecondQuote > 0 )
{
modifiedEmbed = modifiedEmbed.substring ( 0, indexOfWidthFirstQuote + 1 ) +
vidHeight +
modifiedEmbed.substring ( indexOfWidthSecondQuote );
}
}
return modifiedEmbed;
}
// Examine an URL and indicate if the "house" player should be used to perform it
// Right now, that is anything with 'rtmp:' or 'videojax' in it, or any URL
// that ends with '.flv'
function useHousePlayer ( theURL )
{
var lcURL = theURL.toLowerCase() ;
var uLen = theURL.length ;
if ( lcURL.indexOf ( "rtmp:" ) >= 0 )
return true;
if ( (uLen > 4) && (lcURL.lastIndexOf(".flv") == (uLen-4)) )
return true ;
if ( lcURL.indexOf ( "videojax" ) >= 0 )
return true;
return false ;
}
/**
* This is called after the "get question" data service returns. This is where we start to display
* the video and setup a timer that once it "dings" will cause the currently selected question to be
* placed into the Flash question panel.
*/
function handleQuestionReady ( data, xml ) {
/**
* If we get called when "m_waitingForQuestion" is false, that means we've already processed the response to the GET_QUESTION call. So throw
* away this "nth" response we've gotten back from the server.
*/
//if ( m_waitingForQuestion == false ) {
// alert ( "DUP FROM SERVER" );
// return;
//}
//m_waitingForQuestion = false;
initQuestionAndVideoMetrics ();
// Record when the loading of the question started...
m_questionStartTime = new Date();
//alert ( "HANDLQ QUESTION READY CALLED" );
m_loadingQuestion = false;
m_youTubeVideoReady = false;
m_gameKnowsYouTubeVideoLoaded = false;
var questionText = data.questions[0].text;
var url = data.questions[0].url;
/**
* New stuff to handle showing "loading question" over the video before it is skipped ahead.
*/
m_isSkipAheadQuestion = false;
m_didSeekForSkipAhead = false;
var startQuestionAtThisPosition = Number(data.questions[0].startVideo);
if ( startQuestionAtThisPosition > 0 ) {
m_isSkipAheadQuestion = true;
}
// alert ( " m_isSkipAheadQuestion: " + m_isSkipAheadQuestion );
ASSERT_THROW ( questionText == undefined || questionText == null , "handleQuestionReady: question text field is missing!" );
ASSERT_THROW (( ( url == undefined || url == null ) && ( data.questions[0].embedTag == undefined || data.questions[0].embedTag == null ) ), "handleQuestionReady: question has no url or embedTag!" );
/**
* Set our reference to the Question (model) object. It is a JavaScript object containing the
* question's attributes.
*/
m_currentQuestionObject = data.questions[0];
//m_idOfQuestionBeingAnswered = m_currentQuestionObject.id;
m_currentQuestionResponseObject = data; // This is the QuestionResponse containing the main question and maybe the bonus question.
/**
* Put up the overlay now if one is needed.
*
* NOTE: This should actually only be shown when the video has been loaded but hasn't yet shown the user frame 1 (yea right, like you could do that!)
*/
showOverlayIfNecessary ();
/**
* Set our reference to the XML "string" version of the question. This will be passed into the Flash
* question panel (which will parse it using ActionScript into an ActionScript XML object).
*/
m_currentQuestionResponseXml = xml + "";
/**
* Get or generate the HTML "embed" tag for the selected question's video.
*/
var embed = null;
/**
* First, try to coerce the url into its equivalent form as an "embed" tag. (NOTE: Only those
* video sites whose formats we support and know about will yield an embed tag for a url).
*/
embed = getMovieEmbedFromUrl ( url );
/**
* If no "embed" tag yet, then we'd better have one as an attribute of the question.
*/
if ( embed == null ) {
embed = data.questions[0].embedTag;
ASSERT_THROW ( embed == undefined || embed == null, "handleQuestionReady: question has no url or embedTag!" );
embed = setEmbedVideoSize ( embed );
//alert ( " EMBED: " + embed );
}
/**
* Are we dealing with a YouTube video?
*/
m_isYouTubeVideo = false;
m_isPopJaxVideo = false; // SLW 601
// if ( embed.indexOf ( "rtmp:" ) >= 0 )
if ( useHousePlayer(embed) )
{
m_isPopJaxVideo = true;
}
else if ( embed.indexOf ( "youtube" ) >= 0 )
{
m_isYouTubeVideo = true;
}
/**
* Now for some UI stuff!!!
*
* This is where we show the "div" containing both the video and the Flash question panel. And at the same time, we
* hide the gameboard.
*/
var singleQuestionPanel = document.getElementById ( "singleQuestionPanel" );
singleQuestionPanel.style.display = "block";
singleQuestionPanel.style.left = "0px";
handleVideoAndQuestionShowing ();
// Hide Scores-to-Beat portion of Info Panel...
var bottomGameInfoPanel = document.getElementById ( "bottomGameInfoPanel" );
if (bottomGameInfoPanel)
{
try
{
bottomGameInfoPanel.hideScores ( );
}
catch ( exc )
{
// This is a somewhat benign error that happens in FF 2.0, only
// the FIRST time we try to hide the scores. Rather than try to
// figure this out, just let it pass...
// alert ("Could NOT hideScores") ;
}
}
/**
* If in gameboard mode, move the gameboard over. If in question mode, there is no gameboard to move over.
*/
var gameboard = document.getElementById ( "gameboardNewContainer" );
if ( gameboard ) {
gameboard.style.left="2000px";//display = "none";
}
var movieUrl = document.getElementById ( "movieUrl" );
//movieUrl = null;
if ( movieUrl ) {
movieUrl.innerHTML = "";
}
/**
* These are not used now!!! They are used if we switch to a SWFObject version 2 model for embedding.
*/
var swfPath = "http://www.youtube.com/v/" + videoId + "&autoplay=1"; //&enablejsapi=1&playerapiid=ytplayer";
var params = { allowScriptAccess: "always", wmode: "transparent", quality:"high", salign:"tl", align:"tl", scale:"noScale" };
var atts = { id: "theMovie" };
m_debugStr = "video showing... ";
try {
/**
* For some reason, when running as a widget, the browser security won't let us do this embed after embedding the movie.
* But it will allow us to first embed the question panel and then embed the movie!!!
*/
if ( this["m_insidePopjaxWidget"] ) {
try {
embedFlashContent ( "questionPanel", "questionPanelContainer", "http://www.frisbeefish.com/popjax/game/QuestionPanel.swf", "100%", "100%", "#ffffff", "transparent", "exactFit" );
} catch ( exchack ) {
printTrace ( "EXC INSIDE OF HACK: " + exchack );
}
}
if ( m_isPopJaxVideo ) {
/*
var theMovie = null;
// if ( m_youtubeTypeVideoPlayerId != null ) {
theMovie = document.getElementById ( m_idOfPopJaxPlayerHolderDiv ); //"popJaxPlayer" ); // m_youtubeTypeVideoPlayerId ); // SLW 601 "theMovie" );
// }
if ( theMovie ) {
theMovie.style.position = "absolute";
theMovie.style.left = "2000px";
}
theMovie = document.getElementById ( m_idOfYouTubePlayerHolderDiv ); //"youTubePlayer" ); //"popJaxPlayer" );
if ( theMovie ) {
theMovie.style.position = "absolute";
theMovie.style.left = "2000px";
}
*/
/**
* Nudge the youtube player out of the screen.
*/
var thePlayerToHide = document.getElementById ( m_idOfYouTubePlayerHolderDiv ); //"youTubePlayer" ); //"popJaxPlayer" );
if ( thePlayerToHide ) {
thePlayerToHide.style.position = "absolute";
thePlayerToHide.style.left = "2000px";
}
// alert ( "done hiding" );
//alert ( "IS POPJAX VIDEO!!!" );
m_youtubeTypeVideoPlayerId = "popJaxPlayer";
/**
* Grab the YouTube video ID from the embed tag.
*/
var videoId = extractVideoIdFromEmbed ( embed );
//alert ( "POPJAX VIDEO ID: " + videoId );
/** MY GOOGLE/YOUTUBE DEVELOPER ID for "scott@popjax.com" **/
var yourDevKey = 'AI39si42dRaaY6YNh7kA6NgfNw6MS-qT2Xw6JCWysA4YAGpYDAofcOpUlc4iV39EFZ4mrhQO9Ejm0MWwIQiMuvxZ6PUxOJhJWw';
// THE GOOGLE "DO NOT USE" ONE 'AI39si6Wdgo0IIMzvKzOhGlFz97x0SjBZqNuiXvhJxXNd4KXrkcQCXsOnJtP4FlBhZbiA7uE3wGkLzH5dIF06TvAzs5IFBrgJg';
//alert ( " m_popjaxPlayerLoaded: " + m_popjaxPlayerLoaded );
/**
* If the chromeless player isn't yet loaded, we need to load it. Only once it is loaded can we load the movie into it.
*/
if ( m_popjaxPlayerLoaded == false ) {
/**
* Set to "true" so we don't try to load the player when we select the next question.
* NOTE: It looks like this is not used!!!
*/
// m_youTubePlayerLoaded = true;
m_veryFirstVideoId = videoId; /* Need to remember this for once we've loaded the chromeless you tube video player */
var cpSwfPath = m_popjaxVideoPlayerUrl; // "http://gdata.youtube.com/apiplayer?key=" + yourDevKey + "&enablejsapi=1&playerapiid=ytplayer";
//alert ( " POPJAX PLAYER PATH: " + cpSwfPath );
/**
* SLW 601 Start of more stuff.
*/
var moviePanel = document.getElementById ( "moviePanel" );
var popJaxPlayerHolderDiv = document.createElement ( "div" );
popJaxPlayerHolderDiv.style.position = "absolute";
popJaxPlayerHolderDiv.style.left = "0px";
popJaxPlayerHolderDiv.style.width = m_videoWidth;
popJaxPlayerHolderDiv.style.height = m_videoHeight;
popJaxPlayerHolderDiv.setAttribute ( "id", m_idOfPopJaxPlayerHolderDiv );
moviePanel.appendChild ( popJaxPlayerHolderDiv );
/**
* SLW 601 End of more stuff
*/
// SLW 601 embedFlashContent ( "theMovie", "moviePanel", cpSwfPath, m_videoWidth, m_videoHeight, "#ffffff", "transparent", "exactFit" );
// SLW 601 more embedFlashContent ( m_youtubeTypeVideoPlayerId, "moviePanel", cpSwfPath, m_videoWidth, m_videoHeight, "#ffffff", "transparent", "exactFit" );
embedFlashContent ( m_youtubeTypeVideoPlayerId, m_idOfPopJaxPlayerHolderDiv, cpSwfPath, m_videoWidth, m_videoHeight, "#ffffff", "transparent", "exactFit", "_enableJSApi=1" );
/**
* Put the chromess player in its correct location on the screen and make sure it is set to position "absolute"
*/
var theMovie = document.getElementById ( m_youtubeTypeVideoPlayerId ); // SLW 601 "theMovie" );
theMovie.style.position = "absolute";
theMovie.style.left = "0px";
} else { /* Else the chromess player is already loaded so load a movie into it */
/**
* Put the chromess player in its slot (it might have been shoved beyond view because we were showing some video from
* a non youtube site).
*/
/** WAS
var theMovie = document.getElementById ( m_youtubeTypeVideoPlayerId ); // SLW 601 "theMovie" );
theMovie.style.position = "absolute";
theMovie.style.left = "0px";
***/
var theMovie = document.getElementById ( m_idOfPopJaxPlayerHolderDiv ); //m_youtubeTypeVideoPlayerId ); // SLW 601 "theMovie" );
theMovie.style.position = "absolute";
theMovie.style.left = "0px";
//alert ( "CALLING LOAD NEW VIDEO" );
/**
* Now load the video into the player.
*/
loadNewVideo ( videoId, 0 );
}
} else if ( m_isYouTubeVideo ) {
/**
* Nudge the PopJax player out of the screen.
*/
var thePlayerToHide = document.getElementById ( m_idOfPopJaxPlayerHolderDiv ); //"youTubePlayer" ); //"popJaxPlayer" );
if ( thePlayerToHide ) {
thePlayerToHide.style.position = "absolute";
thePlayerToHide.style.left = "2000px";
}
m_youtubeTypeVideoPlayerId = "youTubePlayer";
//var movieUrl = document.getElementById ( "movieUrl" );
if ( url != null && url != "null" && url != "undefined" ) {
var linkText = "" + url + "";
if ( movieUrl ) {
movieUrl.innerHTML = linkText;
}
}
/**
* Grab the YouTube video ID from the embed tag.
*/
var videoId = extractVideoIdFromEmbed ( embed );
/** MY GOOGLE/YOUTUBE DEVELOPER ID for "scott@popjax.com" **/
var yourDevKey = 'AI39si42dRaaY6YNh7kA6NgfNw6MS-qT2Xw6JCWysA4YAGpYDAofcOpUlc4iV39EFZ4mrhQO9Ejm0MWwIQiMuvxZ6PUxOJhJWw';
// THE GOOGLE "DO NOT USE" ONE 'AI39si6Wdgo0IIMzvKzOhGlFz97x0SjBZqNuiXvhJxXNd4KXrkcQCXsOnJtP4FlBhZbiA7uE3wGkLzH5dIF06TvAzs5IFBrgJg';
/**
* If the chromeless player isn't yet loaded, we need to load it. Only once it is loaded can we load the movie into it.
*/
if ( m_videoPlayerLoaded == false ) {
/**
* Set to "true" so we don't try to load the player when we select the next question.
* NOTE: It looks like this is not used!!!
*/
m_youTubePlayerLoaded = true;
m_veryFirstVideoId = videoId; /* Need to remember this for once we've loaded the chromeless you tube video player */
// There are a few things we can try to remedy Trac #643:
// 0. DO NOTHING - as it looks like this is WORKING NOW (05-Jan-2009)
// 1. remove the key and playerapiid params
// 2. switch URL to www.youtube.com
// 3. use the YTProxy player at /content/game/YTProxy1.swf
// var cpSwfPath = "http://gdata.youtube.com/apiplayer?key=" + yourDevKey + "&enablejsapi=1&playerapiid=ytplayer";
// var cpSwfPath = "http://www.youtube.com/apiplayer?enablejsapi=1"; // This is 1 + 2
/* Interesting note from YT Developer Forum:
http://groups.google.com/group/youtube-api-gdata/
browse_thread/thread/897f00ba5f7a0dd/35f65ae31b0ccff8?hl=en#35f65ae31b0ccff8
Jan 15, 2009
Please do update your chromeless player urls to the new url (www.youtube.com/apiplayer) as the
gdata url may go away in the distant future. [NB: YTProxy1.swf uses this URL]
Note that you no longer need to use the developer key to access the player swf,
so you can remove that as well.
see also: http://code.google.com/apis/youtube/chromeless_player_reference.html
*/
var cpSwfPath = "/content/game/YTProxy1.swf"; // This is 3
// Here we try to deal with a NEW bug (Trac #762) where IE7 does not skip-ahead in video...
/*** ... but no luck...
if ( isIE() )
{
cpSwfPath = "http://gdata.youtube.com/apiplayer?key=" + yourDevKey + "&enablejsapi=1&playerapiid=ytplayer";
}
***/
/**
* SLW 601 Start of more stuff.
*/
var moviePanel = document.getElementById ( "moviePanel" );
var youTubePlayerHolderDiv = document.createElement ( "div" );
youTubePlayerHolderDiv.style.position = "absolute";
youTubePlayerHolderDiv.style.left = "0px";
youTubePlayerHolderDiv.style.width = m_videoWidth;
youTubePlayerHolderDiv.style.height = m_videoHeight;
youTubePlayerHolderDiv.setAttribute ( "id", m_idOfYouTubePlayerHolderDiv );
moviePanel.appendChild ( youTubePlayerHolderDiv );
/**
* SLW 601 End of more stuff
*/
// SLW 601 embedFlashContent ( "theMovie", "moviePanel", cpSwfPath, m_videoWidth, m_videoHeight, "#ffffff", "transparent", "exactFit" );
// SLW 601 part 2 embedFlashContent ( m_youtubeTypeVideoPlayerId, "moviePanel", cpSwfPath, m_videoWidth, m_videoHeight, "#ffffff", "transparent", "exactFit" );
embedFlashContent ( m_youtubeTypeVideoPlayerId, m_idOfYouTubePlayerHolderDiv, cpSwfPath, m_videoWidth, m_videoHeight, "#ffffff", "transparent", "exactFit" );
/**
* Put the chromess player in its correct location on the screen and make sure it is set to position "absolute"
*/
var theMovie = document.getElementById ( m_youtubeTypeVideoPlayerId ); // SLW 601 "theMovie" );
theMovie.style.position = "absolute";
theMovie.style.left = "0px";
} else { /* Else the chromess player is already loaded so load a movie into it */
/**
* Put the chromess player in its slot (it might have been shoved beyond view because we were showing some video from
* a non youtube site).
*/
var theMovie = document.getElementById ( m_idOfYouTubePlayerHolderDiv ); //m_youtubeTypeVideoPlayerId ); // SLW 601 "theMovie" );
theMovie.style.position = "absolute";
theMovie.style.left = "0px";
//alert ( "CALLING LOAD NEW VIDEO" );
/**
* Now load the video into the player.
*/
loadNewVideo ( videoId, 0 );
}
} else { /* NOT!!! a youtube video so we do some squirrely stuff here */
/**
* Try to grab the YouTube chromess player. If it has been loaded, shove it off the side of the screen so that
* our video will show next to the question rather than the empty YouTube chromeless player. NOTE: We don't want to
* delete the youtube chromeless player each time this happens!!! We just want to hide it. (By not flopping the youtube player
* in and out of memory, we reduce memory leaks!)
*/
var theMovie = null;
// if ( m_youtubeTypeVideoPlayerId != null ) {
theMovie = document.getElementById ( m_idOfPopJaxPlayerHolderDiv ); //"popJaxPlayer" ); // m_youtubeTypeVideoPlayerId ); // SLW 601 "theMovie" );
// }
if ( theMovie ) {
theMovie.style.position = "absolute";
theMovie.style.left = "2000px";
}
theMovie = document.getElementById ( m_idOfYouTubePlayerHolderDiv ); //"youTubePlayer" ); //"popJaxPlayer" );
if ( theMovie ) {
theMovie.style.position = "absolute";
theMovie.style.left = "2000px";
}
/*
"popJaxPlayer"
"youTubePlayer"
*/
/**
* Here we create a "div" called "nonYouTubeMovie" that is at a peer level with "theMovie" (the one containing the youtube player).
* Then we create a child "embed" with the id "nonYouTubeEmbeddedVideo". This will contain whatever video site's video player that
* we need.
*/
var moviePanel = document.getElementById ( "moviePanel" );
var nonYouTubeMovie = document.createElement ( "div" );
nonYouTubeMovie.style.position = "absolute";
nonYouTubeMovie.style.left = "0px";
nonYouTubeMovie.style.width = m_videoWidth; //"500px"; /* Explicit size rather than "100%" */
nonYouTubeMovie.style.height = m_videoHeight; // "400px"; /* Explicit size rather than "100%" */
nonYouTubeMovie.setAttribute ( "id", "nonYouTubeMovie" );
moviePanel.appendChild ( nonYouTubeMovie );
nonYouTubeMovie.innerHTML = embed;
/**
* In some situations, we won't have already assigned an "id" to the embed, so this ensures that we've got one.
*/
var embedElement = nonYouTubeMovie.getElementsByTagName ( "embed" )[0];
embedElement.setAttribute ( "id", "nonYouTubeEmbeddedVideo" );
}
} catch ( excfff ) {
printTrace ( "handleQuestionReady Exception: " + excfff );
}
/**
* Now overlay the movie so the user can't click while answering the question.
*/
showClearVideoOverlayDiv ();
m_debugStr += "embedding question panel... ";
/**
* This is where we either embed or display the Flash question panel.
*/
if ( isIE () ) {
//alert ( "IS IE SO JUST MOVING QUESTION" );
singleQuestionPanel.style.left = "0px";
handleVideoAndQuestionShowing ();
var questionPanel = document.getElementById ( "questionPanel" );
// alert ( " questionPanel: " + questionPanel );
if ( questionPanel == null ) {
embedFlashContent ( "questionPanel", "questionPanelContainer", questionPanelSwf,
"100%", "100%", "#ffffff", "transparent", "exactFit" );
}
} else {
m_debugStr += " about to embed q panel ";
// http://www.frisbeefish.com/popjax/game/QuestionPanel.swf";
if ( this["m_insidePopjaxWidget"] != true ) {
try {
embedFlashContent ( "questionPanel", "questionPanelContainer", questionPanelSwf,
"100%", "100%", "#ffffff", "transparent", "exactFit" );
} catch ( embedexc ) {
m_debugStr += " EXC: " + embedexc;
// HIDE THIS. THIS IS THROWN IN FIRST QUESTION WHEN IN FACEBOOK. SOME SECURITY ISSUE. alert ( " EXC: " + m_debugStr );
}
}
m_debugStr += " srvived that ";
}
//alert ( " m_currentQuestionResponseXml: " + m_currentQuestionResponseXml + " m_questionPanelLoaded: " + m_questionPanelLoaded );
if ( m_currentQuestionResponseXml && m_questionPanelLoaded ) {
delayedShowQuestion ();
} else {
setTimeout ( checkOneLastTimeIfCanShowQuestion, 300 );
}
}
/**
* This is called in the rare event that both the question panel and the question data
* arrived at exactly the same time (for instance, it seems like in IE there are multiple threads processing
* stuff. One loads the "question" panel while the other handles the Ajax call to get the question. If the panel loads
* and calls the "moduleLoaded" function via one thread and at the same time the ajax data arrives and the
* "handleQuestionReady" function is called, we can have a race condition where this will never be
* true: "( m_currentQuestionResponseXml && m_questionPanelLoaded ) ". So, to handle that rare condition,
* this "checkOneLastTimeIfCanShowQuestion" is called 100ms after the "handleQuestionReady" function
* is called. Once those 100ms are up and this function is called, then if there was the race condition then at
* this time "( m_currentQuestionResponseXml && m_questionPanelLoaded )" would equal TRUE and we could load the question
* data into the question panel.
**/
function checkOneLastTimeIfCanShowQuestion () {
if ( m_currentQuestionResponseXml && m_questionPanelLoaded && ( m_questionLoadedIntoQuestionPanel == false ) ) {
delayedShowQuestion ();
}
}
function delayedShowQuestion () {
// alert ( " FOO " + m_currentQuestionResponseXml );
m_debugStr += "delayed Show question... ";
if ( !m_questionLoadedIntoQuestionPanel ) {
var questionPanel = document.getElementById ( "questionPanel" );
var points = "100";
if ( m_selectedGameCell != null ) {
points = m_selectedGameCell.points;
}
printTrace ( "pre: questionPanel.showQuestion" );
//alert ( " ABOUT TO SHOW THIS: " + m_currentQuestionResponseXml );
/**
* SLW NEW 9/23/08
*/
if ( m_questionPanelSkin != null ) {
try {
//var questionPanelToSkin = document.getElementById ( "questionPanel" );
questionPanel.applySkin( m_questionPanelSkin );
} catch ( excLoadingSkin ) {
//alert ( "EXC: " + excLoadingSkin );
}
}
questionPanel.showQuestion ( m_currentQuestionResponseXml, points ); // 200 ); //xml );
/**
* This makes it so that if the question is a text entry one, the user can just start typing right away and hit to answer the question.
*/
try {
questionPanel.focus();
} catch ( failedToSetFocus ) {
}
printTrace ( "post: questionPanel.showQuestion" );
m_questionLoadedIntoQuestionPanel = true;
}
m_debugStr += " survived ... ";
}
/** SLW UP TO HER OK TOO **/
/***
* ------------------------------------ "VIDEO OVERLAY" PROCESSING ---------------------------------------------
***/
/**
* Called by the question panel when the timer is starting to count down. This is
* our chance to do stuff like initialize the "obscure the movie" overlay
*/
function timerCountdownStarted () {
setTimeout ( asyncTimerCountdownStarted, 100 );
}
/**
* Handles stuff we want to do now that the video is loaded and the user is starting to think about the question.
*/
function asyncTimerCountdownStarted () {
/*
if ( m_currentQuestionObject.revealStart && m_currentQuestionObject.revealEnd ) {
if ( ( Number(m_currentQuestionObject.revealEnd) > Number(m_currentQuestionObject.revealStart) ) &&
( Number(m_currentQuestionObject.revealStart) > 0 && Number(m_currentQuestionObject.revealEnd) > 0 ) ) {
var revealStart = Number(m_currentQuestionObject.revealStart) * 1000;
var revealEnd = Number(m_currentQuestionObject.revealEnd) * 1000;
showHiddenVideoDiv ();
var revealSwf = "reveal.swf?beginMs=" + revealStart + "&endMs=" + revealEnd;
embedFlashContent ( "revealswf", "revealDiv", revealSwf, "100%", "100%", 0xffffff, "transparent", "exactFit" );
}
}
*/
}
function showOverlayIfNecessary () {
/**
* This is where we put up the "overlay" in front of the video if necessary. Basically, the overlay goes up immediately, then
* starting at "revealStart" seconds into the question, the first of 3 layers of the overlay is removed (the outermost). Then
* the subsequent 2 layers are removed in a step by step fashion. Each layer takes 1.5 seconds to fade away. The "revealEnd"
* variable indicates how many seconds into the question the last of the three layers should be removed.
*/
if ( m_currentQuestionObject.revealStart && m_currentQuestionObject.revealEnd ) {
if ( ( Number(m_currentQuestionObject.revealEnd) >= Number(m_currentQuestionObject.revealStart) ) &&
( Number(m_currentQuestionObject.revealStart) > 0 && Number(m_currentQuestionObject.revealEnd) > 0 ) ) {
var revealStart = Number(m_currentQuestionObject.revealStart) * 1000;
var revealEnd = Number(m_currentQuestionObject.revealEnd) * 1000;
/**
* Show the div that the overlay flash animation will live within.
*/
showHiddenVideoDiv ();
/**
* Now embed the flash overlay over the video and show it.
*/
var revealSwf = "/content/game/reveal.swf?beginMs=" + revealStart + "&endMs=" + revealEnd;
embedFlashContent ( "revealswf", "revealDiv", revealSwf, "100%", "100%", 0xffffff, "transparent", "exactFit" );
}
}
}
function showClearVideoOverlayDiv () {
var movieUrl = document.getElementById ( "movieUrl" );
movieUrl.style.display = "none";
var overTheMovieDiv = document.getElementById ( "overTheMovieDiv" );
overTheMovieDiv.width = m_videoWidth;
overTheMovieDiv.height = m_videoHeight;
var clearVideoOverlay = document.getElementById ( "clearVideoOverlay" );
if ( clearVideoOverlay ) {
clearVideoOverlay.style.display = "block";
clearVideoOverlay.style.width = m_videoWidth; //"500px"; // On IE6 if you set so "100%" it doesn't show the div.
clearVideoOverlay.style.height = m_videoHeight; //"400px"; // On IE6 if you set so "100%" it doesn't show the div.
}
}
function hideClearVideoOverlayDiv () {
var movieUrl = document.getElementById ( "movieUrl" );
if ( movieUrl.innerHTML != "" )
movieUrl.style.display = "block";
else
movieUrl.style.display = "none";
var clearVideoOverlay = document.getElementById ( "clearVideoOverlay" );
var overTheMovieDiv = document.getElementById ( "overTheMovieDiv" );
overTheMovieDiv.width = "0px";
overTheMovieDiv.height = "0px";
if ( clearVideoOverlay ) {
clearVideoOverlay.style.display = "none";
clearVideoOverlay.style.width = "0px";
clearVideoOverlay.style.height = "0px";
}
}
/**
* Show the "loading video" overlay over the video.
*/
function showLoadingVideoOverlay () {
fromFlash_printTrace ( "show loading video called" );
var revealDiv = document.getElementById ( "revealDiv" );
revealDiv.style.display = "block";
revealDiv.style.width = m_videoWidth; //"500px"; // On IE6 if you set so "100%" it doesn't show the div.
revealDiv.style.height = m_videoHeight; //"400px"; // On IE6 if you set so "100%" it doesn't show the div.
var loadingVideoSwf = "/content/game/loadingVideo.swf";
embedFlashContent ( "revealswf", "revealDiv", loadingVideoSwf, "100%", "100%", 0xffffff, "transparent", "exactFit" );
m_loadingVideoOverlayShowing = true;
}
/**
* Hide the "loading video" overlay that was above the video.
*/
function hideLoadingVideoOverlay () {
fromFlash_printTrace ( "hideLoadingVideoOverlay called, m_loadingVideoOverlayShowing " + m_loadingVideoOverlayShowing );
//alert ( "HIDE LOADING VIDEO OVERLAY" );
if ( m_loadingVideoOverlayShowing == true ) {
var revealDiv = document.getElementById ( "revealDiv" );
revealDiv.style.display = "none";
revealDiv.style.width = "0px";
revealDiv.style.height = "0px";
revealDiv.innerHTML = "";
m_loadingVideoOverlayShowing = false;
}
}
function showHiddenVideoDiv () {
//alert ( "SHOW HIDDEN VIDEO DIV CALLED" );
var revealDiv = document.getElementById ( "revealDiv" );
revealDiv.style.display = "block";
revealDiv.style.width = m_videoWidth; //"500px"; // On IE6 if you set so "100%" it doesn't show the div.
revealDiv.style.height = m_videoHeight; //"400px"; // On IE6 if you set so "100%" it doesn't show the div.
}
function hideHiddenVideoDiv () {
/**
* First, get access to the Flash overlay. It might already be gone, but if it isn't, tell it to stop
* processing (this will tell it to stop animating and to NOT!!! try to call any JavaScript functions. If
* we weren't hiding the Flash overlay, it would call "revealIsFinished" when it was done removing the
* 3 layers of the overlay.
*/
var revealswf = document.getElementById ( "revealswf" );
try {
if ( revealswf ) {
revealswf.unhideBox ();
revealswf.stopProcessing ();
}
} catch ( exc ) {
// HIDE. Sometimes we get into a condition where the div is set to display "none." In those situations, calling
// any functions on the Flash overlay can cause errors.
}
/**
* Make sure the div containing the "hidden video" overlay is removed from the screen.
*/
var revealDiv = document.getElementById ( "revealDiv" );
revealDiv.style.display = "none";
revealDiv.style.width = "0px";
revealDiv.style.height = "0px";
}
/**
* The "hidden video" Flash overlay calls this once the video is no longer "hidden"/obscured.
*/
function revealIsFinished () {
setTimeout ( hideHiddenVideoDiv, 10 ); // Call the "hide the div" function in another thread to prevent crashing the browser.
}
/***
* ------------------------------------ "MISC" FUNCTIONS ---------------------------------------------
***/
/*
var BASE_SKIN_URL = "http://popjax.s3.amazonaws.com/gameSkins/";
var HTML_SKIN_DIR = "htmlSkin/"
function loadHtmlSkin ( elementId, skinName, skinFileName ) {
var skinUrl = BASE_SKIN_URL + skinName + "/" + HTML_SKIN_DIR + skinFileName;
printTrace ( "URL: " + skinUrl );
var ajaxCallParms = {
method: 'get',
onComplete: function () {
printTrace ( "DONE" );
},
onFailure :function (code) {
printTrace ( "FAILURE" );
}
}
try {
printTrace ( " Ajax.Updater: " + Ajax.Updater );
myAjax = new Ajax.Updater ( "skinBehindGameboard",
"/game/resources/AvengeWidgetAttractImageReduced.jpg", ajaxCallParms ); //( elementId, skinUrl, ajaxCallParms );
printTrace ( "AFTER CALL TO UPDATER" );
} catch ( exc ) {
printTrace ( "EXC: " + exc );
}
}
*/
var m_gameStartTime = null;
var m_questionStartTime = null;
var m_videoLoadedTime = null;
var m_exactTimeWhenVideoWasFullyLoaded = null;
var m_questionAnsweredTime = null;
var m_gameOverTime = null;
var m_videoLoadTime = null;
var m_userAnswerQuestionTime = null;
var m_entireTimeWatchingVideo = null;
var m_videoLoadStatus = "unknown";
var m_videoPlayStatus = "unknown";
function initQuestionAndVideoMetrics () {
m_questionStartTime = null;
m_exactTimeWhenVideoWasFullyLoaded = null;
m_videoLoadStatus = "unknown";
m_entireTimeWatchingVideo = null;
m_videoPlayStatus = "unknown";
}
function getHoursMinutesSecondsFromTime ( _time ) {
timediff = _time.getTime();
var retval = new Object;
retval.weeks = Math.floor(timediff / (1000 * 60 * 60 * 24 * 7));
timediff -= retval.weeks * (1000 * 60 * 60 * 24 * 7);
retval.days = Math.floor(timediff / (1000 * 60 * 60 * 24));
timediff -= retval.days * (1000 * 60 * 60 * 24);
retval.hours = Math.floor(timediff / (1000 * 60 * 60));
timediff -= retval.hours * (1000 * 60 * 60);
retval.mins = Math.floor(timediff / (1000 * 60));
timediff -= retval.mins * (1000 * 60);
retval.secs = Math.floor(timediff / 1000);
timediff -= retval.secs * 1000;
return retval;
}
function calculateVideoLoadAndQuestionAnswerTimings () {
try {
// When the user was done answering the question.
var questionAnsweredTime = new Date ();
// Diff between now and way back when the question's video started to load.
var questionAnsweredTimeDiff = new Date ();
questionAnsweredTimeDiff.setTime(Math.abs(questionAnsweredTime.getTime() - m_questionStartTime.getTime()));
// Convert into an object with hours, minutes, seconds representing the diff.
questionAnsweredTimeDiff = getHoursMinutesSecondsFromTime (questionAnsweredTimeDiff);
m_userAnswerQuestionTime = Number(questionAnsweredTimeDiff.mins) * 60 + Number(questionAnsweredTimeDiff.secs);
if ( m_userAnswerQuestionTime < 1 ) {
m_userAnswerQuestionTime = 1;
}
//alert ( "ANSWER TIME SECS: " + m_userAnswerQuestionTime );
//alert ( " m_exactTimeWhenVideoWasFullyLoaded: " + m_exactTimeWhenVideoWasFullyLoaded );
/**
* If the video never loaded or it wasn't a YouTube video, then "m_exactTimeWhenVideoWasFullyLoaded" has a value
* of null. So if this was the case, we process it and see if we are dealing with a "timeout" of a YouTube video or we
* are dealing with another form of video whose load time we'll never know.
*/
if ( m_exactTimeWhenVideoWasFullyLoaded == null ) {
if ( m_videoLoadStatus == "timeout" ) {
m_exactTimeWhenVideoWasFullyLoaded = new Date(); // Set the video loaded time to when user clicked the "Sorry, video timed out" link.
var videoLoadedTimeDiffTimeout = new Date();
videoLoadedTimeDiffTimeout.setTime(Math.abs(m_exactTimeWhenVideoWasFullyLoaded.getTime() - m_questionStartTime.getTime()));
// Convert into an object with hours, minutes, seconds representing the diff.
videoLoadedTimeDiffTimeout = getHoursMinutesSecondsFromTime (videoLoadedTimeDiffTimeout);
m_videoLoadedTime = Number(videoLoadedTimeDiffTimeout.mins) * 60 + Number(videoLoadedTimeDiffTimeout.secs);
if ( m_videoLoadedTime < 1 ) {
m_videoLoadedTime = 1;
}
} else {
m_videoLoadedTime = 0; // For non YouTube videos, we assume that it loaded instantly!!!
}
} else {
// Diff between when the video was completely loaded and when it started loading.
var videoLoadedTimeDiff = new Date();
videoLoadedTimeDiff.setTime(Math.abs(m_exactTimeWhenVideoWasFullyLoaded.getTime() - m_questionStartTime.getTime()));
// Convert into an object with hours, minutes, seconds representing the diff.
videoLoadedTimeDiff = getHoursMinutesSecondsFromTime (videoLoadedTimeDiff);
m_videoLoadedTime = Number(videoLoadedTimeDiff.mins) * 60 + Number(videoLoadedTimeDiff.secs);
if ( m_videoLoadedTime < 1 ) {
m_videoLoadedTime = 1;
}
}
//alert ( "LOAD TIME SECONDS: " + m_videoLoadedTime );
} catch ( exc ) {
// HIDE alert ( "EXC: " + exc );
}
}
function getVideoLoadTimeInSeconds () {
var videoLoadedTimeInSeconds = 0;
if ( m_exactTimeWhenVideoWasFullyLoaded == null ) {
if ( m_videoLoadStatus == "timeout" ) {
m_exactTimeWhenVideoWasFullyLoaded = new Date(); // Set the video loaded time to when user clicked the "Sorry, video timed out" link.
var videoLoadedTimeDiffTimeout = new Date();
videoLoadedTimeDiffTimeout.setTime(Math.abs(m_exactTimeWhenVideoWasFullyLoaded.getTime() - m_questionStartTime.getTime()));
// Convert into an object with hours, minutes, seconds representing the diff.
videoLoadedTimeDiffTimeout = getHoursMinutesSecondsFromTime (videoLoadedTimeDiffTimeout);
videoLoadedTimeInSeconds = Number(videoLoadedTimeDiffTimeout.mins) * 60 + Number(videoLoadedTimeDiffTimeout.secs);
if ( videoLoadedTimeInSeconds < 1 ) {
videoLoadedTimeInSeconds = 1;
}
} else {
videoLoadedTimeInSeconds = 0; // For non YouTube videos, we assume that it loaded instantly!!!
}
} else {
// Diff between when the video was completely loaded and when it started loading.
var videoLoadedTimeDiff = new Date();
videoLoadedTimeDiff.setTime(Math.abs(m_exactTimeWhenVideoWasFullyLoaded.getTime() - m_questionStartTime.getTime()));
// Convert into an object with hours, minutes, seconds representing the diff.
videoLoadedTimeDiff = getHoursMinutesSecondsFromTime (videoLoadedTimeDiff);
videoLoadedTimeInSeconds = Number(videoLoadedTimeDiff.mins) * 60 + Number(videoLoadedTimeDiff.secs);
if ( videoLoadedTimeInSeconds < 1 ) {
videoLoadedTimeInSeconds = 1;
}
}
return videoLoadedTimeInSeconds;
}
function calculateTotalTimeInVideo ( _videoPlayStatus ) {
//alert ( " CALLED calculateTotalTimeInVideo: " + _videoPlayStatus );
var timeWatchingVideo = new Date ();
try {
/**
* If non-null, then this function was already called when the video ended so we don't need to calculate now.
*/
if ( m_entireTimeWatchingVideo == null ) {
m_videoPlayStatus = _videoPlayStatus;
var m_totalTime = new Date();
m_totalTime.setTime(Math.abs(timeWatchingVideo.getTime() - m_questionStartTime.getTime()));
var totalTimeDiff = getHoursMinutesSecondsFromTime (m_totalTime);
//alert ( "TOTAL mins: " + totalTimeDiff.mins + " secs: " + totalTimeDiff.secs );
m_entireTimeWatchingVideo = Number(totalTimeDiff.mins) * 60 + Number(totalTimeDiff.secs);
var videoLoadTimeInSeconds = getVideoLoadTimeInSeconds ();
//alert ( " videoLoadTimeInSeconds: " + videoLoadTimeInSeconds );
m_entireTimeWatchingVideo = m_entireTimeWatchingVideo - videoLoadTimeInSeconds; // Remove the video load time from total time in video.
if ( m_entireTimeWatchingVideo < 1 ) {
m_entireTimeWatchingVideo = 1;
}
}
} catch ( exc ) {
printTrace ( "EXC: " + exc );
}
}
/**
* This is the function that would send the "VideoPlayed" message to the back end. This message records how long the user
* was watching the video for the current question.
*/
function sendVideoPlayedMetricsMessage () {
//alert ( "SEND VIDEO PLAYED METRICS MESSAGE" );
//alert ( " m_entireTimeWatchingVideo: " + m_entireTimeWatchingVideo + " m_videoPlayStatus: " + m_videoPlayStatus );
/**
DISABLE FOR NOW. THERE WAS AN ISSUE WHERE GET_QUESTION criss crossed with VideoPlayed and ajax got fucked up.
dataService_videoPlayed ( handleVideoPlayedResponse, m_selectedGamePieceCol - 1, m_selectedGamePieceRow - 1,
m_entireTimeWatchingVideo, m_videoPlayStatus );
***/
//alert ( "after data service" );
/*
dataService_getAnswer ( handleAnswerReturnedAfterUserSkipQuestion, m_selectedGamePieceCol - 1, m_selectedGamePieceRow - 1,
m_currentQuestionObject.correct_answer, 1, m_videoLoadedTime, m_userAnswerQuestionTime, m_videoLoadStatus );
*/
// m_selectedGamePieceCol - 1, m_selectedGamePieceRow - 1
}
function handleVideoPlayedResponse ( data, xml ) {
//alert ( "Video played response: " + data );
}
/*
m_entireTimeWatchingVideo
*/
/*
1. Copy the coding into the HEAD of your HTML document
2. Add the last code into the BODY of your HTML document -->