//var GalleryBgImageRotatorSettings = "";
var settingautoPlay = true;
var settingdelay = 8000;
var settingshowPreviousNextArrow = false;
var settingshowThumb = false;
var settingshowPlayPauseButton = false;
var settingtransition = 'fade';
var settingtransitionSpeed = 750;
var settingeasing = 'easeInOutExpo';
var settingshowTimer = false;
var settingtimerType = 'clock';
var settingkeydown = false;
function SetBgImageRotatorSettingsFields(settings) {
if (settings != undefined && settings != null && settings != "") {
var arrsetting = settings.split(',');
for (var i = 0; i < arrsetting.length; i++) {
setBGRotatorSettingField(arrsetting[i]);
}
}
}
function setBGRotatorSettingField(setting) {
var settingname = setting.split(':')[0];
var settingval = setting.split(':')[1];
switch (settingname) {
case 'autoPlay':
settingautoPlay = (settingval == 'true');
break;
case 'delay':
settingdelay = settingval;
break;
case 'showPreviousNextArrow':
settingshowPreviousNextArrow = (settingval == 'true');
break;
case 'showThumb':
settingshowThumb = (settingval == 'true');
break;
case 'showPlayPauseButton':
settingshowPlayPauseButton = (settingval == 'true');
break;
case 'transition':
settingtransition = settingval;
break;
case 'transitionSpeed':
settingtransitionSpeed = settingval;
break;
case 'easing':
settingeasing = settingval;
break;
case 'showTimer':
settingshowTimer = (settingval == 'true');
break;
case 'timerType':
settingtimerType = settingval
break;
case 'keydown':
settingkeydown = (settingval == 'true');
break;
default:
//code to be executed if n is different from case 1 and 2
}
}
function GalleryBgImageRotator(bgRotatorName) {
var dataPost = "{}";
var backgroundRotatorName = "";
if (bgRotatorName.toLowerCase().indexOf("|") >= 0) {
backgroundRotatorName = (bgRotatorName + "|").split("|")[0];
SetBgImageRotatorSettingsFields(bgRotatorName.split("|")[1]);
// GalleryBgImageRotatorSettings += 'responsive: true,startWidth: 1280}';
}
else {
backgroundRotatorName = bgRotatorName;
}
var urlPost = "/Plugins/FullScreenBG/FullscreenImageBG.aspx/PreviewGalleryFullScreenImage";
dataPost = '{"GalleryName":"' + backgroundRotatorName + '"}';
$.ajax({
type: "POST",
url: urlPost,
data: dataPost,
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (data) {
var arr = data.d;
if (arr != "") {
arr = $.parseJSON(arr);
//clear the content
if (arr.length > 0) {
$("#gsFullBackgroungImageRotator").empty().remove();
//clear the script
// $("#gsFullScreenBGScriptsPlaceholder").html("");
var htmBGlval = "";
var scriptsBGIncludes = "";
scriptsBGIncludes += '<link rel="stylesheet" type="text/css" href="/Includes/GS/FullScreenBG/css/preview.css" />';
scriptsBGIncludes += '<link rel="stylesheet" type="text/css" href="/Includes/GS/FullScreenBG/css/fullscreen-image-gallery-v2.css" />';
scriptsBGIncludes += '<link rel="stylesheet" type="text/css" href="/Includes/GS/FullScreenBG/css/jquery.twipsy.css" />';
scriptsBGIncludes += '<script type="text/javascript" src="/Includes/GS/FullScreenBG/js/jquery.address.js"></script>';
scriptsBGIncludes += '<script type="text/javascript" src="/Includes/GS/FullScreenBG/js/jquery.twipsy.js"></script>';
scriptsBGIncludes += '<script type="text/javascript" src="/Includes/GS/FullScreenBG/js/jquery.fullscreen-image-gallery-v2.js"></script>';
htmBGlval = '<div id="gsFullBackgroungImageRotator">';
htmBGlval += scriptsBGIncludes;
htmBGlval += '<div id="fullscreen-image-gallery-v2">';
for (var i = 0; i < arr.length; i++) {
htmBGlval += '<ul title="' + arr[i].GallerySetting.GalleryName.toLowerCase().replace(" ", "_") + '" class="stretch-center">';
for (var j = 0; j < arr[i].PhotoList.length; j++) {
var imgpath = arr[i].PhotoList[j].Source;
htmBGlval += '<li title="' + imgpath + '" data-effect="' + settingtransition + '" data-delay="' + parseInt(settingdelay) + '" data-easing="' + settingeasing + '"><img src="' + imgpath + '" class="thumb" /></li>';
}
htmBGlval += '</ul></div></div>';
}
$(".gs-main-wrapper").append(htmBGlval);
// alert(settingdelay);
var bgSettings = {
autoPlay: settingautoPlay,
delay: parseInt(settingdelay),
showPreviousNextArrow: settingshowPreviousNextArrow,
showThumb: settingshowThumb,
thumbWidth: 100,
thumbHeight: 85,
showPlayPauseButton: settingshowPlayPauseButton,
transition: settingtransition,
transitionSpeed: parseInt(settingtransitionSpeed),
easing: settingeasing,
showTimer: settingshowTimer,
timerType: settingtimerType,
//timerArcSize: 2,
timerAlign: "top",
keydown: settingkeydown,
//Responsive
responsive: true,
startWidth: 1280
};
$.fullscreenImageGalleryV2(bgSettings);
}
}
gsSetRotatingBGArrows();
}
});
}
function gsSetRotatingBGArrows() {
if (location.href.indexOf("/websitebuilder.aspx") == -1) {
$("body").append('<div id="gs-rotating-bg-arrow-wrapper" style="height;0;width:100%;position:fixed;top:0;z-index:99999999999;"></div>');
$("#gs-rotating-bg-arrow-wrapper").append($("#fullscreen-image-gallery-v2 .arrow-left"));
$("#gs-rotating-bg-arrow-wrapper").append($("#fullscreen-image-gallery-v2 .arrow-right"));
$("body").append($("#fullscreen-image-gallery-v2"));
}
}
$(document).ready(function () {
if (($("#hfBgRotaterName").val() != "") && ($("#hfBgRotaterName").val() != "0")) {
var BgRotaterName = $("#hfBgRotaterName").val();
// TODO: Gallery was not loading on FF. Email - Banner not showing Firefox
setTimeout(function(){ GalleryBgImageRotator(BgRotaterName) } , 200);
}
});