// JavaScript Document
$(document).ready(function() {
	var arrPageSizes = ___getPageSize();
	var arrPageScroll = ___getPageScroll();
	$('#subscribe_button').click(function() {
		$('#subscribe').load('/subscribe.html', function() {
			$('#subscribe-overlay').css({
				backgroundColor:	'#000',
				opacity:			'0.9',
				width:				arrPageSizes[0],
				height:				arrPageSizes[1]
			}).fadeIn('fast', function() {
				$('#subscribe').css({
					bottom: 0,
					left:	(arrPageSizes[0] / 2) - 250
				}).slideDown(1000);
				$("input#firstname").focus();
				
				$(function() {
					$('.error').hide();
					$(".button").click(function() {
					  // validate and process form here
					  $('.error').hide();
					  var firstname = $("input#firstname").val();
						if (firstname == "") {
						$("label#firstname_error").show();
						$("input#firstname").focus();
						return false;
					  }
					  var lastname = $("input#lastname").val();
						if (lastname == "") {
						$("label#lastname_error").show();
						$("input#lastname").focus();
						return false;
					  }
						var email = $("input#email").val();
						if (email == "") {
						$("label#email_error").show();
						$("input#email").focus();
						return false;
					  }
						var postcode = $("input#postcode").val();
						if (postcode == "") {
						$("label#postcode_error").show();
						$("input#postcode").focus();
						return false;
					  }
						var country = $("select#country").val();
						var address = $("input#address").val();
						var city = $("input#city").val();
						var state = $("input#state").val();
						var phone = $("input#phone").val();
						var dataString = 'firstname='+ firstname + '&lastname=' + lastname + '&email=' + email + '&postcode=' + postcode + '&country=' + country + '&address=' + address + '&city=' + city + '&state=' + state + '&phone=' + phone;  
						$.ajax({
					  type: "POST",
					  url: "/bin/process.php",
					  data: dataString,
					  success: function() {
						$('#subscribe').html("<div id='message' style='margin-top:125px; text-align:center'></div>");
						$('#message').html("<h2>Thank You!</h2>")
						.append("<p>Your subscription has been confirmed.</p>")
						.hide()
						.fadeIn(1500, function() {
					  //    $('#message').append("<img id='closeButton' src='images/check.png' />");
						  $('#subscribe').slideUp(1500, function() {
								$('#subscribe-overlay').fadeOut();
							  }).delay(8000);
						});
					  }
					 });
					return false;
				});
	});
	$('#closeButton').click(function() {
		$('#subscribe').slideUp();
		$('#subscribe-overlay').fadeOut();
	});
	});
	});
		
});
	
});


function ___getPageSize() {
			var xScroll, yScroll;
			if (window.innerHeight && window.scrollMaxY) {	
				xScroll = window.innerWidth + window.scrollMaxX;
				yScroll = window.innerHeight + window.scrollMaxY;
			} else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
				xScroll = document.body.scrollWidth;
				yScroll = document.body.scrollHeight;
			} else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
				xScroll = document.body.offsetWidth;
				yScroll = document.body.offsetHeight;
			}
			var windowWidth, windowHeight;
			if (self.innerHeight) {	// all except Explorer
				if(document.documentElement.clientWidth){
					windowWidth = document.documentElement.clientWidth; 
				} else {
					windowWidth = self.innerWidth;
				}
				windowHeight = self.innerHeight;
			} else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
				windowWidth = document.documentElement.clientWidth;
				windowHeight = document.documentElement.clientHeight;
			} else if (document.body) { // other Explorers
				windowWidth = document.body.clientWidth;
				windowHeight = document.body.clientHeight;
			}	
			// for small pages with total height less then height of the viewport
			if(yScroll < windowHeight){
				pageHeight = windowHeight;
			} else { 
				pageHeight = yScroll;
			}
			// for small pages with total width less then width of the viewport
			if(xScroll < windowWidth){	
				pageWidth = xScroll;		
			} else {
				pageWidth = windowWidth;
			}
			arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight);
			return arrayPageSize;
		};
		
function ___getPageScroll() {
			var xScroll, yScroll;
			if (self.pageYOffset) {
				yScroll = self.pageYOffset;
				xScroll = self.pageXOffset;
			} else if (document.documentElement && document.documentElement.scrollTop) {	 // Explorer 6 Strict
				yScroll = document.documentElement.scrollTop;
				xScroll = document.documentElement.scrollLeft;
			} else if (document.body) {// all other Explorers
				yScroll = document.body.scrollTop;
				xScroll = document.body.scrollLeft;	
			}
			arrayPageScroll = new Array(xScroll,yScroll);
			return arrayPageScroll;
		};