// JavaScript Document - Videos and Demos
var activeVideoId = "1001";
var activeCategoryName = "Why Qwest";
var t, f, l, c;
var defaultTemplateHt = "425";
var altTemplateHt = "570";
var isPlaying = false; //default condition for the Flash Player play state
var total;
var first = 1;
var last;
var curr = 5;
var multi = 5;
var top = false;
var bottom = false;
var isPlaying = false;
var pageTitle = "Qwest Large Business | Videos and Demos | "
var catClick = false;
var flashTitle;
/*Send Path to Flash */
function sendPathToFlash(_pathToVideo) {
log.info("sendPathToFlash", "JS: Calling sendPathToFlash", 5);
log.info("sendPathToFlash", "JS: Path received in Flash: " + _pathToVideo, 3); //alert("_pathToVideo"+_pathToVideo);
if(!DetectFlashVer(9,0,0))
{
log.info("sendPathToFlash", "JS: Flash not available", 5);
$("div.bmg_videodemo_l:first").find("object").remove();
$("div.bmg_videodemo_l:first").find("embed").remove();
$("div.bmg_videodemo_l:first").prepend("
To view the videos, please download the Flash Player.
");
return;
}
try {
if (navigator.appName == "Netscape") {
document.Videos.loadVideo(_pathToVideo);
} else {
document.getElementById("Videos").loadVideo(_pathToVideo);
}
} catch(e) {
//alert(e.message);
log.error("sendPathToFlash", "Error in sendPathToFlash: " + e.message);
}
}
/* Set the video status */
function setVideoStatus(_isPlaying) {
this.isPlaying = _isPlaying;
document.title = pageTitle + flashTitle;
}
var videoStopped = false;
/* Stop the video */
function stopVideo() {
log.info("stopVideo", "JS: Calling stopVideo", 5);
try {
if (navigator.appName == "Netscape") {
document.Videos.stopVideoFromJS();
} else {
document.getElementById("Videos").stopVideoFromJS();
}
videoStopped = true;
} catch(e) {
log.error("stopVideo", "Error in stopVideo: " + e.message);
}
}
/*
The paging function
*/
function paging(total, first, multi, curr) {
this.totalThumbItems = total;
this.firstThumbItem = first;
this.multiplierValue = multi;
this.currThumbItem = curr;
}
function bigimage(isPlaying, catImagePath, vidPath, vidId, thumbClick, vidIsModal, vidWidth, vidHeight, vidDuration, vidContentPath, vidTitle, vidCat, vidDate) {
log.info("bigimage", "JS: New window opened, and video object path: " + vidPath, 5);
log.info("bigimage", "JS: New window opened, and video width: " + vidWidth, 5);
log.info("bigimage", "JS: New window opened, and video height: " + vidHeight, 5);
str1 = "";
vidWidth1 = parseInt(vidWidth) + (70);
vidHeight1 = parseInt(vidHeight) + (190);
sw = (screen.width - vidWidth) / 2;
sh = (screen.height - vidHeight) / 2;
newwin = window.open('', 'newwin', 'width=' + vidWidth1 + ',height=' + vidHeight1 + ',scrollbars=0,menubars=0,toolbars=0,location=0,directories=0,status=0,top=0,left=0,resizable=1');
newwin.document.open();
newwin.document.write('');
newwin.document.write('\n\n\n\n');
newwin.document.write('\n');
newwin.document.write('' + vidTitle + '\n');
newwin.document.write('');
newwin.document.write('\n');
newwin.document.write('\n');
newwin.document.write('
');
newwin.document.write('');
newwin.document.write('\n');
newwin.document.close();
newwin.focus();
}
/* If the video is Modal */
function isModal(thumbClick, isPlaying) {
log.info("isModal", "JS: Calling isModal", 5);
$.each(JSONobj.videos.categories.entry, function (i, n) { // alert("=="+$.trim(this.categories.name)+"=="+$.trim(activeCategoryName)+"==")
if ($.trim(this.categories.name).toLowerCase() == $.trim(activeCategoryName).toLowerCase()) {
$(this.categories.videos.video).each(function (i, n) {
var vidIsModal = this.isModal;
var vidId = this.id; //set the variable for the id
var vidPath = this.videoPath; //set the variable for the video path
var vidThumb = this.thumbnailPath; //set the variable for the thumbnail path
var vidCat = this.category; //set the variable for the category name
var vidContentPath = this.contentPath;
var vidDate = this.date;
var vidTitle = this.title;
var vidDuration = this.duration;
var vidWidth = this.width;
var vidHeight = this.height;
var catImagePath = this.placeholderPath;
if ($.trim(activeVideoId).toLowerCase() == $.trim(vidId).toLowerCase()) {
var videoURL = '/business/getVideosAndDemos.ajax?videoId=?height=' + (vidHeight) + '&width=' + (vidWidth + 70) + '&modal=true&$id=' + vidId;
var vidPathExt = vidPath.lastIndexOf(".");
vidPath1 = vidPath.slice(vidPathExt + 1);
if (vidPath1 == "exe" || vidPath1 == "mpg") {
window.open(vidPath);
} else {
bigimage(isPlaying, catImagePath, vidPath, vidId, thumbClick, vidIsModal, vidWidth, vidHeight, vidDuration, vidContentPath, vidTitle, vidCat, vidDate);
}
}
})
}
});
return false;
}
var thumbClick = false;
/* Load appropriate category/video image */
function getVideoById(id, activeCategoryName, thumbClick) {
try {
$("div.scrollable_area:first ul li").find("a[href$=#" + activeVideoId + "]").parents("li").addClass("selected active").siblings("li").removeClass("selected active");
$.each(JSONobj.videos.categories.entry, function (i, n) {
$(this.categories.videos.video).each(function (i, n) {
var vidIsModal = this.isModal;
var vidId = this.id; //set the variable for the id
var vidPath = this.videoPath; //set the variable for the video path
var vidThumb = this.thumbnailPath; //set the variable for the thumbnail path
var vidCat = this.category; //set the variable for the category name
var vidContentPath = this.contentPath;
var vidDate = this.date;
var vidTitle = this.title;
var vidDuration = this.duration;
var vidWidth = this.width;
var vidHeight = this.height;
var catImagePath = this.placeholderPath;
if ($.trim(id).toLowerCase() == $.trim(vidId).toLowerCase()) {
flashTitle = vidTitle;
if (!catClick && thumbClick || catClick && thumbClick) {
activeVideoId = vidId;
activeCategoryName = vidCat;
$("div.bmg_videodemo_detail_top:first").find("img").hide();
$("div.bmg_videodemo_l:first").find("object,embed").css("height", "357px");
loadCategoryImage(isPlaying, catImagePath, vidPath, vidId, thumbClick, vidIsModal, vidWidth, vidHeight, vidDuration, vidContentPath, vidTitle, vidCat, vidDate);
} else {
loadCategoryImage(isPlaying, catImagePath, vidPath, vidId, thumbClick, vidIsModal, vidWidth, vidHeight, vidDuration, vidContentPath, vidTitle, vidCat, vidDate);
activeVideoId = activeVideoId;
activeCategoryName = vidCat;
}
return false;
} else {}
});
});
} catch(e) {}
}
/*Update the content for the video */
function updateVideoContent() {
log.info("updateVideoContent", "JS: Calling updateVideoContent", 5);
try {
$.each(JSONobj.videos.categories.entry, function (i, n) {
if ($.trim(activeCategoryName).toLowerCase() == this.string.toLowerCase()) {
$(this.categories.videos.video).each(function (i, n) {
var vidIsModal = this.isModal;
var vidId = this.id; //set the variable for the id
var vidPath = this.videoPath; //set the variable for the video path
var vidThumb = this.thumbnailPath; //set the variable for the thumbnail path
var vidCat = this.category; //set the variable for the category name
var vidContentPath = this.contentPath;
var vidDate = this.date;
var vidTitle = this.title;
var vidDuration = this.duration;
var vidWidth = this.width;
var vidHeight = this.height;
var catImagePath = this.placeholderPath;
if ($.trim(this.id).toLowerCase() == $.trim(activeVideoId).toLowerCase()) {
if (!isPlaying) {
$("div.bmg_videodemo_detail_btm:first").find("h3.catg:first").text(vidCat).end().find("p:first").text(vidContentPath).end().find("h3.date:first").text(vidDate).end().find("h3.title:first").text(vidTitle).append(" " + vidDuration);
return false;
}
return false;
}
})
}
});
} catch(e) {}
}
/* Load the Category/Video Image for the video with the path written in to the anchor*/
function loadCategoryImage(isPlaying, catImagePath, vidPath, vidId, thumbClick, vidIsModal, vidWidth, vidHeight, vidDuration, vidContentPath, vidTitle, vidCat, vidDate) {
log.info("loadCategoryImage", "JS: Calling loadCategoryImage", 5);
modifyTitle(vidTitle);
$("div.noFlashCont").remove();
if (!isPlaying) {
activeCategoryName = vidCat;
$("div.bmg_videodemo_detail_top:first").hide().empty().html('').fadeIn('fast');
$("div.bmg_videodemo_l:first").find("object, embed").css("height", "0px");
$("p,h3.catg,h3.title,h3.date", $("div.bmg_videodemo_detail_btm:first")).empty(); //return false;
} else {}
$("a.playMovie").click(function (e) {
e.preventDefault();
setActiveVideo(vidId);
if (!allVideos) {
var thisURL = $(this).attr('href');
marker = thisURL.lastIndexOf("#");
thisURL = thisURL.slice(marker + 1);
} else {
thisURL = $(this).attr("href").split("#")[1];
}
if (!isPlaying) {
$("div.scrollable_area:first ul li").find("a[href$='#"+thisURL+"']").parents("li:first").addClass("selected active").siblings("li").removeClass("selected active");
}
log.info("loadCategoryImage", "Is the Video an Overlay: " + vidIsModal, 5);
updateVideoContent();
window.location.hash = "#" + thisURL;
if (isVideoModal() === 'false') {
sendPathToFlash($(this).attr('href')); //Send the path to the player to Play
$("div.bmg_videodemo_detail_top:first").find("img").hide();
$("div.bmg_videodemo_l:first").find("object, embed").css('height', '357px');
} else {
isModal(thumbClick, isPlaying);
}
});
}
/* Based on the ActiveCategoryName variable, run coresponding functions to generate the interface*/
function setActiveCategory(activeCategoryName) {
log.info("setActiveCategory", "JS: Calling setActiveCategory", 5);
loadThumbnails(activeCategoryName);
setActiveVideo(activeVideoId);
getVideoById(activeVideoId, activeCategoryName, thumbClick);
updateVideoContent();
setURL();
countItems(activeCategoryName);
truncateTitle(minLength);
updatePaging(total, first, multi, curr);
scrollItems(top, bottom);
}
var allVideos = false;
function loadThumbnails(activeCategoryName) {
var vidId; //get the id from the JSON object
var vidTitle;
var vidThumb;
var vidContentPath;
var vidDate;
var vidDuration;
var vidCat;
var catImagePath;
var vidPath;
var vidIsModal;
var vidWidth;
var vidHeight;
$("div.scrollable_area:first ul").empty();
try {
$.each(JSONobj.videos.categories.entry, function (i, n) {
if ($.trim(activeCategoryName) == "All Videos") {
$(this.categories.videos.video).each(function (i, n) {
vidId = this.id; //get the id from the JSON object
vidTitle = this.title;
vidThumb = this.thumbnailPath;
vidContentPath = this.contentPath;
vidDate = this.date;
vidDuration = this.duration;
vidCat = this.category;
catImagePath = this.placeholderPath;
vidPath = this.videoPath;
vidIsModal = this.isModal;
vidWidth = this.width;
vidHeight = this.height;
$("div.scrollable_area:first ul").hide().append('