//--------------------------------------------------
// Author: Chris Lock
// Copyright (c) 2009
//--------------------------------------------------

//--------------------------------------------------
// VARIABLES
//--------------------------------------------------
var bgRatio = 1.6;
	
var minWidth = 1020;

var bgWidth = 1020;
var bgHeight = 638;


//--------------------------------------------------
// LOGO
//--------------------------------------------------
function logo() {
	$('h1#logo a').addClass('one');
	
	$('h1#logo a').mouseout( function() {
		if( $(this).hasClass('one') ) {
			$(this).removeClass('one').addClass('two');
		}
		
		else if( $(this).hasClass('two') ) {
			$(this).removeClass('two').addClass('three');
		}
		
		else if( $(this).hasClass('three') ) {
			$(this).removeClass('three').addClass('four');
		}
		
		else if( $(this).hasClass('four') ) {
			$(this).removeClass('four').addClass('five');
		}
		
		else if( $(this).hasClass('five') ) {
			$(this).removeClass('five').addClass('one');
		}
	});
}


//--------------------------------------------------
// FADE BACKGROUND FUNCTION
//--------------------------------------------------
function fadeBg() {
	$('img#resize').load( function() {
		$('div#bg').fadeIn(1000);
	});
}


//--------------------------------------------------
// SHOW BACKGROUND FUNCTION
//--------------------------------------------------
function showBg() {
	$('img#resize').load( function() {
		$('div#bg').show();
	});
}


//--------------------------------------------------
// ADD BACKGROUND FUNCTION
//--------------------------------------------------
function addBg() {
	var imageNumbers = 3;
	var num = Math.floor(Math.random()*imageNumbers);
	$('div#bg').append('<img id="resize" src="' + themeTemplate + '/images/backgrounds/0'+num+'.jpg" />');
}


//--------------------------------------------------
// RESIZE FUNCTION
//--------------------------------------------------
function resize() {
	var winWidth = $(window).width();
	var winHeight = $(window).height();
	
	if ( winHeight < bgHeight ) {
		if ( winWidth < minWidth ) {
			$('img#resize').css('width', bgWidth).css('height', bgHeight).css('left', (minWidth-bgWidth)/2);
		}
		
		else {
			if ( winWidth > bgWidth ) {
				$('img#resize').css('width', winWidth).css('height', (winWidth/bgRatio)).css('left', 0);
			}
			
			else {
				$('img#resize').css('width', bgWidth).css('height', bgHeight).css('left', (winWidth-bgWidth)/2);
			}
		}
	}
	
	else {
		if ( winWidth < minWidth ) {
			var newWidth = ( winHeight*bgRatio );
			
			$('img#resize').css('width', newWidth).css('height', winHeight).css('left', (minWidth-newWidth)/2);
		}
		
		else {
			if ( (winWidth/winHeight) > bgRatio ) {
				$('img#resize').css('width', winWidth).css('height', (winWidth/bgRatio)).css('left', 0);
			}
			
			else {
				var newWidth = ( winHeight*bgRatio );
				
				$('img#resize').css('width', newWidth).css('height', winHeight).css('left', (winWidth-newWidth)/2);
			}
		}
	}
}


//--------------------------------------------------
// EMAIL
//--------------------------------------------------
function email() {
    $('#contact_form').submit( function () {
        $('#contact_form .form_input_error').removeClass('form_input_error').addClass('form_input');
		$('#contact_form .form_text_error').removeClass('form_text_error').addClass('form_text');
		$('#contact_form .form_error').empty();
        $('#contact_form #form_submit').removeClass('enabled').addClass('disabled').attr('value', 'SENDING').attr('disabled', 'disabled').blur();
		
        $.post('email/ajax.php', {
            contact_name: $('#contact_name').val(),
            contact_email: $('#contact_email').val(),
            contact_content: $('#contact_content').val()
        }, function (contact) {
            if ( contact.error == 'true' ) {
                if ( !contact.error_ajax_content == '' ) {
                    $('#contact_' + contact.error_ajax_content + ':input').removeClass('form_text').addClass('form_text_error');
                }
				
                if ( !contact.error_ajax_email == '' ) {
                    $('#contact_' + contact.error_ajax_email + ':input').removeClass('form_input').addClass('form_input_error');
                }
				
                if ( contact.valid == 'false' ) {
					$('#contact_email:input').val('');
				}
				
                if ( !contact.error_ajax_name == '' ) {
                    $('#contact_' + contact.error_ajax_name + ':input').removeClass('form_input').addClass('form_input_error');
                }
				
				$('#contact_form .form_error').append(contact.contact_message + contact.email_message);
                $('#contact_form #form_submit').removeClass('disabled').addClass('enabled').attr('value', 'SEND').show().removeAttr('disabled');
            }
            
			if ( contact.error == 'false' ) {
				$('#contact_form .form_error').append(contact.contact_message);
				$('#contact_form #form_submit').fadeOut(1000, function () {
					setTimeout( function () {
						$('#contact_form .form_input_error').removeClass('form_input_error').addClass('form_input');
						$('#contact_form .input_label_error').removeClass('input_label_error').addClass('input_label');
						$('#contact_form .form_input, #contact_form .form_text').val('');
						$('#contact_form .form_error').empty();
						$('#contact_form #form_submit').removeClass('disabled').addClass('enabled').attr('value', 'SEND').fadeIn(1000).removeAttr('disabled');
					}, 1000)
				});
			}
		}, 'json');
        return false
    });
}


//--------------------------------------------------
// START
//--------------------------------------------------
$(document).ready( function() {
	if ( $('div#bg').css('display') == 'none' ) {
		logo();
		addBg();
		showBg();
		resize();
		email();


//--------------------------------------------------
// RESIZE
//--------------------------------------------------
		$(window).bind('resize', function(){ 
			resize();
		});
		
		$(".apply_now").live("click", function(e) {
			e.preventDefault();
			$("#contact-form").slideDown();
			$("#contact-position").val($(this).parent().find(".title").text());
      		$('html,body').animate({scrollTop: $("#contact-form").offset().top},'slow');
		});
	}
	
	$('#statement').click(function() {
		$('#black_out').fadeIn();
		$('#statement_of_faith').fadeIn();
	});
	
	$('#black_out, #close_statement').click(function() {
		$('#black_out').fadeOut();
		$('#statement_of_faith').fadeOut();
	});
});


