<script type="text/javascript">
var mb_type = "%eenv!";
var mb_payload = {
"euui" : "%ebuy!", //populated from mediabrix metrics server
"myfbuserid" : null, // From publisher
"orderName" : "sprite_test", //manually entered in DFP
"adid" : "%eaid!", //ad id from DFP macro
"crid" : "%ecid!", //creative id from DFP macro
"siteName" : "%s", //site name from DFP
"postUrl" : "//metrics-us.
mediabrix.com/", //Domain of the metrics server
"host" : document.domain,
"session" : null,
"uniqueID" : null,
"product_type" : "socialViews"
};
var mbrix = {
mbType : "j",
dataCaptureComplete : false,
mbVars : {
"share" : [],
"youtube" : "",
"twitter" : "",
"linkedin" : "",
"feedback" : 40,
"data_capture" : null,
"data_capture_required" : false,
"pixel" : "",
"clickURL" : "%c%u",
"vidDuration" : 30,
"title" : "Watch this video to receive a reward!",
"confirmHeader" : "Congratulations!",
"confirmText" : "You've earned your reward!"
},
adVerification : function(){
mbrix.addMetrics();
mbrix.addJWPlayer();
if(mbrix.mbVars.pixel){
mbrix.dropPixel(mbrix.mbVars.pixel);
}
mbrix.initDebug();
if(socialVars.adVerification !=null){
mbrix.fireCallBack(socialVars.adVerification, 1);
mb_metrics.logEvent('ticklercalled', 'true');
}else{
var err = "adVerification callback not specified for SocialViews.";
mbrix.debug(err);
mbrix.reportError(err);
}
},
appendStyles : function(){
var CSS="";
CSS += "#mb_canvas {border:3px solid #2fba5e; background:#1e1e1e; width:644px; height:494px; margin:0 auto; margin-top:"+mbrix.mbVars.top+"px; margin-bottom:30px; overflow:hidden; border-radius:10px; moz-border-radius:10px; -webkit-border-radius:10px; -webkit-box-shadow: 0px 0px 10px #000; box-shadow: 0px 0px 10px #000; -moz-box-shadow: 0px 0px 10px #000;}";
CSS += "#mb_branded_bg {float:left; width:644px; height:449px; overflow:hidden; background:url('"+mbrix.mbVars.bg+"'); text-align:center; font-family:arial;}";
CSS += "#mb_dialogue {width:644px; height:40px; background:#1e1e1e; overflow:hidden; float:left;}";
CSS += "#mb_title_span{font-family:arial; display:block; float:left; margin:10px 0 0 20px; color:#cbcbcb;} ";
CSS += "#mb_close {margin:3px 3px 0 0; float:right; width:33px; height:32px; background:url('"+mbrix.mbVars.closeImg+"'); cursor:pointer;}";
CSS += "#mb_confirmation_reward {display:none;position:absolute; z-index:5000; width:644px; height:410px; margin:40px 0 0 0; background:url('
https://mediabrix.hs.llnwd.net/o38/brands/sprite/bg_rewards.jpg') no-repeat; border-radius:0 0 8px 8px; -webkit-border-radius:0 0 8px 8px; -moz-border-radius:0 0 8px 8px; cursor:pointer; }";
CSS += "#mb_confirmation_header {display:block; font-family:arial; color:#fff; font-size:3em; font-weight:bold; margin:50px 0 0 0;}";
CSS += "#mb_confirmation_text {display:block; font-family:arial; color:#fff; font-size:1.3em; margin:0;}";
CSS += "#mb_confirmation_icon {display:block; max-width:120px; max-height:120px; margin:20px auto;overflow:hidden;}";
CSS += "#mb_social_share_links {width:505px; height:135px; padding:15px 0 0 0; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; margin:0 auto; margin-top:0px; background:url('https:\/\/mediabrix.hs.llnwd.net\/o38\/brands\/socialviews\/80.png'); text-align:center;}";
CSS += "#mb_social_share_links .mb_share_icon {cursor:pointer;float:left; margin:0 12px 0 12px;}";
CSS += "#mb_confirm_facebook.mb_share_icon {margin:0 12px 0 0;}";
CSS += "#mb_confirm_youtube.mb_share_icon {margin:0 0 0 12px;}";
CSS += "#mb_alert {display:none;position:absolute; z-index:6000; margin:40px 0 0 0; background:url('https:\/\/mediabrix.hs.llnwd.net\/o38\/brands\/socialviews\/80.png'); width:644px; height:454px; overflow:hidden; border-radius:0 0 10px 10px; -webkit-border-radius:0 0 10px 10px; -moz-border-radius:0 0 10px 10px;} ";
CSS += "#mb_message, #mb_reward_error {width:300px; height:250px; padding:10px; margin:0 auto; margin-top:70px; background:#fff; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 1%, #cccccc 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#cccccc)); background: -webkit-linear-gradient(top, #ffffff 1%,#cccccc 100%); background: -o-linear-gradient(top, #ffffff 1%,#cccccc 100%); background: -ms-linear-gradient(top, #ffffff 1%,#cccccc 100%); background: linear-gradient(top, #ffffff 1%,#cccccc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 ); -moz-box-shadow: 0px 0px 25px #000; -webkit-box-shadow: 0px 0px 25px #000; box-shadow: 0px 0px 25px #000;color#333333; font-family:arial; font-size:1.1em;}";
CSS += "#mb_alert_continue {cursor:pointer; width:215px; height:75px; padding:0 0 0 10px; margin:0 auto; margin-top:25px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; box-shadow:0px 0px 10px #d3d3d3; -moz-box-shadow:0px 0px 10px #d3d3d3; -webkit-box-shadow:0px 0px 10px #d3d3d3; background: #00b7d8; background: -moz-linear-gradient(top, #00b7d8 0%, #00687b 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00b7d8), color-stop(100%,#00687b)); background: -webkit-linear-gradient(top, #00b7d8 0%,#00687b 100%); background: -o-linear-gradient(top, #00b7d8 0%,#00687b 100%); background: -ms-linear-gradient(top, #00b7d8 0%,#00687b 100%); background: linear-gradient(top, #00b7d8 0%,#00687b 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7d8', endColorstr='#00687b',GradientType=0 ); border:1px solid #0090aa;}";
CSS += "#mb_alert_close {cursor:pointer; width:215px; height:75px; padding:0 0 0 10px; margin:0 auto; margin-top:25px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; box-shadow:0px 0px 10px #d3d3d3; -moz-box-shadow:0px 0px 10px #d3d3d3; -webkit-box-shadow:0px 0px 10px #d3d3d3; background: #f60057; background: -moz-linear-gradient(top, #f60057 0%, #770001 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f60057), color-stop(100%,#770001)); background: -webkit-linear-gradient(top, #f60057 0%,#770001 100%); background: -o-linear-gradient(top, #f60057 0%,#770001 100%); background: -ms-linear-gradient(top, #f60057 0%,#770001 100%); background: linear-gradient(top, #f60057 0%,#770001 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f60057', endColorstr='#770001',GradientType=0 ); border:1px solid #a80022;}";
CSS += "#mb_data_cap {display:none; text-align:left; width:300px; min-height:250px; overflow:hidden; padding:10px; margin:0 auto; margin-top:70px; background:#fff; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 1%, #cccccc 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#cccccc)); background: -webkit-linear-gradient(top, #ffffff 1%,#cccccc 100%); background: -o-linear-gradient(top, #ffffff 1%,#cccccc 100%); background: -ms-linear-gradient(top, #ffffff 1%,#cccccc 100%); background: linear-gradient(top, #ffffff 1%,#cccccc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 ); -moz-box-shadow: 0px 0px 25px #000; -webkit-box-shadow: 0px 0px 25px #000; box-shadow: 0px 0px 25px #000;}";
CSS += "#mb_data_cap form p strong{color#333333; font-family:arial; font-size:1.0em; margin:20px 0 0 0; display:block;}";
CSS += "#mb_submit {color:#fff; font-size:1.0em; font-family:arial; width:110px; height:40px; cursor:pointer; margin:0 auto; margin-top:15px; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; box-shadow:0px 0px 10px #d3d3d3; -moz-box-shadow:0px 0px 10px #d3d3d3; -webkit-box-shadow:0px 0px 10px #d3d3d3; background: #00b7d8; background: -moz-linear-gradient(top, #00b7d8 0%, #00687b 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00b7d8), color-stop(100%,#00687b)); background: -webkit-linear-gradient(top, #00b7d8 0%,#00687b 100%); background: -o-linear-gradient(top, #00b7d8 0%,#00687b 100%); background: -ms-linear-gradient(top, #00b7d8 0%,#00687b 100%); background: linear-gradient(top, #00b7d8 0%,#00687b 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7d8', endColorstr='#00687b',GradientType=0 ); border:1px solid #0090aa;}";
CSS += "#mb_social_share_links_bar {float:left; width:634px; padding:5px; overflow:hidden; background:#1e1e1e;}";
CSS += "#mb_logo {overflow:hidden; float:left; margin:0 80px 0 0; width:100px; height:36px; background:url('https:\/\/mediabrix.hs.llnwd.net\/o38\/brands\/socialviews\/logo.png')}";
CSS += "#mb_share_txt {overflow:hidden; float:left; width:43px; height:36px; background:url('https:\/\/mediabrix.hs.llnwd.net\/o38\/brands\/socialviews\/share.png')}";
CSS += "#mb_social_share_links_bar .mb_share_icon {cursor:pointer; float:left; height:36px; padding:0 8px 0 8px; margin:0 0 0 0;}";
CSS += "#mb_video_holder {margin:203px 0 0 143px; height:203px; width:360px; overflow:hidden; background:#fff;}";
CSS += "#mb_feedback {overflow:hidden; float:right; width:75px; height:19px; cursor:pointer; background:url('https:\/\/mediabrix.hs.llnwd.net\/o38\/brands\/socialviews\/feedback.png')}";
CSS += "#mb_feedback_form { display:none; line-height:3.0em; float:left; width:644px; height:494px; color:#252525; overflow:hidden; background:#fff; text-align:center; font-family:Lucida Grande, Arial; }";
CSS += "#mb_click_pop1 {position:absolute; z-index:5000; margin:40px 0 0 0; overflow:hidden; height:163px; width:644px; cursor:pointer;}";
CSS += "#mb_click_pop2 {position:absolute; z-index:5000; margin:203px 0 0 0; overflow:hidden; height:246px; width:143px; cursor:pointer;}";
CSS += "#mb_click_pop3 {position:absolute; z-index:5000; margin:203px 0 0 503px; overflow:hidden; height:246px; width:141px; cursor:pointer;}";
CSS += "#mb_tos {position:absolute; z-index:5001; margin:432px 0 0 450px; overflow:hidden; height:17px; width:194px; cursor:pointer; border:0px solid yellow;}";
CSS += "#mb_tos_rw {position:absolute; z-index:5001; margin:392px 0 0 450px; overflow:hidden; height:17px; width:194px; cursor:pointer; border:0px solid yellow;}";
//append stylesheet
var mb_ss = document.createElement('style');
mb_ss.setAttribute("type", "text/css");
if (mb_ss.textContent) { // FF
mb_ss.textContent = CSS;
}else if(mb_ss.styleSheet) {
mb_ss.styleSheet.cssText = CSS; // IE
}else{
mb_ss.innerHTML = CSS; //Chrome, Safari
}
var head = document.getElementsByTagName('head')[0];
head.appendChild(mb_ss);
},
appendCanvas : function(){
var html="";
html += "<div id=\"mb_canvas\">";
html += "<div id=\"mb_tos\"><div id=\"mb_tos_toggle_open\" onclick=\"mb_tos('show');\"><\/div><div id=\"mb_tos_toggle_close\" onclick=\"mb_tos('hide');\"><\/div><a href=\"%c%u\" target=\"_blank\"><img src='
https://mediabrix.hs.llnwd.net/o38/brands/sprite/tos.gif' border=\"0\" style=\"display:block; float:left;\" \/></a><\/div>";
html += "<div id=\"mb_feedback_form\" style=\"display : none\"><\/div>";
html += "<div id=\"mb_branded_bg\" >";
html += "<div id=\"mb_dialogue\">";
html += "<span id=\"mb_title_span\">"+mbrix.mbVars.title+"<\/span>";
html += "<div id=\"mb_close\" onclick=\"mbrix.closeCheck();\"><\/div>";
html += "<\/div>";
html += "<div id=\"mb_confirmation_reward\">";
html += "<div id=\"mb_click_pop4\" style=\"position:absolute; z-index:5000; width:644px; height:394px; margin:0 0 0 0; cursor:pointer;\" onclick=\"window.open(mbrix.mbVars.clickURL);mb_metrics.logEvent('click', 'true')\"><\/div>";
html += "<div id=\"mb_tos_rw\"><div id=\"mb_tos_toggle_open_rw\" onclick=\"mb_tos('show');\"><\/div><div id=\"mb_tos_toggle_close_rw\" onclick=\"mb_tos('hide');\"><\/div><a href=\"%c%u\" target=\"_blank\"><img src='
https://mediabrix.hs.llnwd.net/o38/brands/sprite/tos.gif' border=\"0\" style=\"display:block; float:left;\" \/></a><\/div>";
html += "<span id=\"mb_confirmation_header\" style=\"display:none\">"+mbrix.mbVars.confirmHeader+"<\/span>";
html += "<span id=\"mb_confirmation_text\" style=\"display:none\">"+mbrix.mbVars.confirmText+"<\/span>";
html += "<span id=\"mb_confirmation_icon\" style=\"display:none\">";
if(mbrix.mbVars.iconURL){
html += "<img src=\""+mbrix.mbVars.iconURL+"\">";
}
html += "<\/span>"
html += "<div id=\"mb_social_share_links\" style=\"display:none\">";
html += "<span style=\"color:#fff; font-family:arial;\">Share this video with your friends<\/span>";
html += "<div id=\"confirmation_share_links\" style=\"width:436px; height:68px; margin:0 auto; margin-top:20px\">";
html += "<img id=\"mb_confirm_facebook\" class=\"mb_share_icon\" src=\"https:\/\/mediabrix.hs.llnwd.net\/o38\/brands\/socialviews\/facebook_large.png\" border=\"0\" width=\"68\" height=\"68\" \/>";
html += "<img id=\"mb_confirm_tweet\" class=\"mb_share_icon\" src=\"https:\/\/mediabrix.hs.llnwd.net\/o38\/brands\/socialviews\/tweet_large.png\" border=\"0\" width=\"68\" height=\"68\" \/>";
html += "<img id=\"mb_confirm_twitter\" class=\"mb_share_icon\" src=\"https:\/\/mediabrix.hs.llnwd.net\/o38\/brands\/socialviews\/twitter_large.png\" border=\"0\" width=\"68\" height=\"68\" \/>";
html += "<img id=\"mb_confirm_linkedin\" class=\"mb_share_icon\" src=\"https:\/\/mediabrix.hs.llnwd.net\/o38\/brands\/socialviews\/linkedin_large.png\" border=\"0\" width=\"68\" height=\"68\" \/>";
html += "<img id=\"mb_confirm_youtube\" class=\"mb_share_icon\" src=\"https:\/\/mediabrix.hs.llnwd.net\/o38\/brands\/socialviews\/youtube_large.png\" border=\"0\" width=\"68\" height=\"68\" \/>";
html += "<\/div>";
html += "<\/div>";
html += "<\/div>";
html += "<div id=\"mb_alert\" style=\"display : none\">";
html += "<div id=\"mb_message\" >";
html += "<span style=\"color#333333; font-family:arial; font-size:1.1em;\">Are you sure you want to close?<\/span>";
html += "<div id=\"mb_alert_continue\" onclick=\"mbrix.closeAlert();\">";
html += "<img src=\"https:\/\/mediabrix.hs.llnwd.net\/o38\/brands\/socialviews\/alert_continue.png\" border=\"0\" width=\"60\" height=\"75\" style=\"display:block; float:left;\" \/>";
html += "<span style=\"display:block; color:#fff; font-weight:bold; font-family:arial; margin:17px 20px 0 0; font-size:0.9em; line-height:1.3em;\">Continue & earn reward<\/span>";
html += "<\/div>";
html += "<div id=\"mb_alert_close\" onclick=\"mbrix.closeSocialViews();\">";
html += "<img src=\"https:\/\/mediabrix.hs.llnwd.net\/o38\/brands\/socialviews\/alert_close.png\" border=\"0\" width=\"60\" height=\"75\" style=\"display:block; float:left;\" \/>";
html += "<span style=\"display:block; color:#fff; font-weight:bold; font-family:arial; margin:17px 20px 0 0; font-size:0.9em; line-height:1.3em;\">Skip reward<br\/> & close<\/span>";
html += "<\/div>";
html += "<\/div>";
html += "<div id=\"mb_data_cap\"><\/div>";
html += "<div id=\"mb_reward_error\" style=\"display:none;\"><br /><br /><br /><br />There was a problem confirming your reward. An error report has been submitted.<\/div>";
html += "<\/div>";
html += "<div id=\"mb_click_pop1\" class=\"mb_clickster\" onclick=\"window.open(mbrix.mbVars.clickURL);mb_metrics.logEvent('click', 'true')\"><\/div>";
html += "<div id=\"mb_click_pop2\" class=\"mb_clickster\" onclick=\"window.open(mbrix.mbVars.clickURL);mb_metrics.logEvent('click', 'true')\"><\/div>";
html += "<div id=\"mb_click_pop3\" class=\"mb_clickster\" onclick=\"window.open(mbrix.mbVars.clickURL);mb_metrics.logEvent('click', 'true')\"><\/div>";
html += "<div id=\"mb_video_holder\">";
//*** VIDEO PLAYER ***//
html += "<object type=\"application\/x-shockwave-flash\" id=\"mb_video\" name=\"mb_video\"";
html +="data=\"https:\/\/mediabrix.hs.llnwd.net\/o38\/socialflex\/jwplayer\/player_1_1.swf\" width=\"360\" height=\"203\">";
html += "<param name=\"movie\" value=\"https:\/\/mediabrix.hs.llnwd.net\/o38\/socialflex\/jwplayer\/player_1_1.swf\" \/>";
html += "<param name=\"allowscriptaccess\" value=\"always\" \/>";
html += "<param name=\"allowFullScreen\" value=\"false\" \/>";
html += "<param name=\"wmode\" value=\"opaque\" \/>";
html += "<param name=\"flashvars\" value=\"plugins=https:\/\/mediabrix.hs.llnwd.net\/o38\/socialflex\/jwplayer\/ova.swf&config="+mbrix.mbVars.ovaConf+"&controlbar.position=over&autostart=true&mute=false&volume=90&provider=video&allowHost="+document.location.hostname +"\" \/>";
html += "<\/object>";
//*** END VIDEO PLAYER ***//
html += "<\/div>";
html += "<\/div>";
html += "<div id=\"mb_social_share_links_bar\">";
html += "<div id=\"mb_logo\"><\/div>";
html += "<div id=\"mb_share_txt\"><\/div>";
html += "<div id=\"mb_share_facebook\" class=\"mb_share_icon\" style=\"border-left:0px; padding-left:10px;\">";
html += "<img src=\"https:\/\/mediabrix.hs.llnwd.net\/o38\/socialflex\/images\/share\/facebook.png\" border=\"0\" alt=\"like us facebook\" \/>";
html += "<\/div>";
html += "<div id=\"mb_share_tweet\" class=\"mb_share_icon\" >";
html += "<img src=\"https:\/\/mediabrix.hs.llnwd.net\/o38\/socialflex\/images\/share\/tweet.png\" border=\"0\" alt=\"like us facebook\" \/>";
html += "<\/div>";
html += "<div id=\"mb_share_twitter\" class=\"mb_share_icon\" style=\"border-right:0px; overflow:hidden;\" ><img src=\"https:\/\/mediabrix.hs.llnwd.net\/o38\/socialflex\/images\/share\/twitter.png\" border=\"0\" alt=\"Follow us on Twitter\" \/>";
html += "<\/div> ";
html += "<div id=\"mb_share_linkedin\" class=\"mb_share_icon\" style=\"border-right:0px; overflow:hidden;\" >";
html += "<img src=\"https:\/\/mediabrix.hs.llnwd.net\/o38\/socialflex\/images\/share\/linkedin.png\" border=\"0\" alt=\"Follow us on LinkedIn\" \/>";
html += "<\/div>";
html += "<div id=\"mb_share_youtube\" class=\"mb_share_icon\" style=\"border-right:0px; overflow:hidden;\" >";
html += "<img src=\"https:\/\/mediabrix.hs.llnwd.net\/o38\/socialflex\/images\/share\/youtube.png\" border=\"0\" alt=\"Follow us on YouTube\" \/>";
html += "<\/div>";
html += "<div id=\"mb_feedback\" onclick=\"mbrix.showFeedback(); return false;\"><\/div> ";
html += "<\/div>";
html += "<\/div>";
if(mbrix.mbType == "j"){
var t_div = mbrix.gid('socialFlexHolder');
t_div.innerHTML = html;
t_div.style.height = mbrix.getDocHeight() + "px";
t_div.style.width = "100%";
t_div.style.position = "absolute";
t_div.style.zIndex = "40000";
t_div.style.overflow = "hidden";
t_div.style.top = "0px";
t_div.style.left = "0px";
mbrix.gid('mb_canvas').className = 'jstag';
} else {
document.write(html);
}
},
unbindEvents : function(){
mbrix.unBindEvent(window, "blur", mbrix.windowBlur);
mbrix.unBindEvent(window, "focus", mbrix.windowFocus);
},
windowBlur : function(){
mbrix.pauseVideo();
},
windowFocus : function(){
if((mbrix.gid('mb_alert').style.display === "none") && (mbrix.gid('mb_feedback_form').style.display === "none")){
mbrix.resumeVideo();
}
},
pauseVideo : function(){
var vid = document.getElementById('mb_video');
jwplayer(vid).pause(true);
},
resumeVideo : function(){
var vid = document.getElementById('mb_video');
jwplayer(vid).play(true);
},
getDocHeight : function() {
var d = document;
return Math.max(
Math.max(d.body.scrollHeight, d.documentElement.scrollHeight),
Math.max(d.body.offsetHeight, d.documentElement.offsetHeight),
Math.max(d.body.clientHeight, d.documentElement.clientHeight)
);
},
init : function(){
mb_metrics.logEvent('impression', 'true');
if(mbrix.mbType == "i"){
mbVars.top = 0;
}
//show debug info
if(mbrix.gid('mbrix_testing')){
mbrix.show('mbrix_testing');
}
//Hide ticklers
mbrix.hideTicklers();
//Add event listeners to pause the video if the publisher window loses focus.
mbrix.bindEvent(window, "blur", mbrix.windowBlur);
mbrix.bindEvent(window, "focus", mbrix.windowFocus);
if(typeof(socialVars) == 'undefined'){socialVars={}};
var debugStr = "<strong>UID</strong>:"+ socialVars.uid +"<br /><strong>appID </strong>:"+socialVars.appID;
mbrix.debug(debugStr);
mbrix.compareSocialWithDefault();
mbrix.appendStyles();
mbrix.appendCanvas();
mbrix.toggleShareIcons();
//log video view
mb_metrics.logEvent('panelview', 'video');
if(mbrix.mbVars.adDisplayed != null){
mbrix.fireCallBack(mbrix.mbVars.adDisplayed);
}
},
hideTicklers : function(){
var ticklers = mbrix.gcn("mbrix_tickler");
for (var i=0;i<ticklers.length;i++) {
ticklers[i].style.display = "none";
}
},
closeCheck : function(){
if(currentState == "PLAYING"){
mbrix.showAlert();
return false;
}
if(mbrix.mbVars.data_capture_required ===true && mbrix.dataCaptureComplete ===false){
mbrix.showAlert();
return false;
}
mbrix.closeSocialViews();
},
closeSocialViews : function(){
mbrix.hideTicklers();
var t_div = mbrix.gid('socialFlexHolder');
if(t_div){
t_div.style.width = '1px';
t_div.style.height = '1px';
}
mbrix.unbindEvents();
//NOTE: mb_video must be removed first for IE8
mbrix.removeObj(['mb_video','mb_canvas','mb_close','mb_metrics','mb_jwplayer','mb_adcall','mb_styles', 'mb_error']);
if(mbrix.gid('mbrix_testing')){
mbrix.hide('mbrix_testing');
}
//Clear socialFlexHolder of pixels and miscellany
mbrix.gid('socialFlexHolder').innerHTML = "";
//remove JWPlayer
jwplayer = undefined;
//Send termination message to publisher
if(mbrix.mbVars.callback != null){
mbrix.fireCallBack(mbrix.mbVars.callback);
}
if(mbrix.mbVars.adClosed != null){
mbrix.fireCallBack(mbrix.mbVars.adClosed);
}
mb_metrics.logEvent("close", "video");
mb_makeUUID();
},
//Append metrics.js to the document.
addMetrics : function(){
if(socialVars.uid){
mb_payload.myfbuserid = socialVars.uid;
}
var ad_page;
if(mbrix.mbType=="j"){
ad_page = document.getElementById('socialFlexHolder').parentNode;
}else{
ad_page = document.body;
}
var metrics_script = document.createElement('script');
ad_page.appendChild(metrics_script);
},
//Append metrics.js to the document.
addJWPlayer : function(){
var ad_page;
if(mbrix.mbType=="j"){
ad_page = document.getElementById('socialFlexHolder').parentNode;
}else{
ad_page = document.body;
}
var jw_script = document.createElement('script');
ad_page.appendChild(jw_script);
},
//Populate missing optional values in socialVars with the corresponding var from mbVars.
compareSocialWithDefault : function(){
var options = [
"confirmText",
"title",
"confirmHeader",
"iconURL",
"rewardsBackgroundURL",
"top",
"callback",
"adVerification",
"adDisplayed",
"rewardConfirmation",
"adClosed",
"uid",
"tag",
"version"];
var debugStr = "<strong>UNDEFINED SOCIALVARS:</strong><ul>";
for (var i=0;i<options.length;i++) {
if(typeof(socialVars[options[i]]) != 'undefined'){
mbrix.mbVars[options[i]] = socialVars[options[i]];
} else {
debugStr += "<li><strong>" + options[i] + "</strong>= undefined</li>";
}
}
debugStr += "</ul>"
mbrix.debug(debugStr);
options = ["youtube", "twitter", "tweet","facebook","linkedin"];
for (var i=0;i<options.length;i++) {
if(typeof(mbrix.mbVars[options[i]]) !== 'undefined' && mbrix.mbVars[options[i]] != ""){
mbrix.mbVars.share.push(options[i]);
}
}
},
toggleFeedbackLink : function(){
if(mbrix.mbVars.feedback === ""){
mbrix.hide("mb_feedback");
}
},
//Toggle visibility of share buttons
toggleShareIcons : function(){
//Loop through mbVars.share and display those elements
var shares = mbrix.mbVars.share;
var icons = mbrix.gcn('mb_share_icon');
for (var i=0;i<icons.length;i++) {
mbrix.hide(icons[i].id);
}
//Loop through mbVars.share and display those elements; reuse var i
for (var i=0;i<shares.length;i++) {
window.mbrix[shares[i]+"_share"](mbrix.gid('mb_confirm_'+shares[i]));
window.mbrix[shares[i]+"_share"](mbrix.gid('mb_share_'+shares[i]));
mbrix.show(['mb_confirm_'+shares[i], 'mb_share_'+shares[i]]);
}
},
// *** Display share icons and attach click events ***//
//Facebook buttons
facebook_share : function(button){
button.onclick = function(){
window.open('http://www.facebook.com/sharer/sharer.php?src=bm&v=4&i=1253042545&u='+mbrix.mbVars.facebook +'/','_blank','width=640,height=400, toolbar=no');
mb_metrics.logEvent('share', 'facebook');
return false;
};
},
//LinkedIn buttons
linkedin_share : function(button){
button.onclick = function(){
window.open('http://www.linkedin.com/cws/share?url='+mbrix.mbVars.linkedin+'&original_referer=&token=&isFramed=false&_ts=','_blank','width=600,height=400, toolbar=no');
mb_metrics.logEvent('share', 'linkedin');
return false;
};
},
//Tweet buttons
tweet_share : function(button){
button.onclick = function(){
window.open('https://twitter.com/intent/tweet?original_referer='+document.location.href+'&source=tweetbutton&text= '+mbrix.mbVars.tweet+'Sprite's sending fans & players to NBA All-Star 2013. You could play for Coach LeBron or Kobe!!' ,'_blank','width=640,height=400, toolbar=no');
mb_metrics.logEvent('share', 'tweet');
return false;
};
},
//Twitter buttons
twitter_share : function(button){
button.onclick = function(){
window.open('https://twitter.com/'+mbrix.mbVars.twitter +'/','_blank');
mb_metrics.logEvent('share', 'twitter');
return false;
};
},
//Youtube buttons
youtube_share : function(button){
button.onclick = function(){
window.open(mbrix.mbVars.youtube,'_blank');
mb_metrics.logEvent('share', 'youtube');
return false;
};
},
// **** End Sharing Options **** //
//Custom callback for rewards confirmation or termination.
fireCallBack : function(callback, status){
if(callback.match("mbrix.init")){
mbrix.init();
return false;
}
if(callback.match("http")){
mb_metrics.makeXHR(callback);
return false;
}
var mb_confirm="";
if(status){mb_confirm=status}
window[callback](mb_confirm);
},
showError: function(){
mbrix.show(["mb_alert","mb_reward_error"]);
mbrix.hide(["mb_data_cap","mb_message"]);
},
showAlert : function(){
mbrix.pauseVideo();
mbrix.show(["mb_alert","mb_message"]);
mbrix.hide("mb_data_cap");
//pause video
},
closeAlert : function(){
if(currentState === "COMPLETED"){
mbrix.hide("mb_message");
mbrix.show("mb_data_cap");
}else {
mbrix.hide(["mb_alert","mb_message"]);
mbrix.resumeVideo();
}
},
fetchForm : function(form_id){
var new_script = document.createElement('script');
document.body.appendChild(new_script);
},
cancelFeedback : function(){
mbrix.hide('mb_feedback_form');
mbrix.show(['mb_click_pop1','mb_click_pop2', 'mb_click_pop3', 'mb_click_pop4', 'mb_tos']);
mb_metrics.logEvent("close", "feedback");
mbrix.resumeVideo();
},
showFeedback : function(){
mbrix.pauseVideo();
mbrix.fetchForm(mbrix.mbVars.feedback);
mbrix.show('mb_feedback_form');
mbrix.hide(['mb_click_pop1','mb_click_pop2', 'mb_click_pop3', 'mb_tos']);
mb_metrics.logEvent('panelview', 'feedback');
},
delayCancelFeedback : function(){
setTimeout("mbrix.cancelFeedback()",2000);
},
showDataCap : function(){
if(mbrix.mbVars.data_capture){
mbrix.fetchForm(mbrix.mbVars.data_capture);
mbrix.show(["mb_alert","mb_data_cap"]);
mbrix.hide('mb_message');
mb_metrics.logEvent('panelview', 'data_cap');
}else{
mbrix.showConfirmationReward();
}
},
enableSubmitDataCap : function(){
var answers = mbrix.gcn("mb_answer");
for (var i=0;i<answers.length;i++) {
answers[i].onclick = function(){
mbrix.gid("mb_submit").disabled=false;
}
}
},
submitDataCap : function(){
mbrix.dataCaptureComplete = true;
mbrix.hide(['mb_data_cap', 'mb_alert']);
mbrix.showConfirmationReward();
var myform = mbrix.gid("mb_capture");
for (var i=0; i < myform["mb_data_capture"].length; i++)
{
if (myform["mb_data_capture"][i].checked)
{
var rad_val = myform["mb_data_capture"][i].value;
}
}
mb_metrics.logEvent('pollanswered', rad_val);
},
showConfirmationReward : function(){
if(mbrix.mbVars.confirmation_pixel){
mbrix.dropPixel(mbrix.mbVars.confirmation_pixel);
}
mbrix.hide("mb_title_span");
var clickpops = mbrix.gcn("mb_clickster");
for (var i=0;i<clickpops.length;i++) {
clickpops[i].style.display = "none";
}
if(mbrix.mbVars.rewardConfirmation != null && mbrix.mbVars.uid != null){
mbrix.show("mb_confirmation_reward");
mbrix.fireCallBack(mbrix.mbVars.rewardConfirmation,mbrix.mbVars.uid);
mb_metrics.logEvent('rewardconfirmation', 'true');
}else{
mbrix.showError();
var err = "<h3>Reward Confirmation Error.</h3><ul><li><strong>uid</strong>= " + mbrix.mbVars.uid + "</li><li> <strong>rewardConfirmation</strong>= " +mbrix.mbVars.rewardConfirmation +"</li></ul>";
mbrix.debug(err);
mbrix.reportError("rewardConfirmation callbacknot defined for socialViews");
mb_metrics.logEvent('rewardconfirmation', 'false');
}
},
initDebug : function(){
if(mbrix.gid('mbrix_testing')){
mbrix.show('mbrix_testing');
mbrix.gid('mbrix_debug').innerHTML="";
}
},
ord : function(){
var n=Math.random()*10000000000000000;
return n;
},
dropPixel : function(pixel){
var img = document.createElement('IMG');
img.src=pixel +"?"+mbrix.ord();
img.style.height = "1px";
img.style.width = "1px";
img.className = "mb_pixel";
mbrix.gid('socialFlexHolder').appendChild(img);
},
//*** Utility Functions ****//
bindEvent : function(el, eventName, eventHandler) {
if (el.addEventListener){
el.addEventListener(eventName, eventHandler, false);
} else if (el.attachEvent){
el.attachEvent('on'+eventName, eventHandler);
}
},
unBindEvent : function(el, eventName, eventHandler) {
if (el.removeEventListener){
el.removeEventListener(eventName, eventHandler, false);
} else if (el.detachEvent){
el.detachEvent('on'+eventName, eventHandler);
}
},
debug : function(err){
if(window.console && window.console.log){
//console.log("MBRIX: ", err);
}
debug_div = mbrix.gid("mbrix_debug");
if(debug_div){
debug_div.innerHTML = err;
}
},
reportError : function(err){
var errTxt = "http://www.mediabrix.com/ads/feedback/error_processor.php?errormsg="+err+
"&mb_order_id="+mb_payload.euui+
"&mb_order_name="+mb_payload.orderName+
"&mb_ad_id="+mb_payload.adid+
"&mb_creative_id="+mb_payload.crid+
"&mb_product_type="+mb_payload.product_type+
"&mb_sitename="+mb_payload.siteName+
"&mb_referrer_url="+document.location.href+
"&mb_browser_version="+navigator.appVersion+
"&mb_user_agent="+navigator.userAgent+
"&mb_browser_name="+navigator.appName+
"&mb_referrer_title="+document.title+
"&mb_platform="+navigator.platform+
"&uid="+socialVars.uid+
"&adVerification="+socialVars.adVerification+
"&adDisplayed="+socialVars.adDisplayed+
"&rewardConfirmation="+socialVars.rewardConfirmation+
"&adClosed="+socialVars.adClosed+
"&callback="+socialVars.callback+
"&appID="+socialVars.appID;
if(mbrix.gid("mb_error")){
mbrix.gid("mb_error").src=errTxt;
}else{
var errFrame = document.createElement("IFRAME");
errFrame.src=errTxt;
errFrame.style.display = "none";
document.body.appendChild(errFrame);
}
},
hide : function(id){
mbrix.toggle(id,"none");
},
show : function(id){
mbrix.toggle(id,"block");
},
toggle : function(id, action){
if(typeof(id) != "string"){
for (var i=0;i<id.length;i++) {
mbrix.gid(id[i]).style.display = action;
}
}else{
mbrix.gid(id).style.display = action;
}
},
removeObj : function(id){
var obj;
if(typeof(id) != "string"){
for (var i=0;i<id.length;i++) {
obj = mbrix.gid(id[i]);
if(obj){obj.parentNode.removeChild(obj);}
};
}else{
obj = mbrix.gid(id);
if(obj){obj.parentNode.removeChild(obj);}
}
},
gid : function(id){
return document.getElementById(id);
},
/*
Custom getElementsByClassName method to support IE8-
*/
gcn : function (className, tag, elm){
if (document.gcn) {
gcn = function (className, tag, elm) {
elm = elm || document;
var elements = elm.gcn(className),
nodeName = (tag)? new RegExp("\\b" + tag + "\\b", "i") : null,
returnElements = [],
current;
for(var i=0, il=elements.length; i<il; i+=1){
current = elements[i];
if(!nodeName || nodeName.test(current.nodeName)) {
returnElements.push(current);
}
}
return returnElements;
};
}
else if (document.evaluate) {
gcn = function (className, tag, elm) {
tag = tag || "*";
elm = elm || document;
var classes = className.split(" "),
classesToCheck = "",
namespaceResolver = (document.documentElement.namespaceURI === xhtmlNamespace)? xhtmlNamespace : null,
returnElements = [],
elements,
node;
for(var j=0, jl=classes.length; j<jl; j+=1){
classesToCheck += "[contains(concat(' ', @class, ' '), ' " + classes[j] + " ')]";
}
try {
elements = document.evaluate(".//" + tag + classesToCheck, elm, namespaceResolver, 0, null);
}
catch (e) {
elements = document.evaluate(".//" + tag + classesToCheck, elm, null, 0, null);
}
while ((node = elements.iterateNext())) {
returnElements.push(node);
}
return returnElements;
};
}
else {
gcn = function (className, tag, elm) {
tag = tag || "*";
elm = elm || document;
var classes = className.split(" "),
classesToCheck = [],
elements = (tag === "*" && elm.all)? elm.all : elm.getElementsByTagName(tag),
current,
returnElements = [],
match;
for(var k=0, kl=classes.length; k<kl; k+=1){
classesToCheck.push(new RegExp("(^|\\s)" + classes[k] + "(\\s|$)"));
}
for(var l=0, ll=elements.length; l<ll; l+=1){
current = elements[l];
match = false;
for(var m=0, ml=classesToCheck.length; m<ml; m+=1){
match = classesToCheck[m].test(current.className);
if (!match) {
break;
}
}
if (match) {
returnElements.push(current);
}
}
return returnElements;
};
}
return gcn(className, tag, elm);
}
/**** Ends gcn ****/
};
mbrix.adVerification();//Call the tickler
//*** Video Player methods ***//
var currentState = 'NONE';
var player = null;
function playerReady(thePlayer) {
player = window.document[thePlayer.id];
addListeners();
}
function addListeners() {
if (player) {
player.addModelListener("STATE", "stateListener");
} else {
setTimeout("addListeners()",100);
}
}
function stateListener(obj) { //IDLE, BUFFERING, PLAYING, PAUSED, COMPLETED
currentState = obj.newstate;
previousState = obj.oldstate;
var sf_div = document.getElementById('socialFlexHolder');
if( currentState == 'PLAYING' ){
//console.log("playing");
}else if( currentState == 'COMPLETED'){
player.style.display = 'none';
if(typeof(mbrix.mbVars.data_capture) === "undefined"){
mbrix.showConfirmationReward();
}else{
mbrix.showDataCap();
}
mbrix.unbindEvents();
}
}
function mb_tos(state){
var tos_toggle = document.getElementById('mb_tos');
var tos_toggle_open = document.getElementById('mb_tos_toggle_open');
var tos_toggle_close = document.getElementById('mb_tos_toggle_close');
var tos_toggle_rw = document.getElementById('mb_tos_rw');
var tos_toggle_open_rw = document.getElementById('mb_tos_toggle_open_rw');
var tos_toggle_close_rw = document.getElementById('mb_tos_toggle_close_rw');
if ( state == 'show' ){
tos_toggle.style.height = "202px";
tos_toggle.style.marginTop = "247px";
tos_toggle_open.style.display = "none";
tos_toggle_close.style.display = "block";
tos_toggle_rw.style.height = "202px";
tos_toggle_rw.style.marginTop = "206px";
tos_toggle_open_rw.style.display = "none";
tos_toggle_close_rw.style.display = "block";
} else if ( state == 'hide'){
tos_toggle.style.height = "17px";
tos_toggle.style.marginTop = "432px";
tos_toggle_open.style.display = "block";
tos_toggle_close.style.display = "none";
tos_toggle_rw.style.height = "17px";
tos_toggle_rw.style.marginTop = "392px";
tos_toggle_open_rw.style.display = "block";
tos_toggle_close_rw.style.display = "none";
}
}
</script>
