// 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 = "/lego/js/lego.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 loadActivity		
		function x_loadActivity() {
			sajax_do_call("loadActivity",
				x_loadActivity.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);
		}
		
		$(function(){ 
	
	var screen = $("#screen");
	var right = $("#right");
	var lightbox = $("#lightbox");
	var close = $("#close a");
	var container = $("#container");
	var holder = $("#holder");
	var screen = $("#screen");
	var content = $("#content");
	var summary = $("#summary");
	var option = $(".option img");
	var wrapper = $("#wrapper");
	var activityID;
	
	$('#feature #slideshow').cycle({
		fx:      'fade', 
	    speed:    1000,
	    timeout:  4000
	    });
	
	function resetLightbox(type) {
		if (type == "activity") {
			screen.css({ opacity: 0, width: right.outerWidth(), height: right.outerHeight()+15, top: right.position().top+11, left: right.position().left+20 }).hide();
			}
		else {
			screen.css({ opacity: 0, width: content.outerWidth()-173, height: content.outerHeight()-156, top: 81, left: 86 }).hide();
			}
				
		summary.hide();
		lightbox.css({ opacity: 0 }).hide();
		close.css({ "margin-top": "-24px" });
		holder.css({ opacity: 0 }).hide();
		container.css({
			width: 0,
			height: 0,
			top : screen.height() / 2 - container.outerHeight() / 2,
			left : screen.width() / 2- container.outerWidth() / 2
	 		}); 
		}
		
	resetLightbox("activity");	
	
	$(".more-info").live('mouseover', function(e) {	
		e.preventDefault();
		var str = $(this).attr("title");
		$(this).attr("title","");
		//$(this).removeAttr("title");
		
		summary.css({
			top: e.pageY+10, left: e.pageX+10, width: "500px"
			}).html(str).show();
		})
	
	$(".more-info").live('click', function(e) {	
		e.preventDefault();
		var url = $(this).attr("href");
		
		console.log(url);
		
		if (url != "#") {
			window.open(url);
			}
		})
	
	$(".more-info").live('mousemove', function(e) {	
		summary.css({
			top: e. pageY+10, left: e.pageX+10
			});
		});
	
	$(".more-info").live('mouseout', function(e) {	
		$(this).attr("title",summary.html());
		summary.hide();
		});
	
	
	option.live('mouseover', function(e) {	
		var str = $(this).attr("alt");
		$(this).removeAttr("alt");
		
		summary.css({
			top: e.pageY+10, left: e.pageX+10, width: "500px"
			}).html(str).show();
		});
	
	option.live('mousemove', function(e) {	
		summary.css({
			top: e. pageY+10, left: e.pageX+10
			});
		});
	
	option.live('mouseout', function(e) {	
		$(this).attr("alt",summary.html());
		summary.hide();
		});
	
	$(".poll").click( function () {
		_gaq.push(['_trackEvent', 'Landing Page', 'Poll', 'Poll Opened by Click']);
		x_loadPoll(showLightbox);
		});
	
	$(".activity a").click( function () {
		activityID = this.id;
		var activityName = this.name;

		_gaq.push(['_trackEvent', 'Landing Page', 'Lego', activityName]);
		
		//_gaq.push(['_trackEvent', 'Landing Page', 'Lego', 'Activity', activityName]);
			
		x_loadActivity(activityID,showLightbox);
		});
	
	$(".pledgeLink").live('click', function(e) {
		e.preventDefault();	
		x_loadActivity("5",showLightbox);
		});
	
	function showLightbox(content) {
		lightbox.html(content);
		
		screen = $("#screen");
		lightbox = $("#lightbox");
		close = $("#close a");
		container = $("#container");
		holder = $("#holder");
		screen = $("#screen");
		var poll = $("#poll").html();
						
		if (!poll) {
			resetLightbox("activity");
			yOffset = 0;	
			}
		else {
			resetLightbox("poll");
			yOffset = 75;
			}
		
		screen.show().animate({ opacity: .75 }, { duration: 250, complete: function () {
			lightbox.show().animate({ opacity: 1 }, 250);
			container.animate({ height: holder.outerHeight(), width: holder.outerWidth()} , { 
				duration: 500,
				step: function () { 
						var yPos = screen.height() / 2 - container.outerHeight() / 2 + screen.position().top - yOffset;
						
						console.log(yPos);
						
						if (yPos < 95) {
							yPos = 	95;
						}
						
						lightbox.css({
			    		top : yPos,
						left : screen.width() / 2- container.outerWidth() / 2 + screen.position().left
			     		}); 
						}, 
				complete: function () {
					lightbox.css({ width: container.outerWidth() });
					close.animate({ "margin-top": "0px" }, 400);
					holder.show().animate({ opacity: 1 }, 400);
					toggleFields();
					$('#frames').cycle({
						fx:      'fade', 
					    speed:    1000,
					    timeout:  4000
					});
				} });
			}});
		}
	
	$("#close").live('click', function () {
   		lightbox.animate({ opacity: 0 });
   		screen.animate({ opacity: 0 }, function () {
   			resetLightbox();
   			});
   		});
   	
   	$(".pollOption").live('click', function () {
   		optionID = this.id;
   		name = this.name;
   		width = $("#poll").width();
		$("#summary").hide();
		
		_gaq.push(['_trackEvent', 'Landing Page', 'Lego', name]);
				
		x_addPollCount(optionID,width,updatePoll);
   		});
   	   
	function updatePoll(content) {
		$("#summary").hide();
		$("#poll").html(content);
		} 
   	   	
   	if (window.location.hash == "#poll") {
		_gaq.push(['_trackEvent', 'Landing Page', 'Lego', 'Poll Opened by Page Load']);
		x_loadPoll(showLightbox);
		}
	
	if (window.location.hash == "#thanks") {
		_gaq.push(['_trackEvent', 'Landing Page', 'Lego', 'Thank You Page Loaded']);
		x_loadThankYou(showLightbox);
		}
	
	function toggleFields() {		
		$(".field").each(function (i) {
			var field = $(this);
			var id = field.attr("id");
			var defaultVal = id.replace("_"," ");
			var initVal = field.val();
			
			if (initVal.toLowerCase() == defaultVal) {
				field.css({ color: "#666666" });
				}
			
			field.focus(function() {
				var val = field.val();
				
				if (val.toLowerCase() == defaultVal) {
					field.val("").css({ color: "#000000" });
					}
				});
			
			field.blur(function() {
				var val = field.val();
				
				if (field.val() == "") {
					var value = defaultVal.charAt(0).toUpperCase() + defaultVal.slice(1);
					
					if (value == "Url") {
						value = "URL";
						}
					
					field.val(value).css({ color: "#666666" });
					}
				});
			});
		}
	});

function isValidEmail(str) {
	return (str.indexOf(".") > 2) && (str.indexOf("@") > 0);
	}

function formValidate() {	
	var first_name = $("#first_name").val();
	var last_name = $("#last_name").val();
	var email = $("#email").val();
	var error = "";
	var errorField = $("#error");
	
	if ((first_name == "") || (first_name == "First name")) {
		error += "First name, ";
		}
	if ((last_name == "") || (last_name == "Last name")) {
		error += "Last name, ";
		}
	if ((email == "") || (email == "Email")) {
		error += "Email address, ";
		}
		
	if (error != "") {
		var len = error.length;
		
		
		errorField.html("You must fill out the following fields:<br />"+error.substring(0,len-2));
		$("#container").css({ height: $("#holder").height() });
			
		return false;
		}	
	
	else {
		if (!isValidEmail(email)) {
			errorField.html("That email address is not valid!");
			_gaq.push(['_trackEvent', 'Landing Page', 'Lego', 'Ocean Pledge Invalid Email Attempted']);
			$("#container").css({ height: $("#holder").height() });
			return false;
			}
		else {
			_gaq.push(['_trackEvent', 'Landing Page', 'Lego', 'Ocean Pledge Submitted']);
			return true;
			}
		}
	}