var totalNum = 7; //the total number of sub_pic images
var rndNum = Math.floor(Math.random() * totalNum);

$(document).ready(function(){
	
	// Sub_pic randomizer
	$("#sub_pic").css("background-image","url(images/sub_pic" + rndNum  + ".jpg)");
	
	
	// Location box animation
	$(function() {
		$(".location_box").hover(function() {
			$(this).stop(true).animate({'height': '400px'});
		}, function() {
			$(this).stop(true).animate({'height': '200px'});
		});
	});
	
	//contact box animation
	$(function() {
		$(".office").click(function() {
			$("#contact_box").stop(true).animate({'height': '380px'});
		});
	});
	
	// validation
	$("#email").keyup(function(){
	var email = $("#email").val();
	if(email != 0)
	{
		if(isValidEmailAddress(email))
		{
			$("#email").css({ "background-image": "url('images/valid_yes.png')" });
		} else {
			$("#email").css({ "background-image": "url('images/valid_no.png')" });
		}
	} else {
		$("#email").css({ "background-image": "none" });
	}
	});
	
	//Email input clear
	$(".txt_input, #message").focus(function () {
	if ($(this).val() === $(this).attr("title")) {
	$(this).val("");
	}
	}).blur(function () {
	if ($(this).val() === "") {
	$(this).val($(this).attr("title"));
	}
	});
	
	//contact form submission
	$("#ajax-form").submit(function(){
		$('#ajax-form').animate({opacity: 0}, 250,
			function() {
			$(this).css('display', 'none')
			$('#ajax-message').css('display', 'block')
			.animate({opacity: 0}, 0)
			.animate({opacity: 1}, 250);
			$("#contact_box").animate({'height': '80px'});
		});
        $.post(
            "contact.php",
            $("#ajax-form").serialize(),
            function(data){
                if (data.success)
                    $("span#ajax-message").css({'font-size':'18px'});
                else
                    $("span#ajax-message").css({'color':'red'});
                $("span#ajax-message").html(data.msg);
            },
            "json"
        );
		return false;
    });
	
});

function isValidEmailAddress(emailAddress) {
	var pattern = new RegExp(/^(("[\w-\s]+")|([\w-]+(?:\.[\w-]+)*)|("[\w-\s]+")([\w-]+(?:\.[\w-]+)*))(@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$)|(@\[?((25[0-5]\.|2[0-4][0-9]\.|1[0-9]{2}\.|[0-9]{1,2}\.))((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\.){2}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\]?$)/i);
	return pattern.test(emailAddress);
}