/* Scrolling Arrows */
$(document).delegate('[data-js="bl-site-navigation-link"]', 'click', function (ev) {
    ev.preventDefault();
    if ($(this).attr('href') == "#bl-site-about-us") $('html,body').animate({
        scrollTop: $("#" + this.href.split("#")[1]).offset().top
    }, 1000, 'swing');
    else $('html,body').animate({
        scrollTop: $("#" + this.href.split("#")[1]).offset().top - 25
    }, 1000, 'swing');
});

$(document).delegate('[data-js="bl-site-back-to-top-link"]', 'click', function (ev) {
    ev.preventDefault();
    $('html,body').animate({
        scrollTop: 0
    }, 1000, 'swing');
});

/* About this Image Tooltip */
$(document).delegate('[data-js="bl-site-header-about-image-link"]', 'hover', function (ev) {
    var tipOffset = ($('.bl-site-header-about-image-content').outerHeight() + 20) * -1;
    $('.bl-site-header-about-image-content').css('top', tipOffset).fadeIn();
});

$(document).delegate('[data-js="bl-site-header-about-image-link"]', 'mouseleave', function (ev) {
    $('.bl-site-header-about-image-content').fadeOut();
});

/* Overlay */
$(document).delegate('[data-js=bl-site-contact-us-overlay-link]', 'click', function (ev) {

    var overlayXOffset = ($(window).width() / 2) - 290;
    var overlayYOffset = ($(window).height() / 2) - ($('[data-js="bl-site-contact-us-overlay"]').outerHeight() / 2);

    $('[data-js="bl-site-modal"]').css('height', $(document).height()).fadeIn();
    $('[data-js="bl-site-contact-us-overlay"]').attr('data-overlay-visible', 'true').hide().css('left', overlayXOffset).css('top', overlayYOffset).fadeIn();

    return false;

});

$(window).resize(function () {
    if ($('[data-js="bl-site-contact-us-overlay"]').attr('data-overlay-visible') === 'true') {
        $this = $(this);
        var overlayXOffset = ($this.width() / 2) - 290;
        var overlayYOffset = ($this.height() / 2) - ($('[data-js="bl-site-contact-us-overlay"]').outerHeight() / 2);

        $('[data-js="bl-site-contact-us-overlay"]').css('left', overlayXOffset).css('top', overlayYOffset);
    }
});

$(document).delegate('[data-js=bl-site-modal]', 'click', function () {

    $this = $(this);

    $this.fadeOut(function () {
        $(this).hide();
    });

    $('[data-js="bl-site-contact-us-overlay"]').attr('data-overlay-visible', 'false').fadeOut();

});

/* Case Studies */
$(document).delegate('[data-js="bl-show-project-link"]', 'click', function () {
	
	var project = $(this).attr('href');
	
	$('.bl-site-our-work-projects-container').css('height', $('.bl-site-our-work-projects-landing-container').outerHeight());
	$('.bl-site-our-work-project-details-container').css('height', $('.bl-site-our-work-projects-landing-container').outerHeight());
	$('.bl-site-our-work-projects-landing-container').css('position', 'absolute').fadeOut(function(){
		$('.bl-site-our-work-project-details-container').fadeIn();
		$('.bl-site-our-work-loading').fadeIn();	
		$('.bl-site-our-work-project').load(project, function() {
			$('.bl-site-our-work-loading').fadeOut(function(){
				$('.bl-site-our-work-project').fadeIn();
			});
		});
	});
	
	return false;
	
});

$(document).delegate('[data-js="bl-site-back-to-projects-button"]', 'click', function() {
	$('.bl-site-our-work-project-details-container').fadeOut(function(){
		$('.bl-site-our-work-projects-landing-container').fadeIn();
	});
});

/* Contact Form Submission */
$(document).delegate('[data-js="bl-site-contact-us-form"]', 'submit', function(){
	$this = $(this);
	/* Get input values */
	$vals = $this.serializeArray();
	$valid = true;
	
	
	$('[aria-required=true]', $this).each(function(){
		if ($(this).val() == '' || $(this).val() == 'Required Field'){
            if($(this).attr('name') == 'email' && !isValidEmailAddress($(this).val())){
            	$(this).val('Invalid Email');
            }else{
            	$(this).val('Required Field');
            }
            
            $valid = false;
        }
	})
	  if(!$valid){
        	/* INVALID FORM */
        	return false;
        }else{
        	$url = 'email.php?'+$(this).serialize()
			$.post($url,function(response){
				$('[data-js="bl-site-contact-us-form"]').fadeOut(function(){
					$('[data-js="bl-site-contact-us-form-submitted"]').fadeIn();	
				
				});			
			})
	    }
	
	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][\d]\.|1[\d]{2}\.|[\d]{1,2}\.))((25[0-5]|2[0-4][\d]|1[\d]{2}|[\d]{1,2})\.){2}(25[0-5]|2[0-4][\d]|1[\d]{2}|[\d]{1,2})\]?$)/i);
    return pattern.test(emailAddress);
};


/* Case Studies
$(document).delegate('[data-js="bl-show-project-link"]', 'click', function (ev) {

    var time = 0;
    
    $('.bl-site-our-work-leadoff').fadeOut();
    
    $.each($('.bl-site-our-work-list-item', '.bl-site-our-work-list'), function (i, el) {
        var element = $(el),
            pos = $(el).position();

        if (i == 0) {
            element.parent().css({
                'height': element.parent().height(),
                'width': element.parent().width()
            })
        }
        element.css({
            'top': pos.top,
            'left': pos.left
        })
    })
    
    $.each($('.bl-site-our-work-list-item', '.bl-site-our-work-list'), function (i, el) {
        var element = $(el);
        element.css({
            'position': 'absolute'
        })
        
        setTimeout(function () {
			
			$(el).fadeOut();
			
			if(i == 5) {
				setTimeout(function () {
				
					$('.bl-site-our-work-project-details-container').fadeIn();
				
					$('.bl-site-our-work').css('height', $('.bl-site-our-work').height());
					$('.bl-site-our-work-list').hide();
					$('.bl-site-our-work-project-container').fadeIn();
				}, 400)  	
			}
            
        }, time)
        
        time += 80;
   
    })
	
});

 */