var signup = false;
function toggleSub(link,id,speed) {
	$("#" +id).slideToggle(speed);
		if ($("#" + link).hasClass('sactive')) {
			$("#" + link).removeClass('sactive');
		} else {
			$("#" + link).addClass('sactive');
		}
}


function thanks() {
	$("#contact_form_wrap").slideUp(function() {
		$("#thanks").fadeIn();
	});
}


function toggleSignup() {
	if (!signup) {
			$("#signup").animate({top:'-100px'},800,'easeInOutBack',function() {
				signup = true;
			});
			$("#wrap").fadeTo(800,0.2);

		} else {
			$("#signup").animate({top:'-531px'},800,'easeInOutBack',function() {
				signup = false;
			});
			$("#wrap").fadeTo(800,1);

		}
}

function closeSignup() {
	$("#signup").animate({top:'-531px'},800,'easeInOutBack',function() {
				signup = false;
			});
			$("#wrap").fadeTo(800,1);
}

function resetSignup() {
	$("#signup_name").val('Full Name').addClass('superlight');
	$("#signup_email").val('Email Address').addClass('superlight');
	$("#art_class_updates").val('no');
	$("#signup_checkbox").attr('src','images/checkbox_off.png');
	
}


function resetContact() {
	$("#contact_name").val('your name').addClass('superlight');
	$("#contact_email").val('your email').addClass('superlight');
	$("#contact_message").val('your message').addClass('superlight');
	
}

$(function() {
	$("#link_paintings").click(function(e) { e.preventDefault(); toggleSub(this.id,'painting_submenu',400); });
	$("#link_information").click(function(e) { e.preventDefault(); toggleSub(this.id,'information_submenu',400); });
	$("#signup_toggle").click(function() {
		toggleSignup();
	});
	
	
	$("input.label,textarea.label").focus(function() {
		$(this).removeClass('error');
		var default_value = $(this).attr('title');
		var actual_value = $(this).val();
		if (default_value == actual_value) {
			$(this).val('').removeClass('superlight');
		}
	}).blur(function() {
		var default_value = $(this).attr('title');
		var actual_value = $(this).val();
		if (actual_value == '' || actual_value == default_value) {
			$(this).val(default_value).addClass('superlight');
		}
	});
	
	
	$("#signup_checkbox").click(function() {
		if ($(this).attr('src') =='images/checkbox_on.png') {
			$(this).attr('src','images/checkbox_off.png');
			$("#art_class_updates").val('no');
		} else {
			$(this).attr('src','images/checkbox_on.png');
			$("#art_class_updates").val('yes');
		}
	});
	
	
	$("#subscribe_button").hover(function() {
		$(this).attr('src','images/subscribe_hover.png');
	}, function() {
		$(this).attr('src','images/subscribe.png');
	}).click(function() {
		var name = $("#signup_name");
		var email = $("#signup_email");
		if (name.val() == '' || name.val() == 'Full Name') {
			name.addClass('error');
			return false;
		}
		
		if (email.val() == '' || email.val() == 'Email Address') {
			email.addClass('error');
			return false;
		}
		var form = $("#signup_form").serialize();
		$.post("inc/ajax_signup.php",form,function(d) {
			toggleSignup();
			setTimeout(function() { resetSignup(); },1000);
		});
	});
	
	
	$("#send_button").hover(function() {
		$(this).attr('src','images/send_hover.png');
	}, function() {
		$(this).attr('src','images/send.png');
	}).click(function() {
		var name = $("#contact_name");
		var email = $("#contact_email");
		var message = $("#contact_message");
		if (name.val() == '' || name.val() == 'your name') {
			name.addClass('error');
			return false;
		}
		
		if (email.val() == '' || email.val() == 'your email') {
			email.addClass('error');
			return false;
		}
		
		if (message.val() == '' || message.val() == 'your message') {
			message.addClass('error');
			return false;
		}
		var form = $("#contact_form").serialize();
		$.post("inc/ajax_contact.php",form,function(d) {
			thanks();
		});
	});
	
	
	$("#signup").click(function(e){
		e.stopPropagation();
	});
	
	$("body").click(function() {
		
		closeSignup();
		
	});
	//reset the signup form
	resetSignup();
	
	//reset the contact form
	resetContact();
});