var http; var jsonVideoPreviews; var flagAsInappropriate; var favorite; //load yedda and gigya in the end window.onload = function() { //load taboola TRC.drawRBox(); //load yedda if (moreFromThisCreator.categoryID == 8) { $('yedda-header').style.display = 'none'; $('yedda-container').removeClass('inner-yedda'); $('yedda-container').set('html', ''); } else $('yedda-container').set('html', ''); //load gigya var pconf = { defaultContent: 'txtEmbed', UIConfig: '' }; Wildfire.initPost('12451', 'divWildfirePost', 120, 370, pconf); } function move5minCompanion() { var fiveMinComapnion = $('fiveMinAdaptvCompanionDiv'); fiveMinComapnion.inject($('wrapperRight'), 'top'); fiveMinComapnion.style.display = 'block'; } function FiveMin_canRenderAd() { return !!$('wrapperRight'); } function FiveMin_onBeforeAdRender() { move5minCompanion(); } function selectTab(img_relatedOn, img_relatedOff, img_creatorOn, img_creatorOff, showRelated, divRelated, divCreator) { if(showRelated) { $(img_relatedOn).className = 'invisible noBorder'; $(img_relatedOff).className = 'visible noBorder'; $(img_creatorOn).className = 'visible noBorder'; $(img_creatorOff).className = 'invisible noBorder'; $(divRelated).style.cursor = 'pointer'; $(divCreator).style.cursor = 'default'; } else { $(img_relatedOn).className = 'visible noBorder'; $(img_relatedOff).className = 'invisible noBorder'; $(img_creatorOn).className = 'invisible noBorder'; $(img_creatorOff).className = 'visible noBorder'; $(divRelated).style.cursor = 'default'; $(divCreator).style.cursor = 'pointer'; } } function initPlayerForAdapTV(divName, paramMovieUrl, width, height , objectID) { //Mockup for google test if (document.location.href.toLowerCase().indexOf('watchgoogle') >= 0) { paramMovieUrl += "&sid=142"; } var hasReqestedVersion = DetectFlashVer('9','0','48'); var theDiv = $(divName); var strPlayer = ""; if(hasReqestedVersion) { strPlayer = "
"; } strPlayer = strPlayer + "" + "" + "" + "" + "" + ""; if(hasReqestedVersion) { strPlayer = strPlayer + ""; } theDiv.innerHTML = strPlayer; } function initMoreFrom(studioID,videoID,categoryID) { moreFromThisCreator = new MoreFromThisCreator(studioID,videoID,categoryID); moreFromThisCreator.getMoreFromVideos(studioID, 'studio', 1, videoID); } var MoreFromThisCreator = new Class({ initialize: function(studioID, videoID, categoryID) { this.studioID = studioID; this.videoID = videoID; this.categoryID = categoryID; this.index = null; this.http = null; }, changeTab: function(index) { var tabs = $("divMoreFrom_Tabs").getElements(".tab"); tabs.each(function(tab, i) { if ((i + 1) == index) { tab.style.cursor = 'default'; tab.getElement(".left").removeClass("leftSideOff").addClass("leftSideOn"); tab.getElement(".middle").removeClass("unSelectedTab").addClass("selectedTab"); tab.getElement(".right").removeClass("rightSideOff").addClass("rightSideOn"); $('gallery_container' + (i + 1)).removeClass("invisible").addClass("visible"); } else { tab.style.cursor = 'pointer'; tab.getElement(".left").removeClass("leftSideOn").addClass("leftSideOff"); tab.getElement(".middle").removeClass("selectedTab").addClass("unSelectedTab"); tab.getElement(".right").removeClass("rightSideOn").addClass("rightSideOff"); $('gallery_container' + (i + 1)).removeClass("visible").addClass("invisible"); } }); }, getMoreFromVideos: function(entityID, type, index, currentVideoID) { this.index = index; if (!$('thumb_container' + this.index).retrieve("images:loaded")) { $('thumb_container' + this.index).store("images:loaded", true); this.changeTab(this.index); this.http = new Request({ method: 'post', url: 'Handlers/VideoHandler.ashx', data: 'method=CreateJsonPreviewVideo&entityID=' + entityID + '&type=' + type + '¤tVideoID=' + currentVideoID, onComplete: this.getMoreFromVideosComplete.bind(this), onFailure: this.getMoreFromVideosFailed.bind(this) }).send(); } else this.changeTab(this.index); }, getMoreFromVideosComplete: function() { var reply = JSON.decode(this.http.response.text); //case videos exist if (reply.success) { jsonVideoPreviews = JSON.decode(reply.message); if (jsonVideoPreviews) { for (var i = 0; i < jsonVideoPreviews.length; i++) { $('thumbs' + this.index).innerHTML += this.createThumbnailElements(jsonVideoPreviews[i]); } } if (!$('thumb_container' + this.index).retrieve("no:images")) initSlider('gallery_container' + this.index, true); } else { $('thumb_container' + this.index).store("no:images", true); //case studio tab is missing videos if (reply.message == "studio") { $('thumb_container' + this.index).innerHTML = "Currently this creator has 1 video on 5min.com"; //case user has only one video move to category tab. this.getMoreFromVideos(this.categoryID, 'category', 2, this.videoID); } else { $('thumb_container' + this.index).innerHTML = "Videos are currently unavailable"; } } }, createThumbnailElements: function(jsonVideoPreview) { var thumbContent = '
' + '' + '' + jsonVideoPreview.CompleteTitle + '' + '' + jsonVideoPreview.Title + '' + '
'; return thumbContent; }, getMoreFromVideosFailed: function() { $('thumb_container' + this.index).innerHTML = "Error Creating Images"; } }); function initVideoInfo(studioID,currentUserRate, videoId) { rating = new Rating(currentUserRate,videoId); rating.paintStar(currentUserRate,true); videoInfo = new VideoInfo(studioID,videoId); flagAsInappropriate = new FlagAsInappropriate(videoId); favorite = new Favorite(); sendToFriend = new SendToFriend(videoId); } var VideoInfo = new Class({ initialize: function(studioID, videoID) { this.studioID = studioID; this.videoID = videoID; }, changeSubscription: function() { if ($('divSubscribe').get('class') == 'subscribeButton') { this.subscribe(this.studioID, 'Subscribe'); } else if ($('divSubscribe').get('class') == 'unSubscribeButton') { this.subscribe(this.studioID, 'unSubscribe'); } }, subscribe: function(studioID, action) { http = new Request({ method: 'post', url: 'Handlers/MemberHandler.ashx', data: 'method=Subscribe&studioID=' + studioID + '&action=' + action, onComplete: this.subscribedComplete.bind(this, action) }).send(); }, subscribedComplete: function(action) { var reply = http.response.text; if (reply == "OK") { if (action == 'Subscribe') $('divSubscribe').className = 'unSubscribeButton'; else $('divSubscribe').className = 'subscribeButton'; } else { alert("Error contacting server"); } }, //change video info expansion format changeStatus: function() { if ($('divExpand').className == "invisible") { $('divExpand').className = "visible"; $('divCollapse').className = "invisible"; $('lnkSlideMore').innerHTML = "Less"; } else { $('divExpand').className = "invisible"; $('divCollapse').className = "visible"; $('lnkSlideMore').innerHTML = "More"; } }, changeUserAction: function(value, isLoggedIn) { var videoID = this.videoID; var userActions = $("divRatingUserActions").getElements(".userAction"); var moreFromInnerContainer = $('divMoreFromThisCreator_InnerContainer'); //moreFromInnerContainer lines remarked by Nir due to relocating moreFrom and //videoInfo controls (valid only when videoInfo is on top of moreFrom) userActions.each(function(userAction, i) { if ((i + 1) == value) { if (userAction.hasClass('visible')) { userAction.removeClass('visible').addClass('invisible'); // if(value != 2) // moreFromInnerContainer.removeClass('container_z_index'); } else { if (isLoggedIn != undefined) favorite.favoriteAction(isLoggedIn, videoID); userAction.removeClass('invisible').addClass('visible'); // if (value != 2) // moreFromInnerContainer.addClass('container_z_index'); } } else { userAction.removeClass('visible').addClass('invisible'); // if(value == 'x' && (moreFromInnerContainer.hasClass('container_z_index'))) // moreFromInnerContainer.removeClass('container_z_index'); } }); } }); var Rating = new Class({ initialize: function(currentUserRate, videoId) { var classRef = this; this.http = null; this.videoId = videoId; this.currentUserRate = currentUserRate this.hasRated = (currentUserRate > 0) ? true : false; }, paintStar: function(value, isInit) { if (isInit || !this.hasRated) { for (var i = 1; i <= 5; i++) { if (i <= value) { $('rating' + i).className = 'ratingStar' + i + 'On'; } else { $('rating' + i).className = 'ratingStar' + i + 'Off'; } } if (isInit && value != 0) $('ratingText').innerHTML = 'You Rated: ' + value; } }, chooseStar: function(value) { if (!this.hasRated) { $('ratingText').innerHTML = 'Sending your Vote...'; this.http = new Request({ method: 'post', url: 'Handlers/xmlRating.aspx', data: 'function=UpdateRating&videoID=' + this.videoId + '&value=' + value, onSuccess: this.updateRatingSucceeded.bind(this, value), onFailure: this.updateRatingFailed.bind(this) }).send(); } }, updateRatingSucceeded: function(value) { this.hasRated = true; this.paintStar(value, true); }, updateRatingFailed: function() { $('ratingText').innerHTML = 'Rating Failed'; } }); ////---------------------- // FLAG AS INAPPROPRIATE //---------------------- var FlagAsInappropriate = new Class( { initialize: function(videoID) { //Store references to client controls var classRef = this; this.ddl = $('ddlReasons'); this.flagSendButton = $('img_send_flag'); this.spinner = $('img_spinner_flag'); this.msg = $('tdMsg_flag'); this.videoID = videoID; this.inProcess = false; this.http = null; //Define "click" event on send this.flagSendButton.addEvent('click', function(e) { e = new Event(e); classRef.send(); e.stop(); }); }, send: function() { this.msg.className = "text_3 text_red tdMsg_user_action"; if (this.inProcess) { this.msg.innerHTML = 'Operation still in process'; return; } if (this.ddl.value == "-1") { this.msg.innerHTML = 'Please Choose a Reason.'; return; } this.inProcess = true; this.spinner.style.display = ""; this.msg.className = "text_3 text_black tdMsg_user_action"; this.msg.innerHTML = 'Sending...'; this.http = new Request( { method: 'post', url: 'Handlers/UserActionsHandler.ashx', data: 'Action=FlagAsInappropriate&EntityType=Video&EntityID=' + this.videoID + '&Reason=' + this.ddl.value, onSuccess: this.sendSucceeded.bind(this), onFailure: this.sendFailed.bind(this) }).send(); }, sendSucceeded: function() { this.spinner.style.display = "none"; var reply = this.http.response.text; if (reply == "OK") { this.ddl.value = "-1"; this.msg.className = "text_3 text_blue tdMsg_user_action"; this.msg.innerHTML = 'Video flagged successfully.'; this.inProcess = false; } else { this.msg.className = "text_3 text_red tdMsg_user_action"; this.inProcess = false; } }, sendFailed: function() { this.msg.className = "text_3 text_red tdMsg_user_action"; this.inProcess = false; this.spinner.style.display = "none"; this.msg.innerHTML = 'Video was not flagged, Please try again later'; } }); //--------------- // Favorite //--------------- var Favorite = new Class( { initialize: function() { //Store references to client controls this.divFavorite = $('divFavorite'); this.divUnFavorite = $('divUnFavorite'); this.divAuthentication = $('divAuthentication'); }, showMsg: function(msg) { switch (msg) { case 'Authentication': this.divFavorite.setStyle('display', 'none'); this.divUnFavorite.setStyle('display', 'none'); this.divAuthentication.setStyle('display', 'block'); break case 'Favorite': this.divFavorite.setStyle('display', 'none'); this.divUnFavorite.setStyle('display', 'block'); this.divAuthentication.setStyle('display', 'none'); break case 'UnFavorite': this.divFavorite.setStyle('display', 'block'); this.divUnFavorite.setStyle('display', 'none'); this.divAuthentication.setStyle('display', 'none'); break } }, favoriteAction: function(isLoggedIn,videoID){ if(isLoggedIn == "False") { favorite.showMsg('Authentication'); } else { //write to DB favorite/unfavorite this.http = new Request({ method: 'post', url: 'Handlers/UserActionsHandler.ashx', data: 'Action=Favorite&EntityType=Video&EntityID=' + videoID, onSuccess: this.favoriteSucceeded.bind(this), onFailure: this.favoriteFailed.bind(this) }).send(); } }, favoriteSucceeded: function() { var reply = this.http.response.text; if (reply == "OK") { var favoriteElement = $('userActionFavoriteImage'); if(favoriteElement.innerHTML == "Favorite") { favoriteElement.innerHTML = "Unfavorite"; favorite.showMsg('UnFavorite'); } else { favoriteElement.innerHTML = "Favorite"; favorite.showMsg('Favorite'); } } }, favoriteFailed: function() { } }); //--------------- // SEND TO FRIEND //--------------- var SendToFriend = new Class( { initialize: function(videoID) { //Store references to client controls this.txtFriendsEmails = $('txtFriendsEmails'); this.txtYourName = $('txtYourName'); this.txtYourEmail = $('txtYourEmail'); this.txtMessage = $('txtMessage_sendToFriend'); this.sendButton = $('img_sendToFriend'); this.spinner = $('img_spinner_sendToFriend'); this.sendMsg = $('tdMsg_sendToFriend'); this.videoID = videoID; this.inProcess = false; this.http = null; //Define "click" event on send this.sendButton.addEvent('click', function(e) { e = new Event(e); sendToFriend.send(); e.stop(); }); }, send: function() { this.sendMsg.className = "tdMsg_user_action text_3 text_red"; //Avoid sending same video twice if (this.inProcess) { this.sendMsg.innerHTML = 'Operation still in process'; return; } //Must enter at least one email. if (this.txtFriendsEmails.value == "") { this.sendMsg.innerHTML = 'Please Enter Email Addresses.'; return; } if (this.txtYourName.value == "") { this.sendMsg.innerHTML = 'Please Enter Your Name.'; return; } if (this.txtYourEmail.value == "") { this.sendMsg.innerHTML = 'Please Enter Your Email.'; return; } this.inProcess = true; this.spinner.style.display = ""; this.sendMsg.className = "tdMsg_user_action text_3 text_black"; this.sendMsg.innerHTML = 'Sending...'; this.http = new Request({ method: 'post', url: 'Handlers/UserActionsHandler.ashx', data: 'Action=SendToFriend&EntityType=Video&EntityID=' + this.videoID + '&FriendsEmails=' + this.txtFriendsEmails.value + '&YourName=' + this.txtYourName.value + '&YourEmail=' + this.txtYourEmail.value + '&Message=' + this.txtMessage.value, onSuccess: this.sendSucceeded.bind(this), onFailure: this.sendFailed.bind(this) }).send(); }, sendSucceeded: function() { this.spinner.style.display = "none"; var reply = this.http.response.text; if (reply == "OK") { this.sendMsg.className = "tdMsg_user_action text_3 text_blue"; this.sendMsg.innerHTML = 'Video sent successfully.'; this.inProcess = false; this.txtMessage.value = ""; this.txtFriendsEmails.value = "" } else { this.sendMsg.className = "tdMsg_user_action text_3 text_red"; this.inProcess = false; this.sendMsg.innerHTML = 'Video not sent. Please verify email address is correct.'; } }, sendFailed: function() { this.sendMsg.className = "tdMsg_user_action text_3 text_red"; this.inProcess = false; this.spinner.style.display = "none"; this.sendMsg.innerHTML = 'Video not sent. Please verify email address is correct.'; } });