$(document).ready(function(){
	
	var active = $('#jobs_1');
	var active_header = $('#jobs h2#1');
	
	$('#jobs_2').hide();
	$('#jobs_3').hide();
	
	$('#jobs h2#1').click( function() {
		active.hide('slow');
		active_header.removeClass('active');
		$(this).addClass('active');
		$('#jobs_1').slideToggle();
		active = $('#jobs_1');
		active_header = $('#jobs h2#1');
	});
	
	$('#jobs h2#2').click( function() {
		active.hide('slow');
		active_header.removeClass('active');
		$(this).addClass('active');
		$('#jobs_2').slideToggle();
		active = $('#jobs_2');
		active_header = $('#jobs h2#2');
	});
	
	$('#jobs h2#3').click( function() {
		active.hide('slow');
		active_header.removeClass('active');
		$(this).addClass('active');
		$('#jobs_3').slideToggle();
		active = $('#jobs_3');
		active_header = $('#jobs h2#3');
	});

	
	$("#submit_btn").click(function(){
						   				   
		event.preventDefault();
		
		$(this).hide();
		
		var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
		var message = "<p class='message success'>Thanks, I'll be in touch.</p>";
		var hasError = false;
		
		var nameVal = $("#name").val();
		
		if(nameVal == '') {
			message = '<p class="error">You forgot to enter your name.</p>';
			hasError = true;
		}
		
		var emailFromVal = $("#email").val();
		
		if(emailFromVal == '') {
			message = '<p class="error">You forgot to enter the email address to send from.</p>';
			hasError = true;
		}
		
		if(reg.test(emailFromVal) == false) {
			message = '<p class="error">Invalid e-mail address.</p>';
			hasError = true;
		}

		var phoneVal = $("#phone").val();
  		
  		if(phoneVal == '') {
			message = '<p class="error">You forgot to enter your phone number.</p>';
			hasError = true;
		}

		var messageVal = $("#message").val();
		
		if(messageVal == '') {
			message = '<p class="error">You forgot to enter the message.</p>';
			hasError = true;
		}
		
		if(hasError) {
			$(this).show();
			
		} else {
			$('#name').hide();
			$('#name_label').hide();
			$('#email').hide();
			$('#email_label').hide();
			$('#phone').hide();
			$('#phone_label').hide();
			$('#message').hide();
			$('#message_label').hide();
			$('.error').hide();
						
			$.post("email.php", 
			{ name: nameVal, email: emailFromVal, phone: phoneVal, message: messageVal });
		}
		
		
		$('#contact_form').append(message);
		
		$('.message').hide().fadeIn(1000);
						
	});
	
	var slider = $('#slider').bxSlider({
    	controls:false,
    });
    
    var pageIndex = 1;
    
    $('#prev').click(function() {
    	pageIndex--;
    	
    	if(pageIndex == 0) {
    		pageIndex = 1;
    	} else {    	
			$('#pager a').removeClass('active');
			$('#pager a:nth-child('+pageIndex+')').addClass('active');
			slider.goToPreviousSlide();
		}
		return false;
	});
	
	$('#next').click(function() {
		pageIndex++;
		
		if(pageIndex == 9) {
			pageIndex = 8;
		} else {
			$('#pager a').removeClass('active');
			$('#pager a:nth-child('+pageIndex+')').addClass('active');
			slider.goToNextSlide();
		}
		return false;
	});
	
	$('#pager a').click(function(){
        pageIndex = $('#pager a').index(this);
        slider.goToSlide(pageIndex);
        pageIndex = pageIndex+1;
        $('#pager a').removeClass('active');
        $(this).addClass('active');
        
        //alert(pageIndex);
        return false;
    });

    $('#pager a:first').addClass('active');
	
	$(function() {
		 var offset = $("#return_top").offset();
		 var topPadding = 170;
		 $(window).scroll(function() {
			 if ($(window).scrollTop() > offset.top) {
				 $("#return_top").stop().animate({
					 marginTop: $(window).scrollTop() - offset.top + topPadding
				 }, "slow");
			 } else {
				 $("#return_top").stop().animate({
					 marginTop: 0
				 }, "slow");
			 };
		 });
		});
	
	$.localScroll();
	
});