$(function(){
	$('.preview_image_1').show();

	$('.thumb_1').hover(function(){ previewSwitch(1) });
	$('.thumb_2').hover(function(){ previewSwitch(2) });
	$('.thumb_3').hover(function(){ previewSwitch(3) });
	$('.thumb_4').hover(function(){ previewSwitch(4) });
	$('.thumb_5').hover(function(){ previewSwitch(5) });
	
	function previewSwitch(thumb){
		switch(thumb) {
			case 1:
				$('.preview_image_1').show();
				$('.preview_image_2').hide();
				$('.preview_image_3').hide();
				$('.preview_image_4').hide();
				$('.preview_image_5').hide();
				break;
			case 2:
				$('.preview_image_1').hide();
				$('.preview_image_2').show();
				$('.preview_image_3').hide();
				$('.preview_image_4').hide();
				$('.preview_image_5').hide();
				break;
			case 3:
				$('.preview_image_1').hide();
				$('.preview_image_2').hide();
				$('.preview_image_3').show();
				$('.preview_image_4').hide();
				$('.preview_image_5').hide();
				break;
			case 4:
				$('.preview_image_1').hide();
				$('.preview_image_2').hide();
				$('.preview_image_3').hide();
				$('.preview_image_4').show();
				$('.preview_image_5').hide();
				break;
			case 5:
				$('.preview_image_1').hide();
				$('.preview_image_2').hide();
				$('.preview_image_3').hide();
				$('.preview_image_4').hide();
				$('.preview_image_5').show();
				break;
		}
	};
	
	// Forgot Password Show Box
	$('a.btn_forgot').toggle(
		function() {
			$('.forgot_pass').slideDown('fast');	
			$('.error_msg').hide();
			$('#form_login').find('input').removeClass('error_input');
		},
		function() {
			$('.forgot_pass').slideUp('fast');
			$('.error_msg').hide();
			$('#form_login').find('input').removeClass('error_input');
		}
	);
	
	// LOGIN SENT
	$('.btn_get_pass').click(function() {
		$('.login_sent').fadeIn('slow');
	});
	
	// ERROR
	$('.btn_login').click(function() {
		$('.error_msg').fadeIn('fast');
		$('#form_login').find('input').addClass('error_input');
	});
	
	// FORM VALIDATION
	$('#form_contact a.btn').click(function() {
		var iName = $('#form_contact input[name=name]');
		var iEmail = $('#form_contact input[name=email]');
		var iMsg = $('#form_contact textarea[name=msg]');
		var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
		
		if ( iName.val() == "" || iEmail.val() == "" || iMsg.val() == "" || !emailReg.test( iEmail.val() )) {
			$('.error_msg').fadeIn('fast');
			
			// Validate Name Field
			if( iName.val() == "" ) {
				iName.addClass('error_input');
				return false;
			} else {
				iName.removeClass('error_input');
			}
			
			// Validate Email Field
			if( iEmail.val() == "" ) {
				iEmail.addClass('error_input');
				return false;
			} else {
				iEmail.removeClass('error_input');
			}
			
			if( !emailReg.test( iEmail.val() ) ) {
				iEmail.addClass('error_input');
				$('.error_msg').text('You have entered an invalid email address (example: example@example.com)');
				return false;
			} else {
				iEmail.removeClass('error_input');
			}
			
			// Validate Message Field
			if( iMsg.val() == "" ) {
				iMsg.addClass('error_input');
				return false;
			} else {
				iMsg.removeClass('error_input');
			}
		} else {
			$('.error_msg').fadeOut('fast');
			iName.removeClass('error_input');
			iEmail.removeClass('error_input');
			iMsg.removeClass('error_input');
		
			var postData = {
				name: iName.val(),
				email: iEmail.val(),
				message: iMsg.val()
			}
			
			$.ajax({
                type: 'post',
                url: 'bin/process.php',
                data: postData,
                success: function(data, status) {
					if(1 == data) {
						$('#form_contact').hide();
						$('.contact_success').fadeIn('fast');
						iName.val('');
						iEmail.val('');
						iMsg.val('');
					} else {
						var $errorMsg = $('.error_msg');
						$errorMsg.text('An error occurred while sending the message. Please try again later.');
						$errorMsg.fadeIn('fast');
					}
                }
            });
		}
	});
	
	// AJAX SUBMIT
	$('.contact_success .btn').click(function() {
		$('.contact_success').hide();
		$('#form_contact').fadeIn('fast');
	});
});