var NLBar = (function() {
  var $bar, height = 80, offset = 8;
  var msg;

  var _init = function() {
    // Add items into bar
    $bar = $('<div id="NLBar" ><div class="inner"></div></div>').hide();
    $bar.prepend('<a href="#" class="dismiss">close [x]</a>')
				.append('<a href="#" class="no_show">please don\'t show this again</a>') 
	 			.find('.inner')
        .append('<span class="tagline">' + msg +'</span>')
        .append('<form id="frmNL" action="mailing_list.php"></form>')
        .find('#frmNL').append('<label for="NL_fname">First Name:</label><input type="text" id="NL_fname" name="fname" size="10" />')
                       .append('<label for="NL_lname">Last Name:</label><input type="text" id="NL_lname" name="lname" size="10" />')
                       .append('<label for="NL_email">Email:</label><input type="text" id="NL_email" name="email" />')
                       .append('<input type="submit" id="NL_submit" value="sign up" />')
				.end()
				.append('<div id="resp"><br /><br /></div>');
    $('body').append($bar);
    
    // Animate the bar
		if( $.browser.msie && $.browser.version.substr(0,1) == 6 ) {
			$bar.css({ 'position':'absolute','left':0,'top':$(window).outerHeight() - $bar.outerHeight() + $(window).scrollTop() });
			$(window).scroll(function(e){
				$bar.css({ 'top':$(window).outerHeight() - $bar.outerHeight() + $(window).scrollTop() });
			})
			$bar.fadeIn();
		} else {
			$bar.show().css("bottom",$bar.height() * -1).animate({ bottom:0 },1000);
		}
    
    $('#NL_fname')[0].focus();

    // Close
		$bar.find('.dismiss').click(function(e) {
			e.preventDefault();
			$.post('mailing_list.php',{ action:"dismiss" },function(){ });
			$bar.fadeOut("fast");
			return false;
		});
		$bar.find('.no_show').click(function(e) {
			e.preventDefault();
			$.post('mailing_list.php',{ action:"no_show" },function(){ });
			$bar.fadeOut("fast");
			return false;
		});
		
    // Sign up
    $('#frmNL').submit( submit );
  };

  var submit = function(e) {
    e.preventDefault();
    post = {};    
		post.fname = $('#NL_fname').val();
    post.lname = $('#NL_lname').val();
    post.email = $('#NL_email').val();
		$('#NL_submit').attr('disabled','disabled');
		post.action = "ajax";
    if ( post.fname && post.lname && post.email) {  
      $.post('mailing_list.php', post, function(data) {
				$('#NL_submit').attr('disabled','');
        data = eval( "(" + data + ")" );
        if(data.error ) {
					$('#resp').html(data.error.msg);
        } else {
					$bar.find('.inner').html(data.success.msg);
				}

      });
    } else {
      $('#resp').html('<span style="color:#FF4000">please fill in all fields.</span>');
    }
    return false;
  };


  return {
    show: function(message,delay) {
      msg = message;
    
      if(delay > 0){
        setTimeout( function() {
              _init();
            }, delay);
      } else {
        _init();
      } 
    }
  };
})();