// fade toggle function
jQuery.fn.fadeToggle = function(speed, easing, callback) {
   return this.animate({opacity: 'toggle'}, speed, easing, callback);
};

var popupIcon = function(el, speed, easing, callback) {
	var icon = $('#social #' + el);
	var lnk = $('a.' + el);
	var right = parseInt(icon.css("right").substring(0,icon.css("right").indexOf("px")));
	var top = parseInt(icon.css("top").substring(0,icon.css("top").indexOf("px")));
        var easing = "easeOutExpo";
        var duration = 400;

	lnk.hover(function(){
		icon.animate({
			right: right + 4 + "px",
			top: top - (12 + top/12) + "px"
		},{easing: easing, duration: duration});
	}, function(){
			icon.animate({
				right: right + 'px',
				top: top + 'px'
			},{easing: easing, duration: duration});
	});
};

$(function(){
	$.preloadCssImages();
	
	popupIcon("fb");
	popupIcon("twitter");
	popupIcon("ms");

	var eml = $('#email');
	var emlVal = eml.val();
	
	eml.focus(function() {
		if(eml.val() == "example@gmail.com") {
			$(this).val('');
		}
	});
	eml.blur(function() {
		if(eml.val() == "") {
			$(this).val(emlVal);
		}
	});
});

$(window).load(function(){
	var formPos = $('#form').css("left");
	$('#download').click(function(){
		$('#overlay').css("opacity","0.5").fadeToggle("slow");
		$('#form').show().animate({"left" : "50%"}, {easing : "easeOutExpo", duration : 1000 });
		pageTracker._trackPageview("sign-up"); 
	});
	$('#overlay').click(function(){
		backToForm();
		pageTracker._trackPageview("sign-up_Overlay"); 
		$('#form').animate({"left" : "115%"}, {
			easing: "easeInExpo",
			duration: 500,
			complete: function(){
				$(this).css({"left" : formPos}).hide();
			}
		});
		$(this).fadeToggle("medium");
	});
	

});