var name_label = "Your Name*";
var email_label = "Your Email*";
var company_label = "Company*";

function newsletter_signup() {
	var news_control = jQuery('<div id="newsletter_signup"></div>');
	news_control.css('opacity','0');
	
	jQuery("body").append(news_control);
	jQuery("#newsletter_signup").fadeTo(500, 0.8, newsletter_show_form);
}

function newsletter_show_form() {
	var news_form = jQuery('<div id="newsletter_form"></div>');
	news_form.css('opacity','0');
	
	var news_form_int1 = jQuery('<div id="newsletter_form_int1"></div>');
	var news_form_int2 = jQuery('<div id="newsletter_form_int2"></div>');
	
	news_form_int2.html('<div id="newsletter_form_close_link"><a href="javascript:close_newsletter()">Close</a></div>');
	
	var main_form = jQuery('<div id="newsletter_submit_page"></div>');
	main_form.append('<h1>Newsletter Sign-Up</h1>');
	main_form.append('<p>Love Rule29? Love strategic design? Maybe you just need that quarterly dose of design goodness. Regardless of your reason, we\'d be happy to share each fresh edition of the Creative Matters newsletter with you each quarter. And yes, it\'s as simple as just filling out your information below.</p>');
	main_form.append(
		'<input type="text" class="nf_text" id="txtNewsletterName" name="txtNewsletterName" value="' + name_label + '" onfocus="if (this.value==\'' + name_label + '\') value=\'\'" onblur="if (this.value.length == 0) this.value=\'' + name_label + '\'" /><br />' +
		'<input type="text" class="nf_text" id="txtNewsletterEmail" name="txtNewsletterEmail" value="' + email_label + '" onfocus="if (this.value==\'' + email_label + '\') value=\'\'" onblur="if (this.value.length == 0) this.value=\'' + email_label + '\'" /><br />' +
		'<input type="text" class="nf_text" id="txtNewsletterCompany" name="txtNewsletterCompany" value="' + company_label + '" onfocus="if (this.value==\'' + company_label + '\') value=\'\'" onblur="if (this.value.length == 0) this.value=\'' + company_label + '\'" /><br />' +
		'<div class="nf_required">*Required</div>' +
		'<h1 class="newsletter_submit"><a href="javascript:newsletter_submit()">Submit</a></h1>'
	);
		
	news_form_int2.append(main_form);
	
	news_form_int1.append(news_form_int2);	
	news_form.append(news_form_int1);
	jQuery("body").append(news_form);
	jQuery("#newsletter_form_int1").corner("5px");	
	jQuery("#newsletter_form").fadeTo(500, 1.0);
}

function close_newsletter() {
	jQuery("#newsletter_form").fadeTo(500, 0, function() {
		jQuery("#newsletter_form").remove();
		jQuery("#newsletter_signup").fadeTo(500, 0, function() {
			jQuery("#newsletter_signup").remove();												 
		});
	});									  
}
function newsletter_submit() {
	var name = jQuery("#txtNewsletterName");
	var email = jQuery("#txtNewsletterEmail");
	var company = jQuery("#txtNewsletterCompany");
	
	if (name.val() == name_label || name.val() == '') {
		alert("Please fill in your name.");
		name.focus();
		return;
	} else if (email.val() == email_label || email.val() == '') {
		alert("Please fill in your email.");
		email.focus();
		return;
	} else if (company.val() == company_label || company.val() == '') {
		alert("Please fill in your company.");
		company.focus();
		return;
	}
	
	
	ajax_submit_newsletter(name.val(), email.val(), company.val());
}

function ajax_submit_newsletter(str_name, str_email, str_company) {
	var path = "http://www.rule29.com.php5-11.dfw1-1.websitetestlink.com/"; jQuery("#emailsignup_path").val();
	var str_mid = "48";

	var ajax_url = path + "/modules/mod_emailsignup/ajax/ajax.php";
	
	jQuery.post(ajax_url, { mid: str_mid, name: str_name, email: str_email, company: str_company }, newsletter_show_confirmation);	
}

function newsletter_show_confirmation() {
	jQuery("#newsletter_submit_page").fadeTo(500, 0, function() {
		jQuery("#newsletter_submit_page").remove();
		
		var conf_page = jQuery('<div id="newsletter_submit_page"></div>');
		conf_page.append('<br /><br /><br /><h1>Thanks for Signing Up</h1>');
		conf_page.append('<p>You should receive a confirmation email shortly. After that, every so often we\'ll share some of our latest work and news with you.</p>');
		conf_page.append('<p>But don\'t worry, we\'ll never share your information with anyone. Ever.</p>');
		conf_page.append('<p><a href="javascript:close_newsletter()">Get back to checking out the web site</a></p>');
		conf_page.css('opacity','0');
		
		jQuery("#newsletter_form_int2").append(conf_page);
		jQuery("#newsletter_submit_page").fadeTo(500, 1);
	});
}


function link_popup(url) {
	var popup_control = jQuery('<div id="link_popup"></div>');
	popup_control.css('opacity','0');
	
	jQuery("body").append(popup_control);
	jQuery("#link_popup").fadeTo(500, 0.8, link_popup_show(url));
	return false;
}

function link_popup_show(url) {
	var interior = jQuery('<div id="link_popup_interior"></div>');
	interior.css('opacity','0');
	
	var interior_top = jQuery('<div id="link_popup_top"></div>');
	var interior_body = jQuery('<div id="link_popup_body"></div>');
	
	interior_top.html('<a href="' + url + '" target="_blank">View Website</a><a href="javascript:close_popup()">Close</a>');
	
	interior_body.html('<iframe src="' + url + '"></iframe>');

	interior.append(interior_top);
	interior.append(interior_body);
	jQuery("body").append(interior);
	jQuery("#link_popup_interior").fadeTo(500, 1.0);
}

function close_popup() {
	jQuery("#link_popup_interior").fadeTo(500, 0, function() {
		jQuery("#link_popup_interior").remove();
		jQuery("#link_popup").fadeTo(500, 0, function() {
			jQuery("#link_popup").remove();												 
		});
	});									  
}