$(document).ready(function() {

// activate placeholder fallback
// Plugin created by Jason Garber. Everything else in here is all me.

	$('input, textarea').placehold();

// time calculations
	
	today = new Date();
	var oneDay = 1000*60*60*24;
	
	var marriedDate = new Date(2008,5,28);
	var dadDate = new Date(2011,8,20);
	
	timeSinceMarried = Math.round(((today.getTime()-marriedDate.getTime())/(oneDay))*10/365)/10;
	timeSinceDad = Math.floor(((today.getTime()-dadDate.getTime())/(oneDay)));
	
	$('.marriedSince').text(timeSinceMarried);
	$('.dadSince').text(timeSinceDad);

// Infographic Moving Parts

	var graph_data = {
		'html':'250px', 
		'css':'250px', 
		'jquery':'210px', 
		'javascript':'170px', 
		'php':'220px', 
		'svn':'80px', 
		'wordpress':'210px', 
		'photoshop':'250px', 
		'illustrator':'210px', 
		'indesign':'100px'
	};
	function infographic() {
		if ( $('#infographic').hasClass('current') ) {
			setTimeout(function() {
				$('#graph .bar').each(function() {
					$(this).animate({'width':graph_data[$(this).attr('id')]},750);
				});
			},750);	
		} else {	
			setTimeout(function() {
				$('#graph .bar').animate({'width':'1px'},750);
			},750);
		}
	};

	
// sets active header navigation link
	
	function activeHeader() {
		setTimeout(function() {
			currenterSlide = $('.current').attr('id');
			$('#header a').each(function() {
				if ( $(this).attr('href') == currenterSlide ) {
					$(this).addClass('currentslide');
				} else {
					$(this).removeClass('currentslide');
				} 
			});
		},500);
	};


// click navigation 

	$('#header a').click(function() {
		thisslide = $(this).attr('href');
		$('.slide').removeClass('current next-slide previous-slide');
		$('#'+thisslide+'').addClass('current').prevAll().addClass('previous-slide');
		$('#'+thisslide+'').nextAll().addClass('next-slide');
		activeHeader();
		infographic();		
		return false;
	});

	
// Slide navigation 

	$('.slide:first-child').addClass('first');
	$('.slide:last-child').addClass('last');

	$(document.documentElement).keydown(function (event) {
        
			currentSlide = $('.current').attr('id');
			
			if (event.keyCode == 39 || event.keyCode == 40) {
				if ( $('input:focus, textarea:focus').size() > 0) { return false; }
				if ( $('#'+currentSlide+'').hasClass('last') ) { return false; }
				$('#'+currentSlide+'').removeClass('current').addClass('previous-slide').next('.slide').addClass('current').removeClass('next-slide').next('.slide').addClass('next-slide');
				infographic();
				activeHeader();
				
			} else if (event.keyCode == 37 || event.keyCode == 38) {
				if ( $('input:focus, textarea:focus').size() > 0) { return false; }
				if ( $('#'+currentSlide+'').hasClass('first') ) { return false; }
				$('#'+currentSlide+'').removeClass('current').addClass('next-slide').prev('.slide').addClass('current').removeClass('previous-slide').prev('.slide').addClass('previous-slide');
				infographic();
				activeHeader();		
			}
		
	});


// modal functionality

	$('.modal').prepend('<span class="modal-close">✖</span>');
	$('.open-modal').click(function() {
	
		$('.modal.video').fadeIn(500).addClass('modal-active');
		setTimeout(function() {
			$('.modal-close').fadeIn(500);
		},500);
		
	});
	$('a.googlechat').click(function() {
	
		$('.modal.chat').fadeIn(500).addClass('modal-active');
		setTimeout(function() {
			$('.modal-close').fadeIn(500);
		},500);
		return false;
		
	});
	
	$('.modal-close').click(function() {
		$('.modal, .modal-close').fadeOut(500).removeClass('modal-active');
	});
	$(document.documentElement).keyup(function (event2) {
		if ($('.modal').hasClass('modal-active')) {
			if (event2.keyCode == 27) {
				$('.modal, .modal-close').fadeOut(500).removeClass('modal-active');
			}
		}
	});
		
	
// form submitting

	$("form").submit(function() {  
		var valid = true;
    	var name = $('form input[name=name]').val();
		var company = $('form input[name=company]').val();
		var email = $('form input[name=email]').val();
		var message = $('form textarea[name=message]').val();
		var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
		
		if (name == '') {
			alert('Perhaps you should include your name?');
			valid = false;
			return false;
		}
		if(reg.test(email) == false) {
	  		alert('How am I going to contact you without a valid email address?');
	  		valid = false;
	  		return false;
   		}
		if ( valid == true ) {
	        $.ajax({  
	            type: "POST",  
	            url: "mail.php",  
	            data: "name="+ name +"& company="+ company +"& email="+ email +"& message="+ message,
	            success: function(){  
					alert('success');
            	}
       		});  
    		return false;
    	}
    });
   
   
// work slideshow
	
	$('#work-slider img').each(function() {
		thisclass = $(this).attr('class');
		$('#slide-counter').append('<span class="'+thisclass+'"></span>');
	});
	$('.slide1').addClass('active').fadeIn(500);
	$('.work-details').prepend('<span class="close">✖</span>');
	function workslidestart() {
		workslider = setInterval(function() {
			if ( $('.active').hasClass('slide5') ) {
				$('img.active').fadeOut(500);
				$('.active').removeClass('active')
				$('.slide1').addClass('active').fadeIn(500);
			} else {
				$('img.active').fadeOut(500);
				$('.active').removeClass('active').next().addClass('active').fadeIn(500);
			}
		},5000);
	};
	workslidestart();
	
	$('#work-slider img').click(function() {
		workslideId = $(this).attr('id').replace('work-','');
		$('#details-'+workslideId+'').fadeIn(500);
		clearInterval(workslider);
	});
	$('.work-details .close').click(function() {
		$('.work-details').fadeOut(500);
		workslidestart();
	});
	
	$('#slide-counter span').click(function() {
		if ( $(this).hasClass('active') ) {
			return false;
		} else {
			thisclass = $(this).attr('class');
			$('img.active').fadeOut(500);
			$('.active').removeClass('active');
			$('.'+thisclass+'').addClass('active').fadeIn(500);
		}
	});
	


	
});
/*
// check for availablility before posting chat icon
// currently disabled - not sure I like the chat functionality afterall...
	function status(data) {
    	if (data == 'Available') {
    		//$('h4.contactoptions').after('<a class="googlechat" href="http://www.google.com/talk/service/badge/Start?tk=z01q6amlqk5bfsbgqvmdm4tpcgcet1gtp3j0a6muc3oqd3eu1qpq8bbks1pdpcqppfhjlktcses2kg24nnsacd2gctm3fbhgcquspjudgv1c4bkr5c68ngqdsmsaarkcs2395s6ibi0c6929uf2414b26rhb056smk7i65dff4ah8v1vctfocs7odfic76dcmco" target="_blank"><span class="chat"></span></a><div class="modal chat"><iframe width="280" height="390" src="http://www.google.com/talk/service/badge/Start?tk=z01q6amlqk5bfsbgqvmdm4tpcgcet1gtp3j0a6muc3oqd3eu1qpq8bbks1pdpcqppfhjlktcses2kg24nnsacd2gctm3fbhgcquspjudgv1c4bkr5c68ngqdsmsaarkcs2395s6ibi0c6929uf2414b26rhb056smk7i65dff4ah8v1vctfocs7odfic76dcmco" frameborder="0"></iframe></div>');
    	}
	}
	$.get('gtalkStatus.class.php', status);
*/