function toggle(wrapper) {
	if ($(wrapper).hasClass("smt-wrapper-open")) {
		closeTab(wrapper);
	} else {
		openTab(wrapper);
	}	
}

function closeTab(tab) {
	$(tab).removeClass("smt-wrapper-open");
	$(tab).addClass("smt-wrapper");
}

function openTab(tab) {
	$(".smt-wrapper-open").each(function() {
		closeTab($(this));
	});

	$(tab).addClass("smt-wrapper-open");	
}	

$(function() {
	$("a#smt-button-facebook").click(function() {
		toggle( $("#smt-facebook") );
	});
	$("a#smt-button-twitter").click(function() {
		toggle( $("#smt-twitter") );
	});
	$("a#smt-button-bookmark").click(function() {
		toggle( $("#smt-bookmark") );
	});		
	
	$("a.smt-close").click(function() {
		wrapper = $(this).parent(".smt-wrapper-open");
		closeTab(wrapper);
	});	
	
	// newsletter subscribe
	var emailFieldDefaultColor = $(".smt-email").css('color');
	var emailFieldDefaultValue = $(".smt-email").val();
	
	$(".smt-email").bind("focus", function() {	
		if ($(this).val().toLowerCase() == emailFieldDefaultValue.toLowerCase()) {
			$(this).val("").css({ "color": "black" });
		} 
		$(this).css({ "background-color": "#fffb8b" });
	}).bind("blur", function() {
		$(this).css({ "background-color": "white" });
		if (!$(this).val()) {
			$(this).val("Your email address").css({ "color": emailFieldDefaultColor });
		}
	});
	
	$(".smt-submit").click(function(e) {
		e.preventDefault();
		
		var $currentEmailField = $(this).siblings(".smt-email");
		if ($currentEmailField.val().toLowerCase() == emailFieldDefaultValue.toLowerCase()) {
			$currentEmailField.val("");
		}
		$(this).parents("form").submit();
	});
});