// remote scripting library // (c) copyright 2005 modernmethod, inc var sajax_debug_mode = false; var sajax_request_type = "POST"; var sajax_target_id = ""; var sajax_failure_redirect = ""; function sajax_debug(text) { if (sajax_debug_mode) alert(text); } function sajax_init_object() { sajax_debug("sajax_init_object() called..") var A; var msxmlhttp = new Array( 'Msxml2.XMLHTTP.5.0', 'Msxml2.XMLHTTP.4.0', 'Msxml2.XMLHTTP.3.0', 'Msxml2.XMLHTTP', 'Microsoft.XMLHTTP'); for (var i = 0; i < msxmlhttp.length; i++) { try { A = new ActiveXObject(msxmlhttp[i]); } catch (e) { A = null; } } if(!A && typeof XMLHttpRequest != "undefined") A = new XMLHttpRequest(); if (!A) sajax_debug("Could not create connection object."); return A; } var sajax_requests = new Array(); function sajax_cancel() { for (var i = 0; i < sajax_requests.length; i++) sajax_requests[i].abort(); } function sajax_do_call(func_name, args) { var i, x, n; var uri; var post_data; var target_id; sajax_debug("in sajax_do_call().." + sajax_request_type + "/" + sajax_target_id); target_id = sajax_target_id; if (typeof(sajax_request_type) == "undefined" || sajax_request_type == "") sajax_request_type = "GET"; uri = "/animal-tales/js/animal-tales.js.php"; if (sajax_request_type == "GET") { if (uri.indexOf("?") == -1) uri += "?rs=" + escape(func_name); else uri += "&rs=" + escape(func_name); uri += "&rst=" + escape(sajax_target_id); uri += "&rsrnd=" + new Date().getTime(); for (i = 0; i < args.length-1; i++) uri += "&rsargs[]=" + escape(args[i]); post_data = null; } else if (sajax_request_type == "POST") { post_data = "rs=" + escape(func_name); post_data += "&rst=" + escape(sajax_target_id); post_data += "&rsrnd=" + new Date().getTime(); for (i = 0; i < args.length-1; i++) post_data = post_data + "&rsargs[]=" + escape(args[i]); } else { alert("Illegal request type: " + sajax_request_type); } x = sajax_init_object(); if (x == null) { if (sajax_failure_redirect != "") { location.href = sajax_failure_redirect; return false; } else { sajax_debug("NULL sajax object for user agent:\n" + navigator.userAgent); return false; } } else { x.open(sajax_request_type, uri, true); // window.open(uri); sajax_requests[sajax_requests.length] = x; if (sajax_request_type == "POST") { x.setRequestHeader("Method", "POST " + uri + " HTTP/1.1"); x.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); } x.onreadystatechange = function() { if (x.readyState != 4) return; sajax_debug("received " + x.responseText); var status; var data; var txt = x.responseText.replace(/^\s*|\s*$/g,""); status = txt.charAt(0); data = txt.substring(2); if (status == "") { // let's just assume this is a pre-response bailout and let it slide for now } else if (status == "-") alert("Error: " + data); else { if (target_id != "") document.getElementById(target_id).innerHTML = eval(data); else { try { var callback; var extra_data = false; if (typeof args[args.length-1] == "object") { callback = args[args.length-1].callback; extra_data = args[args.length-1].extra_data; } else { callback = args[args.length-1]; } callback(eval(data), extra_data); } catch (e) { sajax_debug("Caught error " + e + ": Could not eval " + data ); } } } } } sajax_debug(func_name + " uri = " + uri + "/post = " + post_data); x.send(post_data); sajax_debug(func_name + " waiting.."); delete x; return true; } // wrapper for createSchedule function x_createSchedule() { sajax_do_call("createSchedule", x_createSchedule.arguments); } // wrapper for createDetails function x_createDetails() { sajax_do_call("createDetails", x_createDetails.arguments); } // wrapper for loadPoll function x_loadPoll() { sajax_do_call("loadPoll", x_loadPoll.arguments); } // wrapper for addPollCount function x_addPollCount() { sajax_do_call("addPollCount", x_addPollCount.arguments); } // wrapper for loadThankYou function x_loadThankYou() { sajax_do_call("loadThankYou", x_loadThankYou.arguments); } //////////////////////////////////////////// // jQuery Functions // //////////////////////////////////////////// $(function() { var screen = $("#screen"); var right = $("#right"); var lightbox = $("#lightbox"); var close = $("#close a"); var container = $("#lightboxContainer"); var holder = $("#holder"); var screen = $("#screen"); var content = $("#content"); var summary = $("#summary"); var option = $(".option img"); var win = $(window); var share = ""; var activityID; function resetLightbox() { screen.css({ opacity: 0, width: win.width(), height: $(document).height(), top: 0, left: 0 }).hide(); summary.hide(); lightbox.css({ opacity: 0 }).hide(); close.css({ opacity: 0 }); holder.css({ opacity: 0 }).hide(); container.css({ width: 0, height: 0, top : win.height() / 2 - container.outerHeight() / 2, left : win.width() / 2- container.outerWidth() / 2 }); } function showLightbox(content) { lightbox.html(content); screen = $("#screen"); lightbox = $("#lightbox"); close = $("#close a"); container = $("#lightboxContainer"); holder = $("#holder"); screen = $("#screen"); win = $(window); var poll = $("#poll").html(); resetLightbox(); screen.show().animate({ opacity: .75 }, { duration: 250, complete: function () { lightbox.show().animate({ opacity: 1 }, 250); container.css('filter', 'alpha(opacity=100)').animate({ height: holder.outerHeight(), width: holder.outerWidth()} , { duration: 500, step: function () { center(); }, complete: function () { lightbox.css({ width: container.outerWidth() }); close.animate({ opacity: 1 }, 400); holder.show().animate({ opacity: 1 }, 400); $('#frames').cycle({ fx: 'fade', speed: 1000, timeout: 4000 }); } }); }}); } function center() { var posY = win.height() / 2 - container.outerHeight() / 2 + win.scrollTop(); var posX = win.width() / 2- container.outerWidth() / 2; if (posY < 0) { posY = 0; } if (posX < 0) { posX = 0; } lightbox.css({ top : posY, left : posX }); } win.scroll(function() { //center(); }); win.resize(function() { center(); }); $("#close").live('click', function (e) { e.preventDefault(); lightbox.animate({ opacity: 0 }); screen.animate({ opacity: 0 }, function () { resetLightbox(); }); }); $(".pollOption").live('click', function (e) { e.preventDefault(); optionID = this.id; name = this.name; width = $("#poll").width(); $("#summary").hide(); _gaq.push(['_trackEvent', 'Animal Tales Landing Page', 'Poll', name]); x_addPollCount(optionID,width,share,updatePoll); }); function updatePoll(content) { var poll = $("#poll"); $("#summary").hide(); poll.animate({ opacity: 0 }, 250, function() { poll.html(content); addThisInit(); toggleFields(); container.animate({ height: $("#poll").outerHeight() }, 250, function() { poll.animate({ opacity: 1 }, 250); }); }); } function getVars() { var vars = [], hash; var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&'); for(var i = 0; i < hashes.length; i++) { hash = hashes[i].split('='); vars.push(hash[0]); vars[hash[0]] = hash[1]; } share = vars['share']; if (share != undefined) { var hashPos = share.indexOf("#"); if (hashPos > 0) { share = share.substr(0,hashPos) } } } getVars(); function addThisInit() { window.addthis.toolbox("#toolbox"); } $(".poll").click( function (e) { e.preventDefault(); $(location).attr('href','http://apps.bronxzoo.com/baby-poll'); //_gaq.push(['_trackEvent', 'Animal Tales Landing Page', 'Poll', 'Poll Opened by Click']); //x_loadPoll(showLightbox); }); if (window.location.hash == "#poll") { $(location).attr('href','http://apps.bronxzoo.com/baby-poll'); //_gaq.push(['_trackEvent', 'Animal Tales Landing Page', 'Poll', 'Poll Opened by Page Load']); //x_loadPoll(showLightbox); } if (window.location.hash == "#thanks") { $(location).attr('href','http://apps.bronxzoo.com/baby-poll/?reg=1'); //_gaq.push(['_trackEvent', 'Animal Tales Landing Page', 'Poll', 'Thank You Page Loaded']); //x_loadThankYou(showLightbox); } function toggleFields() { $(".field").each(function (i) { var field = $(this); var id = field.attr("id"); var initVal = field.val(); if (initVal.toLowerCase() == id) { field.css({ color: "#666666" }); } field.focus(function() { var val = field.val(); if (val.toLowerCase() == id) { field.val("").css({ color: "#000000" }); } }); field.blur(function() { var val = field.val(); if (field.val() == "") { var value = id.charAt(0).toUpperCase() + id.slice(1); if (value == "Url") { value = "URL"; } field.val(value).css({ color: "#666666" }); } }); }); } $('#frames').cycle({ fx: 'scrollHorz', speed: 1000, timeout: 6000, easing: 'backinout' }); }); //////////////////////////////////////////// // Universl Functions // //////////////////////////////////////////// function updateSchedule(content) { document.getElementById("schedule").innerHTML = content; scrollInit(); } function updateDetails(content) { document.getElementById("details").innerHTML = content; } function doSearch() { var keyword = document.getElementById("keyword").value; parent.window.location.href = "http://www.bronxzoo.com/search-results.aspx?searchTerm=" + keyword; } function isValidEmail(str) { return (str.indexOf(".") > 2) && (str.indexOf("@") > 0); } function formValidate() { var email = $("#email").val(); var error = ""; var errorField = $("#error"); if (email == "") { error = "Email address is required!"; } if (!isValidEmail(email)) { error = "That email address is not valid!"; } if (error != "") { errorField.html(error); $("#lightboxContainer").css({ height: $("#poll").outerHeight() }); _gaq.push(['_trackEvent', 'Animal Tales Landing Page', 'Poll', 'Invalid Email Submitted']); return false; } else { _gaq.push(['_trackEvent', 'Animal Tales Landing Page', 'Poll', 'Valid Email Submitted']); return true; } } function externalLinks() { if (!document.getElementsByTagName) return; var anchors = document.getElementsByTagName("a"); for (var i=0; i < anchors.length; i++) { var anchor = anchors[i]; if (anchor.getAttribute("href") && anchor.getAttribute("rel") == "external") anchor.target = "_blank"; } } window.onload = externalLinks;