(function($){ 
$.fn.fishbowl = function(options) {  

	//set up default parameters
	var defaults = {
		mainbgpath: 'http://www.leye.com/fishbowl/images/bg-fishbowl01.png', //main bg -> 1px x 1px transparent png
		formbgcss: '#000000', //css rule for form background - no punctuation (":" & ";") required
		labelcolor: '#ffffff', //color for feild labels
		inputbgcss: '#dddddd', //css rule for input field background
		inputcolor: '#333333', //off focus txt color
		inputbgonfocus: '#ffffff', //input onfocus bg
		inputcoloronfocus: '#000000', //input onfocus color
		inputbgonfail: '#ff0000', //input onfail bg
		inputcoloronfail: '#ffffff', //input onfail color
		submitbg: '#dddddd', // submit bg color
		submitcolor: '#333333', //submit txt color
		submitbgonfocus: '#ffffff', //submit onhover bg color
		submitcoloronfocus: '#000000', //submit onhover txt color
		btncloseimg: '', //a sprite -> 17px x 17px
		txtcopy: 'Sign Up for Our Email Newsletter.', //copy to display up top
		extrastores: false, //sign up options for extra stores - default is false
		extrastorefields: '', // for example -> <input name="ListID" id="36507222046" value="36507222046" type="checkbox"><label>RJ Grunts</label>
		thankyoutxt: 'Thanks for Signing Up!',
		
		automessage_fromline: 'EmailSignUp',
		automessage_fromaddress: 'EmailSignUp',
		SiteGUID: '628ba38e-1b3b-40fb-a930-ba4fa1764c10',
		ListID: '36507222135',
		posturl: 'http://hub51chicago.fbmta.com/members/subscribe.aspx'
	};
	var options = $.extend(defaults, options);
		
	return this.each(function() {
	
		//build out the form
		$('#fish_cont').html('<link rel="stylesheet" href="http://www.leye.com/fishbowl/jquery.fishbowl.css"><style>#fish_cont { background-image: url('+options.mainbgpath+'); } .fish_close { background-image: url('+options.btncloseimg+'); }  #fish_cont p { color:'+options.labelcolor+'; } form#mailinglist { background:'+options.formbgcss+'; } form#mailinglist label { color:'+options.labelcolor+'; } form#mailinglist input { background:'+options.inputbgcss+'; color:'+options.inputcolor+';} form#mailinglist input.fish_onfocus {background:'+options.inputbgonfocus+'; color:'+options.inputcoloronfocus+';} form#mailinglist input.fish_onfail {background:'+options.inputbgonfail+'; color:'+options.inputcoloronfail+';} form#mailinglist .btn_submit_fish:hover { background: '+options.submitbgonfocus+'; color: '+options.submitcoloronfocus+'; } form#mailinglist .btn_submit_fish, form#mailinglist .btn_submit_fish:active { background: '+options.submitbg+'; color: '+options.submitcolor+';} #dl_fish_State dd ul, #dl_Birth_month dd ul, #dl_Birth_day dd ul { border-color: '+options.formbgcss+'; background: '+options.inputbgcss+'; } #dl_fish_State dd ul li, #dl_Birth_month dd ul li, #dl_Birth_day dd ul li { background: '+options.inputbgcss+'; color: '+options.inputcolor+';} #dl_fish_State dd ul li:hover, #dl_Birth_month dd ul li:hover, #dl_Birth_day dd ul li:hover { background: '+options.inputbgonfocus+'; color: '+options.inputcoloronfocus+';}</style><form name="mailinglist" id="mailinglist"><div class="fish_close" title="Close"></div><div id="fish_cont2"><p>'+options.txtcopy+'</p><div style="clear: both;"></div><div class="left"><label for="textfield">First Name:*</label><input class="fish_text " type="text" name="FirstName" id="textfield" /><label for="textfield2">Last Name:*</label><input class="fish_text " type="text" name="LastName" id="textfield2" /><label for="EmailAddress">Email Address:*</label><input class="fish_text " type="text" name="EmailAddress" id="EmailAddress" value="" size="30" maxlength="200"><div class="clearfix"></div><label for="Birth_month">Birthday (mm/dd):</label><div style="clear: both;"></div><dl id="dl_Birth_month" class="d_small"><dt><input class="fish_text fish_small" name="Birth_month" id="Birth_month" type="text" value="" size="2" /></dt><dd><ul><li>01</li><li>02</li><li>03</li><li>04</li><li>05</li><li>06</li><li>07</li><li>08</li><li>09</li><li>10</li><li>11</li><li>12</li></ul></dd></dl><dl id="dl_Birth_day" class="d_small"><dt><input class="fish_text fish_small" name="Birth_day" id="Birth_day" type="text" value="" size="2" /></dt><dd><ul><li>01</li><li>02</li><li>03</li><li>04</li><li>05</li><li>06</li><li>07</li><li>08</li><li>09</li><li>10</li><li>11</li><li>12</li><li>13</li><li>14</li><li>15</li><li>16</li><li>17</li><li>18</li><li>19</li><li>20</li><li>21</li><li>22</li><li>23</li><li>24</li><li>25</li><li>26</li><li>27</li><li>28</li><li>29</li><li>30</li><li>31</li></ul></dd></dl></div><div class="right"><label for="textfield4">Address:</label><input class="fish_text " type="text" name="Addressline1" id="textfield4" /><label for="textfield6">City:</label><input class="fish_text " type="text" name="city" id="textfield6" /><label for="State">State:</label><dl id="dl_fish_State" class="fish_dropdown"><dt><input class="fish_text" type="text" name="State" id="State" value=""></dt><dd><ul><li value="AL">Alabama</li><li value="AK">Alaska</li><li value="AZ">Arizona</li><li value="AR">Arkansas</li><li value="CA">California</li><li value="CO">Colorado</li><li value="CT">Connecticut</li><li value="DC">District of Columbia</li><li value="DE">Delaware</li><li value="FL">Florida</li><li value="GA">Georgia</li><li value="HI">Hawaii</li><li value="IA">Iowa</li><li value="ID">Idaho</li><li value="IL">Illinois</li><li value="IN">Indiana</li><li value="KS">Kansas</li><li value="KY">Kentucky</li><li value="LA">Louisiana</li><li value="MA">Maine</li><li value="MD">Maryland</li><li value="ME">Massachusetts</li><li value="MI">Michigan</li><li value="MN">Minnesota</li><li value="MS">Mississippi</li><li value="MO">Missouri</li><li value="MT">Montana</li><li value="NE">Nebraska</li><li value="NV">Nevada</li><li value="NH">New Hampshire</li><li value="NJ">New Jersey</li><li value="NM">New Mexico</li><li value="NY">New York</li><li value="NC">North Carolina</li><li value="ND">North Dakota</li><li value="OH">Ohio</li><li value="OK">Oklahoma</li><li value="OR">Oregon</li><li value="PA">Pennsylvania</li><li value="RI">Rhode Island</li><li value="SC">South Carolina</li><li value="SD">South Dakota</li><li value="TN">Tennessee</li><li value="TX">Texas</li><li value="UT">Utah</li><li value="VT">Vermont</li><li value="VA">Virginia</li><li value="WA">Washington</li><li value="WV">West Virginia</li><li value="WI">Wisconsin</li><li value="WY">Wyoming</li><li value="N/A">Not Applicable</li></ul></dd></dl><label for="textfield23">Zip Code:*</label><input class="fish_text " name="zip" type="text" id="textfield23" size="8" class="zip" /></div><div class="clearfix"></div><div id="extrastores"></div><div style="clear: both;"></div><div name="Submit" type="submit" class="btn_submit_fish" title="Sign Me Up!" value="">GO</div></div></form>');
		
		//if extra stores checkboxes present
		if(options.extrastores == true) {
			$('#extrastores').html('<p style="margin: 20px 0px 10px 0px; width: 292px; float: left; clear: none;">I Would Also Like To Recieve Emails From:</p><div id="fish_extrastorefields">'+options.extrastorefields+'</div>');
		}
		
		//close functionality
		$('.fish_close').click(function() {
			$('#fish_cont').fadeOut(200);
		});
		
		//get height content height
		var theheight = ($('#fish_cont2').height() - 1665) + 'px';
		//on from btn click
		$('#fishbowl').click(function() {
			//alert('fishbowl click');
			$('#fish_cont').fadeIn(200);
			
		});
		
		//classes for input fields
		$('.fish_text').focus(function(){
			$(this).addClass("fish_onfocus");
			$(this).removeClass("fish_onfail");
		});
		$('.fish_text').blur(function(){
			$(this).removeClass("fish_onfocus");
		});
		
		//dropdown month
		$("#dl_Birth_month dt").click(function() {
			$("#dl_Birth_month dd ul").toggle();
		});
		$("#dl_Birth_month dd ul li").click(function() {
			var text = $(this).html();
			document.forms['mailinglist'].elements['Birth_month'].value = text;
			$("#dl_Birth_month dd ul").hide();
		});
		$("#dl_Birth_month dd ul dd ul").mouseleave(function() {
        	$("#dl_Birth_month dd ul").hide();
    	});
		
		//dropdown day
		$("#dl_Birth_day dt").click(function() {
			$("#dl_Birth_day dd ul").toggle();
		});
		$("#dl_Birth_day dd ul li").click(function() {
			var text = $(this).html();
			document.forms['mailinglist'].elements['Birth_day'].value = text;
			$("#dl_Birth_day dd ul").hide();
		});
		$("#dl_fish_State dd ul dd ul").mouseleave(function() {
        	$("#dl_fish_State dd ul").hide();
    	});
		
		//dropdown state
		$("#dl_fish_State dt").click(function() {
			$("#dl_fish_State dd ul").toggle();
		});
		$("#dl_fish_State dd ul li").click(function() {
			var text = $(this).html();
			document.forms['mailinglist'].elements['State'].value = text;
			$("#dl_fish_State dd ul").hide();
		});
		$("#dl_fish_State dd ul dd ul").mouseleave(function() {
        	$("#dl_fish_State dd ul").hide();
    	});
		
		//te's do some validation onclick
		$(".btn_submit_fish").click(function() {
			//first, let's set our required feild variables
			//first name, last name, email
			var textfield = $("input#textfield").val();
			var textfield2 = $("input#textfield2").val();
			var EmailAddress = $("input#EmailAddress").val();
			
			//birthday
			var Birth_day = $("input#Birth_day").val();
			var Birth_month = $("input#Birth_month").val();
			var Birth_year = '66';
			var Birthdate = Birth_month+'/'+Birth_day+'/'+Birth_year;
			
			//address, city, state, zip
			var textfield4 = $("input#textfield4").val();
			var textfield6 = $("input#textfield6").val();
			var State = $("input#State").val();
			var textfield23 = $("input#textfield23").val();
			
			var SiteGUID = options.SiteGUID;
			var ListID = options.ListID;
			var postTo = options.posturl;
			
			//if extra stores checkboxes present, we'll need some extra vars
			if(options.extrastores == true) {
				var extraListIDs = "&ListID=";
				for (var i=0; i < document.forms['mailinglist'].store.length; i++) {
					if (document.forms['mailinglist'].store[i].checked) {
						extraListIDs = extraListIDs + document.forms['mailinglist'].store[i].value + "&ListID=";
					}
				}
				//consturct ListID string
				var ListID = extraListIDs + options.ListID;
			} else {
				//otherwise, consturct simple ListID string
				var ListID = '&ListID=' + options.ListID;
			}
			
			
			//now, let's validate
			//we need some extra variables for email validation
			var at = "@";
			var dot = ".";
			
			//if empty field then add class="fish_onfail"
			if (textfield == "") { $("input#textfield").addClass("fish_onfail"); }
			if (textfield2 == "") { $("input#textfield2").addClass("fish_onfail"); }
			if (EmailAddress == "" || EmailAddress.indexOf(at)==-1 || EmailAddress.indexOf(dot)==-1) { $("input#EmailAddress").addClass("fish_onfail"); }
			//if (Birth_day == "" || isNaN(Birth_day) ) { $("input#Birth_day").addClass("fish_onfail"); }
			//if (Birth_month == "" || isNaN(Birth_month) ) { $("input#Birth_month").addClass("fish_onfail"); }
			//if (Birth_year == "" || isNaN(Birth_year) ) { $("input#Birth_year").addClass("fish_onfail"); }
			//if (textfield4 == "") { $("input#textfield4").addClass("fish_onfail"); }
			//if (textfield6 == "") { $("input#textfield6").addClass("fish_onfail"); }
			//if (State == "") { $("input#State").addClass("fish_onfail"); }
			if (textfield23 == "") { $("input#textfield23").addClass("fish_onfail"); }
			
			//if something is missing, don't process the form
			if (textfield == "" || textfield2 == "" || EmailAddress == "" || EmailAddress.indexOf(at)==-1 || EmailAddress.indexOf(dot)==-1 || textfield23 == "") {
				//$("label#fish_submit_error").show();
				return false;
			}
			
			//store our post content into a var
			var dataString = 'FirstName='+ textfield + '&LastName='+ textfield2 + '&EmailAddress=' + EmailAddress + '&Birthdate=' + Birthdate + '&Addressline1='+ textfield4 + '&city='+ textfield6 + '&State=' + State + '&zip='+ textfield23 + '&SiteGUID=' + SiteGUID + ListID + '&Action=subscribe' + '&automessage_fromline=' + options.automessage_fromline + '&automessage_fromaddress=' + options.automessage_fromaddress;
			//alert(dataString);
			
			$.ajax({
				type: "POST",
				url: postTo,
				data: dataString
			});
			$('#fish_cont2').html('<div style="height:'+theheight+'; display: block;"><p>'+options.thankyoutxt+'</p></div>').hide().fadeIn(1000, function() {
				$('#fish_cont2');
				$('#fish_cont').delay(1000).fadeOut(1000);
			});
			return false;
		
		});
		
   }); 
};
})(jQuery);


			//var dataString = 'FirstName='+ textfield + '&textfield2='+ textfield2 + '&EmailAddress=' + EmailAddress + '&Birth_day=' + Birth_day + '&Birth_month=' + Birth_month + '&Birth_year=' + Birth_year + '&textfield4='+ textfield4 + '&textfield6='+ textfield6 + '&State=' + State + '&textfield23='+ textfield23 + '&SiteGUID=' + SiteGUID + '&ListID=' + ListID + '&Action=subscribe';

/*		$(document.body).append('<div id="fish_cont"><form name="mailinglist" id="mailinglist" action="'+options.posturl+'" method="post"><p>'+options.txtcopy+'</p><div style="clear: both;"></div><div class="left"><label for="textfield">First Name:</label><input class="fish_text " type="text" name="FirstName" id="textfield" /><label for="textfield2">Last Name:</label><input class="fish_text " type="text" name="LastName" id="textfield2" /><label for="EmailAddress">Email Address:</label><input class="fish_text " type="text" name="EmailAddress" id="EmailAddress" value="" size="30" maxlength="200"><div class="clearfix"></div><label for="Birth_day">Birthday <span>(mm/dd/yyyy)</span>:</label><div style="clear: both;"></div><input class="fish_text fish_small" name="Birth_day" id="Birth_day" type="text" value="" size="2" /><input class="fish_text fish_small" name="Birth_month" id="Birth_month" type="text" value="" size="2" /><input class="fish_text fish_small" name="Birth_year" id="Birth_year" type="text" value="" size="4" style="margin-right: 0px;" /></div><div class="right"><label for="textfield4">Address:</label><input class="fish_text " type="text" name="Addressline1" id="textfield4" /><label for="textfield6">City:</label><input class="fish_text " type="text" name="city" id="textfield6" /><label for="State">State:</label><dl id="dl_fish_State" class="fish_dropdown"><dt><input class="fish_text" type="text" name="State" id="State" value=""></dt><dd><ul><li value="AL">Alabama</li><li value="AK">Alaska</li><li value="AZ">Arizona</li><li value="AR">Arkansas</li><li value="CA">California</li><li value="CO">Colorado</li><li value="CT">Connecticut</li><li value="DC">District of Columbia</li><li value="DE">Delaware</li><li value="FL">Florida</li><li value="GA">Georgia</li><li value="HI">Hawaii</li><li value="IA">Iowa</li><li value="ID">Idaho</li><li value="IL">Illinois</li><li value="IN">Indiana</li><li value="KS">Kansas</li><li value="KY">Kentucky</li><li value="LA">Louisiana</li><li value="MA">Maine</li><li value="MD">Maryland</li><li value="ME">Massachusetts</li><li value="MI">Michigan</li><li value="MN">Minnesota</li><li value="MS">Mississippi</li><li value="MO">Missouri</li><li value="MT">Montana</li><li value="NE">Nebraska</li><li value="NV">Nevada</li><li value="NH">New Hampshire</li><li value="NJ">New Jersey</li><li value="NM">New Mexico</li><li value="NY">New York</li><li value="NC">North Carolina</li><li value="ND">North Dakota</li><li value="OH">Ohio</li><li value="OK">Oklahoma</li><li value="OR">Oregon</li><li value="PA">Pennsylvania</li><li value="RI">Rhode Island</li><li value="SC">South Carolina</li><li value="SD">South Dakota</li><li value="TN">Tennessee</li><li value="TX">Texas</li><li value="UT">Utah</li><li value="VT">Vermont</li><li value="VA">Virginia</li><li value="WA">Washington</li><li value="WV">West Virginia</li><li value="WI">Wisconsin</li><li value="WY">Wyoming</li><li value="N/A">Not Applicable</li></ul></dd></dl><label for="textfield23">Zip Code:</label><input class="fish_text " name="zip" type="text" id="textfield23" size="8" class="zip" /></div><div class="clearfix"></div><input type="hidden" name="ListID" value="36507222135"><input type="hidden" name="SiteGUID" value="628ba38e-1b3b-40fb-a930-ba4fa1764c10"><input type="hidden" name="ReturnURL" value="http://parisclubchicago.com/mailinglist/thankyou.html"><input type="hidden" name="SuppressConfirmation" value="no"><input type="hidden" name="Action" value="subscribe"><input type="hidden"  name="automessage_fromline" value="Hub 51"><input type="hidden"  name="automessage_fromaddress" value="Hub51"><div id="extrastores"></div><div style="clear: both;"></div><div name="Submit" type="submit" class="btn_submit_fish" title="Sign Me Up!" value="">GO</div></form></div>');
*/