$(document).ready(function() {
  
  // Remove dandelion footer if browser doesn't support multiple bg images
  if (!Modernizr.multiplebgs) {
    $('#footerDandelions').remove();
  }
	
	// About Me photo swap
	var aboutPhoto = $('#sidebar .aboutMePhoto');
	$(aboutPhoto).hover(
		function() {
			$(this).attr('src', 'imgs/babyme.jpg');
		}, function() {
			$(this).attr('src', 'imgs/me.jpg');
		});
		
	// Sort options for Work gallery
	var viewOptions = $('#viewOptions');
	
	$(viewOptions).css('display', 'block');
	$(viewOptions).click(function(e) {

		if (e.target.nodeName == "BUTTON") {
			$('#viewOptions button').removeClass('active');
			$(e.target).addClass('active');
			var workItems = $('.workItem'),
				len = workItems.length,
			    sortType = e.target.id;
			
			$(workItems).css('display', 'block');
			if (sortType != 'all') {
				for (var i = 0; i < len; i++) {
					var title = $(workItems[i]).find('h5')[0]
					    match = false;
					title = $(title).text().split(' ');

					$.each(title, function(i, v) {
						var currWord = v.replace(',','');
						if (currWord == sortType) {
							match = true;
						}
					});

					if (!match) {
						$(workItems[i]).css('display', 'none');
					}
				} // end for
			} // end if
	
		}
		
	});
	
	// Image viewer for Work
	var workImages = $('#workItem #workImage div');
	$(workImages).css('display', 'inline-block');
	$(workImages).click(function(e) {
	  
	  $(workImages).removeClass('active');
	  $(e.target).addClass('active');
	  
	  $('#workItem #workImage img').attr('src', 'imgs/' + e.target.innerHTML);
	  
	});
		
	// Contact me validation
	$('#contact').click(function(e) {
	  
	  if (e.target.nodeName == "TEXTAREA" || e.target.nodeName == "INPUT" && $(e.target).hasClass('error')) {
	    $(e.target).keyup(function() {
	      if (this.value != '') {
	        $(this).removeClass('error');
	      } else {
	        $(this).addClass('error');
	      }
	      
	    });
	  }
    
		if (e.target.nodeName == "BUTTON") {
		  $('#contact input, #contact textarea').removeClass('error');
		  var name = $('#contact input[name="name"]')[0],
  		    email = $('#contact input[name="email"]')[0],
  		    message = $('#contact textarea')[0];

  		if (name.value == '')
  			$(name).addClass('error');
  		if (email.value == '')
  			$(email).addClass('error');
  		if (message.value == '')
  			$(message).addClass('error');
			
  		$('#contact p').remove();
  		if (name.value == '' || email.value == '' || message.value == '') {
  			$('#contact').prepend('<p class="error">Oops! Please fill out all fields before submitting.</p>');
  			return false;
  		} else {
  			$('#contact input, #contact textarea').removeClass('error');
  			return true;
  		}
  		
		}
		
		
	});
		
	// Dandelion easter egg

	
});