//css for styles defined here /.element/css/2.0/video/savp/site/default.css

function defaultStartSlateHandler(backgroundImage) {
	return '<img id="cnnStartSlateImg" src="'+backgroundImage+'" width="384" height="216"><div id="playDiv"><a href="javascript:CNNPlaylistManager.getInstance().advanceTo(\''+CNNPlaylistManager.getInstance().activePlaylist+'\',0)"><div id="play_button_ht"><img id="playImg" border="no" src="http://i.cdn.turner.com/cnn/video/bvp/images/play_HT_off.png"></div></a></div>';
}

function defaultEndSlateHandler(backgroundImage) {
	str = "<img id='cnnEndSlateImg' src='"+backgroundImage+"' width='384' height='216'>";
	str += '<div id="replayButton"><a onmouseover="flipBVPImage(\'replay\',\'rply_sm\',\'on\',\'_ht\');" onmouseout="flipBVPImage(\'replay\',\'rply_sm\',\'off\',\'_ht\');" href="javascript:CNNPlaylistManager.getInstance().advanceTo(\''+CNNPlaylistManager.getInstance().activePlaylist+'\','+(CNNPlaylistManager.getInstance().playlists[CNNPlaylistManager.getInstance().activePlaylist].jsonList.length-1)+')"><div id="replay_button_ht"><img id="replayImg" border="no" src="http://i.cdn.turner.com/cnn/video/bvp/images/rply_sm_off.png"></div></a></div>';
	return str;
}

function defaultErrorSlateHandler(errorObject) {
	var str = str2 = '';
	if (errorObject == null) {
		// expiration
		str += '<div style="border: 1px solid #ca0002; margin: 70px auto 0; width: 250px;">';
		str += '<div style="padding:4px;color:#FFFFFF;background-color:#ca0002;font-weight:bold;">GENERAL ERROR</div>';
		str += '<div style="color: #ca0002;background-color: #FFFFFF;padding: 5px;">The video you are attempting to view has either expired or is not embeddable.</div>';
		str += '</div>';
	}
	else {
		if (errorObject.message.indexOf('PlugInNotFoundError') > -1) { 
			// missing plugin error, only gonna be flash right now
			str += '<div style="border: 1px solid #ca0002; margin: 70px auto 0; width: 250px;">';
			str += '<div style="padding:4px;color:#FFFFFF;background-color:#ca0002;font-weight:bold;">'+ errorObject.innerError.plugIn.displayName +'</div>';
			str += '<div style="color: #ca0002;background-color: #FFFFFF;padding: 5px;">The PlugIn was not found.<br />The plugin can be downloaded at:';
			str += '<br /><br /><a href="'+ errorObject.innerError.plugIn.downloadUrl +'" style="color:#ca0002;background:inherit;font-weight:bold;" target="_blank">'+ errorObject.innerError.plugIn.downloadUrl +'</a></div>';
			str += '</div>';
		} 
		else {
			if ( errorObject.getContext() == 'Connection timeout.' ) {
				str += '<div style="border: 1px solid #ca0002; margin: 70px auto 0; width: 250px;">';
				str += '<div style="padding:4px;color:#FFFFFF;background-color:#ca0002;font-weight:bold;">CONNECTION ERROR</div>';
				str += '<div style="color: #ca0002;background-color: #FFFFFF;padding: 5px;">The connection timed out after attempting to connect for several secounds.';
				str += '<br /><br /><a href="javascript:window.location.reload();" style="color:#ca0002;background:inherit;font-weight:bold;">Try to connect again</a></div>';
				str += '</div>';
			}
			else if ( errorObject.getContext() == 'Connecting to media.' ) {
				str += '<div style="border: 1px solid #ca0002; margin: 70px auto 0; width: 250px;">';
				str += '<div style="padding:4px;color:#FFFFFF;background-color:#ca0002;font-weight:bold;">CONNECTION ERROR</div>';
				str += '<div style="color: #ca0002;background-color: #FFFFFF;padding: 5px;">The connection timed out after attempting to connect for several secounds.';
				str += '<br /><br /><a href="javascript:window.location.reload();" style="color:#ca0002;background:inherit;font-weight:bold;">Try to connect again</a></div>';
				str += '</div>';
			}
			else {
				str += '<div style="border: 1px solid #ca0002; margin: 70px auto 0; width: 250px;">';
				str += '<div style="padding:4px;color:#FFFFFF;background-color:#ca0002;font-weight:bold;">GENERAL ERROR</div>';
				str += '<div style="color: #ca0002;background-color: #FFFFFF;padding: 5px;">A general error has occurred.</div>';
				str += '</div>';
			}
		}
	}
	str2 = '<div id="errorDiv" style="background-color: #dfdfdf; padding: 2px; text-align: center; height: 100%; color: #FFFFFF;">'+ str +'</div>';
	return str2;
}
function defaultUpdateContentHandler() {
	// intentionally left blank
}


// additional handlers that might be reused but weren't part of the core 4 basic examples

function defaultEndSlateHandlerReplayEntirePlaylist(backgroundImage) {
	str = "<img id='cnnEndSlateImg' src='"+backgroundImage+"' width='384' height='216'>";
	str += '<div id="replayButton"><a onmouseover="flipBVPImage(\'replay\',\'rply_sm\',\'on\',\'_ht\');" onmouseout="flipBVPImage(\'replay\',\'rply_sm\',\'off\',\'_ht\');" href="javascript:CNNPlaylistManager.getInstance().advanceTo(\''+CNNPlaylistManager.getInstance().activePlaylist+'\',0)"><div id="replay_button_ht"><img id="replayImg" border="no" src="http://i.cdn.turner.com/cnn/video/bvp/images/rply_sm_off.png"></div></a></div>';
	return str;
}

function defaultBootErrorSlateHandler(errorObject) {
	if (CNNPlaylistManager.getInstance().SAConfiguration.videoDivId != 'cnnXMPhome') {
		if (errorObject.message.indexOf('InvalidPlugInVersionError') > -1 || errorObject.message.indexOf('PlugInNotFoundError') > -1) { // missing plugin error, only gonna be flash right now
			var str = "<b>"+errorObject.plugIn.displayName+":</b> The PlugIn was not found.<br><br>The plugin can be downloaded at<br><br>";
			str += '<a href="'+errorObject.plugIn.downloadUrl+'" target="_blank">'+errorObject.plugIn.downloadUrl+'</a>';
		}
		document.getElementById(CNNPlaylistManager.getInstance().SAConfiguration.videoDivId).innerHTML = '<div id="errorDiv" style="padding: 2px; text-align: center; color: #747474;">'+str+'</div>';
	}
}
