This is some sample text
var ctl21_ctl00_ctl00json = {"imageUrl":"/uploads/64229/discovery_logo/davtrans2.png","text":"Please leave a comment, below","textSize":"30","picSize":"400","_loop":"infinite","animation":"zoomInDown","duration":"5","delay":"0","pageSelected":"626277","center":"0","textColor":"Red","border":"4","showWhileWaiting":"0","beforeFirstShowing":"show","beforeSubsequentShowings":"show","link":"http://www.davsat.com/leave-a-comment-testimonials"};
$(document).ready(function () {
ctl21_ctl00_ctl00setInitialParameters();
});
function ctl21_ctl00_ctl00testAnim() {
$('#ctl21_ctl00_ctl00animationSandbox').removeClass().addClass(ctl21_ctl00_ctl00json.animation + ' ts-animated').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function () {
$(this).removeClass();
});
};
function ctl21_ctl00_ctl00setInitialParameters() {
$('#ctl21_ctl00_ctl00animationSandbox img').attr('src', ctl21_ctl00_ctl00json.imageUrl);
var text = ctl21_ctl00_ctl00json.text;
if ((text == null)) {
$('#ctl21_ctl00_ctl00animationText').hide();
}
else {
text = text.replace(/\n/gm, '
');
$('#ctl21_ctl00_ctl00animationText').html(text);
$('#ctl21_ctl00_ctl00animationSandbox h4').css('font-size', ctl21_ctl00_ctl00json.textSize + 'px');
$('#ctl21_ctl00_ctl00animationText').css('color', ctl21_ctl00_ctl00json.textColor);
}
if (ctl21_ctl00_ctl00json.picSize == 'None') {
$('#ctl21_ctl00_ctl00animationSandbox img').hide();
}
else {
// #310 Bug Fix, animation images not responsive
$('#ctl21_ctl00_ctl00animationSandbox img').css('max-width', ctl21_ctl00_ctl00json.picSize + 'px');
$('#ctl21_ctl00_ctl00animationSandbox img').css('height', 'auto');
$('#ctl21_ctl00_ctl00animationSandbox img').css('width', '100%');
}
ctl21_ctl00_ctl00setAttributes('duration', '' + ctl21_ctl00_ctl00json.duration + 's');
ctl21_ctl00_ctl00delayedStart(ctl21_ctl00_ctl00json.delay)
if (ctl21_ctl00_ctl00json.border == '0') {
}
else {
var borderParameter = '' + ctl21_ctl00_ctl00json.border + 'px solid ' + ctl21_ctl00_ctl00json.textColor;
$('#ctl21_ctl00_ctl00animationSandbox').css('border', borderParameter);
$('#ctl21_ctl00_ctl00animationSandbox').css('padding', '8px');
}
var animation = ctl21_ctl00_ctl00json.animation;
if (ctl21_ctl00_ctl00json.pageSelected == 0) {
}
else {
if (ctl21_ctl00_ctl00json.Link == '') {
return false;
}
else {
$('#ctl21_ctl00_ctl00animationSandbox').css('cursor', 'pointer');
$('#ctl21_ctl00_ctl00animationSandbox').click(function () {
$(this).fadeOut(1000);
location.assign(ctl21_ctl00_ctl00json.link);
return false;
});
}
}
if (ctl21_ctl00_ctl00json.center == '1') {
var as = $('#ctl21_ctl00_ctl00animationSandbox');
var p = as.detach();
p.appendTo('body');
as.css({
'position': 'fixed',
'left': '50%',
'top': '50%'
});
as.css({
'margin-left': -as.outerWidth() / 2 + 'px',
'margin-top': -as.outerHeight() / 2 + 'px'
});
}
if (ctl21_ctl00_ctl00json.beforeFirstShowing == 'show') {
$('#ctl21_ctl00_ctl00animationSandbox').show();
}
}
function ctl21_ctl00_ctl00delayedStart(wait) {
setTimeout(ctl21_ctl00_ctl00delayedStartDoIt, wait * 1000)
}
function ctl21_ctl00_ctl00delayedStartDoIt() {
// Always show the animation itself
$('#ctl21_ctl00_ctl00animationSandbox').show();
ctl21_ctl00_ctl00testAnim();
// set a timer which will tell us when the animation completes (we hope)
setTimeout(ctl21_ctl00_ctl00delayedStartDoItAgain, ctl21_ctl00_ctl00json.duration * 1000)
}
function ctl21_ctl00_ctl00delayedStartDoItAgain() {
// an animation just completed
if (ctl21_ctl00_ctl00json.beforeSubsequentShowings == "noshow") {
$('#ctl21_ctl00_ctl00animationSandbox').fadeOut(200);
}
// if we only do this once -- we are done
if (ctl21_ctl00_ctl00json._loop == '1') {
return;
}
var wait = $('#ctl21_ctl00_ctl00').val();
if (ctl21_ctl00_ctl00json.beforeSubsequentShowings == 'skip') {
wait = 0; // no wait on subsequent showings
}
else {
if (ctl21_ctl00_ctl00json.beforeSubsequentShowings == 'show') {
}
else {
$('#ctl21_ctl00_ctl00animationSandbox').fadeOut(200);
}
}
ctl21_ctl00_ctl00delayedStart(wait);
}
function ctl21_ctl00_ctl00centerIt () {
$('#ctl21_ctl00_ctl00animationSandbox').css('position', 'fixed');
$('#ctl21_ctl00_ctl00animationSandbox').css('top', '50%');
$('#ctl21_ctl00_ctl00animationSandbox').css('left', '50%');
$('#ctl21_ctl00_ctl00animationSandbox').center();
}
function ctl21_ctl00_ctl00setAttributes(what, value) {
//#yourElement {
// -vendor-animation-duration: 3s;
//-vendor-animation-delay: 2s;
//-vendor-animation-iteration-count: infinite;
//}
ctl21_ctl00_ctl00setAttribute('moz', what, value);
ctl21_ctl00_ctl00setAttribute('o', what, value);
ctl21_ctl00_ctl00setAttribute('webkit', what, value);
ctl21_ctl00_ctl00setAttribute('ms', what, value);
}
function ctl21_ctl00_ctl00setAttribute(browser, what, value) {
var part1 = '-' + browser + '-animation-' + what;
var part2 = value;
//alert(part1);
//alert(part2);
$('#ctl21_ctl00_ctl00animationSandbox').css(part1, value);
}
This is some sample text
var ctl21_ctl03_ctl00json = {"imageUrl":"/uploads/64229/GIFS/animated_line_1.gif","text":"This is an example","textSize":"10","picSize":"600","_loop":"1","animation":"slideInLeft","duration":"1","delay":"0","pageSelected":"0","center":"0","textColor":"Black","border":"0","showWhileWaiting":"0","beforeFirstShowing":"show","beforeSubsequentShowings":"show","link":"/"};
$(document).ready(function () {
ctl21_ctl03_ctl00setInitialParameters();
});
function ctl21_ctl03_ctl00testAnim() {
$('#ctl21_ctl03_ctl00animationSandbox').removeClass().addClass(ctl21_ctl03_ctl00json.animation + ' ts-animated').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function () {
$(this).removeClass();
});
};
function ctl21_ctl03_ctl00setInitialParameters() {
$('#ctl21_ctl03_ctl00animationSandbox img').attr('src', ctl21_ctl03_ctl00json.imageUrl);
var text = ctl21_ctl03_ctl00json.text;
if ((text == null)) {
$('#ctl21_ctl03_ctl00animationText').hide();
}
else {
text = text.replace(/\n/gm, '
');
$('#ctl21_ctl03_ctl00animationText').html(text);
$('#ctl21_ctl03_ctl00animationSandbox h4').css('font-size', ctl21_ctl03_ctl00json.textSize + 'px');
$('#ctl21_ctl03_ctl00animationText').css('color', ctl21_ctl03_ctl00json.textColor);
}
if (ctl21_ctl03_ctl00json.picSize == 'None') {
$('#ctl21_ctl03_ctl00animationSandbox img').hide();
}
else {
// #310 Bug Fix, animation images not responsive
$('#ctl21_ctl03_ctl00animationSandbox img').css('max-width', ctl21_ctl03_ctl00json.picSize + 'px');
$('#ctl21_ctl03_ctl00animationSandbox img').css('height', 'auto');
$('#ctl21_ctl03_ctl00animationSandbox img').css('width', '100%');
}
ctl21_ctl03_ctl00setAttributes('duration', '' + ctl21_ctl03_ctl00json.duration + 's');
ctl21_ctl03_ctl00delayedStart(ctl21_ctl03_ctl00json.delay)
if (ctl21_ctl03_ctl00json.border == '0') {
}
else {
var borderParameter = '' + ctl21_ctl03_ctl00json.border + 'px solid ' + ctl21_ctl03_ctl00json.textColor;
$('#ctl21_ctl03_ctl00animationSandbox').css('border', borderParameter);
$('#ctl21_ctl03_ctl00animationSandbox').css('padding', '8px');
}
var animation = ctl21_ctl03_ctl00json.animation;
if (ctl21_ctl03_ctl00json.pageSelected == 0) {
}
else {
if (ctl21_ctl03_ctl00json.Link == '') {
return false;
}
else {
$('#ctl21_ctl03_ctl00animationSandbox').css('cursor', 'pointer');
$('#ctl21_ctl03_ctl00animationSandbox').click(function () {
$(this).fadeOut(1000);
location.assign(ctl21_ctl03_ctl00json.link);
return false;
});
}
}
if (ctl21_ctl03_ctl00json.center == '1') {
var as = $('#ctl21_ctl03_ctl00animationSandbox');
var p = as.detach();
p.appendTo('body');
as.css({
'position': 'fixed',
'left': '50%',
'top': '50%'
});
as.css({
'margin-left': -as.outerWidth() / 2 + 'px',
'margin-top': -as.outerHeight() / 2 + 'px'
});
}
if (ctl21_ctl03_ctl00json.beforeFirstShowing == 'show') {
$('#ctl21_ctl03_ctl00animationSandbox').show();
}
}
function ctl21_ctl03_ctl00delayedStart(wait) {
setTimeout(ctl21_ctl03_ctl00delayedStartDoIt, wait * 1000)
}
function ctl21_ctl03_ctl00delayedStartDoIt() {
// Always show the animation itself
$('#ctl21_ctl03_ctl00animationSandbox').show();
ctl21_ctl03_ctl00testAnim();
// set a timer which will tell us when the animation completes (we hope)
setTimeout(ctl21_ctl03_ctl00delayedStartDoItAgain, ctl21_ctl03_ctl00json.duration * 1000)
}
function ctl21_ctl03_ctl00delayedStartDoItAgain() {
// an animation just completed
if (ctl21_ctl03_ctl00json.beforeSubsequentShowings == "noshow") {
$('#ctl21_ctl03_ctl00animationSandbox').fadeOut(200);
}
// if we only do this once -- we are done
if (ctl21_ctl03_ctl00json._loop == '1') {
return;
}
var wait = $('#ctl21_ctl03_ctl00').val();
if (ctl21_ctl03_ctl00json.beforeSubsequentShowings == 'skip') {
wait = 0; // no wait on subsequent showings
}
else {
if (ctl21_ctl03_ctl00json.beforeSubsequentShowings == 'show') {
}
else {
$('#ctl21_ctl03_ctl00animationSandbox').fadeOut(200);
}
}
ctl21_ctl03_ctl00delayedStart(wait);
}
function ctl21_ctl03_ctl00centerIt () {
$('#ctl21_ctl03_ctl00animationSandbox').css('position', 'fixed');
$('#ctl21_ctl03_ctl00animationSandbox').css('top', '50%');
$('#ctl21_ctl03_ctl00animationSandbox').css('left', '50%');
$('#ctl21_ctl03_ctl00animationSandbox').center();
}
function ctl21_ctl03_ctl00setAttributes(what, value) {
//#yourElement {
// -vendor-animation-duration: 3s;
//-vendor-animation-delay: 2s;
//-vendor-animation-iteration-count: infinite;
//}
ctl21_ctl03_ctl00setAttribute('moz', what, value);
ctl21_ctl03_ctl00setAttribute('o', what, value);
ctl21_ctl03_ctl00setAttribute('webkit', what, value);
ctl21_ctl03_ctl00setAttribute('ms', what, value);
}
function ctl21_ctl03_ctl00setAttribute(browser, what, value) {
var part1 = '-' + browser + '-animation-' + what;
var part2 = value;
//alert(part1);
//alert(part2);
$('#ctl21_ctl03_ctl00animationSandbox').css(part1, value);
}