/**
*
* ANIMATED CARDS PREV NEXT
* IMPLEMENTATION OF THE AJAX CLASS/TOOLKIT [ajax_api.js]
* Implementing AJAX ToolKit
*
*/
/* GLOBAL VARIABLES */
var _nDataArray = new Array();
var _nObjArray = new Array();
var _nFormFieldNames = new Array('quick','flloader','bigimagetype','musstr','newbgpath','html_file','embedmusic','newmuspath','music','mus_exclusive','bg','tcolor','tface','tsize','step','Backurl','fla','q1','image','blue_bar','blue_url','redline','greenline','activex_fix','title','message','bg1','flash_details','label','tsize_ori','tcolor_ori');
var _nPointer = 0; // points to _nDataArray
var _nCurrent = -1; // adjusts according to position/ position index
var recInPage = 8; // there are 8 records per XML page
var _loading = false;
var _isPreloaded = false;
var _pageToRead = '';
var _nextPageToRead = '';
var _previewImages = new Array();
var _ImageServerPath = 'http://img.123greetings.com/';
var _thumbPath = _ImageServerPath + 'thumbs/';
var _newImagePath = _ImageServerPath + 'eventsnew/';
var showPopUp = false; // preview pop-up flag
/*
*
* Get card poisition in the card category
*
*/
function getPosition() {
return position;
}
/*
* sets the XML page to read
*
*/
function setXMLpage() {
var pos;
var pageNum = 0;
if (_nCurrent == 0) {
pos = parseInt(getPosition());
_nCurrent = pos + 1;
}else {
pos = _nCurrent;
_nPointer = 0;
}
// get the page number
pageNum = Math.ceil(pos/recInPage);
// set current index
_nPointer = recInPage * (pageNum - 1);
// set current page to read
_pageToRead = 'page' + pageNum + '.xml';
// check whether there is a new page or not
if (_pageToRead != _nextPageToRead) {
_nextPageToRead = _pageToRead;
main(true);
}else {
main(false);
}
}
/*
* Function when called displays a dynamically created div with loading message.
*/
function show_loading(){
//show loading message text
if (!_loading) {
var oDiv = document.createElement('div');
oDiv.setAttribute('id','loading');
oDiv.id = 'loading';
oDiv.style.position = 'absolute';
oDiv.style.zIndex = '50';
oDiv.style.top = 0 + parseInt(document.body.scrollTop); // add top scroll amount
oDiv.style.right = 0;
oDiv.style.height = 15;
oDiv.style.width = 80;
oDiv.style.backgroundColor = '#00A8F9';
oDiv.style.textAlign = 'center';
oDiv.style.fontFamily = 'verdana, Geneva, Helvetica';
oDiv.style.fontWeight = 'normal';
oDiv.style.fontSize = '10';
oDiv.style.color = '#FFFFFF';
oDiv.style.borderBottom = 'ridge';
oDiv.style.borderLeft = 'ridge';
oDiv.style.borderColor = '#DBDBDB';
oDiv.style.borderWidth = 1;
oDiv.style.visibility = 'visible';
oDiv.appendChild(document.createTextNode("Loading...."));
document.body.insertBefore(oDiv, document.body.childNodes[0]);
_loading = true;
}
}
/*
*
* Function used to hide the loading message
*
*/
function hide_loading() {
// code to hide loading message
if (_loading) {
document.body.removeChild(document.getElementById('loading'));
_loading = false;
}
}
/*
* function to store data into the array
*/
function insert_to_array(strHtml, pointer) {
// code to insert into array
_nDataArray[pointer] = strHtml;
}
/*
* parse xml nodes from response and builds the html string
*/
function parseXML() {
// code to parse xml
var elmName = 'ecard';
var xmlDoc = arguments[0].documentElement;
if (xmlDoc.hasChildNodes()) {
xmlElemArray = xmlDoc.getElementsByTagName(elmName);
xmlElem = xmlElemArray[0];
for (var j = 0; j < xmlElemArray.length; j++) {
xmlElem = xmlElemArray[j];
var formData = parseXnode(xmlElem);
_nObjArray[_nPointer] = formData; //_nPointer index
// stores images in preview array
_previewImages[_nPointer] = _thumbPath + formData["image"] + '#' + formData["redline"] + '#' + formData["greenline"] + '#' + formData["label"];
//change the form data
write_form_data();
//change extra details
change_extras();
// hide loading message
hide_loading();
_nPointer++; // increment pointer
}
// set preview images function
setPreviewImages(_nCurrent);
}
}
// convert an XML element into a JavaScript object
function parseXnode(docElem) {
var objArray = [];
var JSON = traverse(objArray, docElem);
//alert(JSON);
// convert JSON Text String into JSON Object
JSON = eval('(' + JSON + ')');
// get some values to perform some other calculation
var newImagePath = JSON['newimagepath'];
var flash_detail = JSON['flash_details'];
var pTitle = JSON['title'];
var pImage = JSON['image'];
var fcolor = JSON['tcolor'];
var fface = JSON['tface'];
var fsize = JSON['tsize'];
var mp3;
if (JSON['flloader']) {
JSON['flloader'] = unescape(JSON['flloader']);
}
if (typeof(JSON['mp3']) != 'undefined') {
mp3 = JSON['mp3'];
}else {
mp3 = '';
}
// get dyna loader
var dyna_loader = JSON['flloader'];
pBg = JSON['bg_path'];
pImage = (newImagePath == '') ? _newImagePath + pImage : newImagePath + pImage;
flash_detail = (flash_detail == '') ? pImage : _ImageServerPath + flash_detail;
// creat image array to preload
var imgArr = [];
imgArr[0] = pBg;
imgArr[1] = pImage;
//preload image
handle_img_preload(imgArr);
//build the HTML string
build_Html(pBg, flash_detail, mp3, dyna_loader, pTitle, fcolor, fface, fsize);
// return JSON object
return JSON;
}
/* extract XML node values */
function traverse(obj, node) {
var p;
var JSONobj = ['{'];
if (node.childNodes.length > 0) {
for (var i = 0; i < node.childNodes.length; i++) {
if (node.childNodes[i].nodeType == 1 && node.childNodes[i].firstChild) {
// If node has only one child
// set the obj property to the value of the node
if(node.childNodes[i].childNodes.length == 1) {
obj[node.childNodes[i].tagName] = node.childNodes[i].firstChild.nodeValue;
//alert(node.childNodes[i].tagName + '--' + node.childNodes[i].firstChild.nodeValue);
// create JSON object
if(p) JSONobj[JSONobj.length] = ',';
// a special check for midfile_list tag in XML
if (node.childNodes[i].tagName == 'midfile_list') {
JSONobj.push(stringify(node.childNodes[i].tagName),':','[' + node.childNodes[i].firstChild.nodeValue + ']');
}else{
JSONobj.push(stringify(node.childNodes[i].tagName),':',stringify(node.childNodes[i].firstChild.nodeValue));
}
p = true;
}
// Otherwise this obj property is an array
// Recurse to set its multiple properties
else {
obj[node.childNodes[i].tagName] = [];
// Call recursively -- rinse and repeat
// ==============
traverse(obj[node.childNodes[i].tagName], node.childNodes[i]);
}
}else {
// code to handle empty tags
// in this case it creates one JSON variable with empty value
if(typeof(node.childNodes[i].tagName) != 'undefined') {
//alert(node.childNodes[i].tagName);
if(p) JSONobj[JSONobj.length] = ',';
JSONobj.push(stringify(node.childNodes[i].tagName),':',stringify(''));
p = true;
}
}
}
}
// return JSON string
JSONobj[JSONobj.length] = '}';
return JSONobj.join('');
}
/* stringify a JSON object */
function stringify(str) {
//escape double quote
var regex = /\"/g;
if (regex.test(str)) {
str = str.replace(regex, '\\"');
}
return '"' + String(str) + '"';
}
/*
* Initialize AJAX object
*
*/
function initAJAX(pageURL, params, response_type, req_method, callback) {
var aJax = new AJAX();
aJax.init('true',req_method,response_type,pageURL,params,callback);
aJax = null;
}
/*
* build html string
* @param bgImage string background image path
* @param flash_detail string Card details (path, type and others)
* @param title string card title
* Other params are self-explanatory
*/
function build_Html(bgImage, flash_detail, mp3, dyna_loader, title, font_color, font_face, font_size) {
// code to build html
var strHtml = new Array();
strHtml.push('
');
strHtml.push('
');
strHtml.push('
');
// check whether the card is Flash/Animated
var f_dtl = flash_detail.split("#");
// add mp3 value to the URL
if (mp3 != '' && mp3.length > 0) {
f_dtl[0] = f_dtl[0] + '&mp3=' + mp3;
}
fLen = f_dtl.length;// get the length of the splited array
switch(fLen) {
case 2: // Old Click Cards
strHtml.push('');
strHtml.push(' ');
strHtml.push('
');
//insert string into array index denoted by _nPointer
insert_to_array(strHtml.join(''), _nPointer);
//write to page
write_html(strHtml.join(''));
}
/* writes HTML to page */
function write_html() {
//get card position according to array position
if (_nPointer == (_nCurrent - 1)) {
// delete embed object if any
if (document.getElementById('container')) {
var cont = document.getElementById('container');
while (cont.hasChildNodes()) {
cont.removeChild(cont.childNodes[0]);
}
cont = null;
}
document.getElementById('container').innerHTML = arguments[0];
}
}
/*
* function to embed sound in page if available
*
* Read it carefully it has become buggy and full of redundant code
* I didn't find time to make it clean, hope I'll do it later
*/
function embedSound(pointer) {
// code to embed sound
//var midfile = document.getElementById('music').value;
//now check for drop down box and others
var embedmusic = _nObjArray[pointer]['embedmusic'];
var mus_exclusive = _nObjArray[pointer]['mus_exclusive'];
var music = _nObjArray[pointer]['music'];
// if there is any bgsound then remove it
var arr = document.getElementsByTagName('bgsound');
if (arr.length > 0) {
var node = arr[0];
node.parentNode.removeChild(node);
}
// if there is any bgsound then remove it
var arr = document.getElementsByTagName('embed');
if (arr.length > 0) {
for (var i=0; i < arr.length; i++ ) {
var node = arr[i];
if(isIE()) {
node.src = '';
try {
node.stop();
}
catch (e){
try {
node.doStop();
}
catch (e){}
}
node.parentNode.removeChild(node);
}
}
}
// check
if ((mus_exclusive == '' || mus_exclusive == 0) && music == '' && embedmusic == 'yes') {
// field is hidden no drop down, FLASH card
// delete the drop down if present
if (document.getElementById('music_box')) {
document.getElementById('music_box').innerHTML = '';
}
if (document.getElementById('music_cont')) {
// remove music control
while (document.getElementById('music_cont').hasChildNodes()) {
document.getElementById('music_cont').removeChild(document.getElementById('music_cont').childNodes[0]);
}
document.getElementById('music_cont').innerHTML = '';
}
if (document.getElementById('music')) {
// delete the element
document.getElementById('music').parentNode.removeChild(document.getElementById('music'));
}
}else if (mus_exclusive == 1 && music == '') {
if (document.getElementById('music_box')) {
document.getElementById('music_box').innerHTML = '';
}
if (document.getElementById('music_cont')) {
// remove music control
while (document.getElementById('music_cont').hasChildNodes()) {
document.getElementById('music_cont').removeChild(document.getElementById('music_cont').childNodes[0]);
}
document.getElementById('music_cont').innerHTML = '';
}
if (document.getElementById('music')) {
// delete the element
document.getElementById('music').parentNode.removeChild(document.getElementById('music'));
}
var html = '';
document.getElementById('dummyspan').innerHTML += html;
}else if (mus_exclusive == 1 && music != '') {
//var sImage = new Image(5,5);
//sImage.src = music;
// field is hidden no drop down, POSTCARD or CLICK cards, embeded sound
var html = '';
try {
if (document.cFORM.music.parentNode != null && typeof(document.cFORM.music.parentNode) != 'undefined') {
document.cFORM.music.parentNode.removeChild(document.cFORM.music);
}
}
catch (e){}
if (document.getElementById('music_cont')) {
// remove element if any
while (document.getElementById('music_cont').hasChildNodes()) {
document.getElementById('music_cont').removeChild(document.getElementById('music_cont').childNodes[0]);
}
}
if (document.getElementById('music')) {
// delete the element first
document.getElementById('music').parentNode.removeChild(document.getElementById('music'));
document.getElementById('dummyspan').innerHTML += html;
// write control in the page
var str2write = '';
str2write = '
We are currently testing a new browser feature. If you are not able to view this ecard. Please click here to view in its original format
