$(document).ready(function (){

		
	$(".newsletter").click(function(){
		
			$("#request").fadeIn(200);
			var o = $(this).offset();
			
			$("#request").css({top: o.top+"px", left: (o.left+272)+"px"});
			
			$("#txt_activity").val($(this).find("b").html());
	});
	
	
$("body").append('<div id="request" style="display: none; position: absolute;  background-color: #CDCDCD; border: 1px solid #000; padding:15px; font-family:Arial, Helvetica, sans-serif; font-size: 12px">\
					 \
	<form method="get" name="oi_form" id="oi_form" action="http://track.rougemarketing.com/oi/1/1827439509aa340d433617f051d4a6c6">\
   <div> <label style="width:70px;">Email: </label><input type="text" name="email" /><br /></div>\
    <div> <label style="width:70px;">First name: </label> <input type="text" name="firstname" /><br /></div>\
    <div> <label style="width:70px;">Last name: </label> <input type="text" name="lastname" /><br /></div>\
   <div>  <label style="width:70px;">zip: </label> <input type="text" name="zip" /><br /></div>\
    <div> <input type="hidden" name="goto" value="http://www.blueberrylake.com/en/thanks.php" /><br />\
    <input type="submit" id="send" value="Join" /></div>\
</form>\
					 </div>');
	
	$("#cancel").click(function(){
		$("#request").fadeOut(200);			   
	});
	
	$('#oi_form').submit(function(){
		//console.log($("input:text", "#oi_form").filter(function() { return $(this).val() == ""; }).length);
		if($("input:text", "#oi_form").filter(function() { return $(this).val() == ""; }).length>0){
			alert("Requested fields not completed! Please complete all required fields!");
			return false;
		}
	});
			
		

});