var previousSelected = "#djstudios";

$(document).ready(function() {

	enable_smooth_scroll();

	$("#submitBtn").mousedown(function() {
		
		var name = $("#nameField").attr("value");
		var email = $("#emailField").attr("value");
		var phone = $("#phoneField").attr("value");
		var message = $("#messageField").val();
		var preferredContactMethod = $("#preferredMethod").attr("value");
		
		$.ajax({
			url: 'submitContact.php',
			type: 'POST',
			data: ({name:name, email:email, phone:phone, message:message, preferredContactMethod:preferredContactMethod}),
			success: function(data) {
				//alert ("Your Message Has Been Sent!");
				$("#nameField").attr("value", "");
				$("#emailField").attr("value", "");
				$("#phoneField").attr("value", "");
				$("#messageField").val("");
				$("#messageBox").html("Your message has been sent!");
				$("#messageBox").css("display", "block");
				$("#messageBox").fadeOut(5000);
			}
		});
	});

	$("#nav-work").mouseover(function() {
		$("#nav-work").css("background-image", "url(../images/nav-work-hover.png)");
	});
	
	$("#nav-work").mouseout(function() {
		$("#nav-work").css("background-image", "url(../images/nav-work-normal.png)");
	});
	
	$("#nav-skills").mouseover(function() {
		$("#nav-skills").css("background-image", "url(../images/nav-skills-hover.png)");
	});
	
	$("#nav-skills").mouseout(function() {
		$("#nav-skills").css("background-image", "url(../images/nav-skills-normal.png)");
	});
	
	$("#nav-about").mouseover(function() {
		$("#nav-about").css("background-image", "url(../images/nav-about-hover.png)");
	});
	
	$("#nav-about").mouseout(function() {
		$("#nav-about").css("background-image", "url(../images/nav-about-normal.png)");
	});
	
	$("#nav-contact").mouseover(function() {
		$("#nav-contact").css("background-image", "url(../images/nav-contact-hover.png)");
	});
	
	$("#nav-contact").mouseout(function() {
		$("#nav-contact").css("background-image", "url(../images/nav-contact-normal.png)");
	});
			
			
	$("#nameField").focus(function() {
		$(this).css("border", "2px solid #00CCFF");
	});
	
	$("#nameField").blur(function() {
		$(this).css("border", "1px solid #666666");
	});
	
	$("#emailField").focus(function() {
		$(this).css("border", "2px solid #00CCFF");
	});
	
	$("#emailField").blur(function() {
		$(this).css("border", "1px solid #666666");
	});				
	
	$("#phoneField").focus(function() {
		$(this).css("border", "2px solid #00CCFF");
	});
	
	$("#phoneField").blur(function() {
		$(this).css("border", "1px solid #666666");
	});
	
	$("#messageField").focus(function() {
		$(this).css("border", "2px solid #00CCFF");
	});
	
	$("#messageField").blur(function() {
		$(this).css("border", "1px solid #666666");
	});
	
	$("#emailPreferred").click(function() {
		if ($(this).hasClass("checked")) {
			//alert ("It's already checked!");
		} else {
			$(this).addClass("checked");
			$("#phonePreferred").removeClass("checked");
			$("#preferredMethod").attr("value", "email");
		}
	});
	
	$("#phonePreferred").click(function() {
		if ($(this).hasClass("checked")) {
			//alert ("It's already checked!");
		} else {
			$(this).addClass("checked");
			$("#emailPreferred").removeClass("checked");
			$("#preferredMethod").attr("value", "phone");
		}
	});
});




function loadPortfolioPiece(pieceID) {

	$(previousSelected).removeClass("selected");
	previousSelected = "#" + pieceID;
	
	var theID = "#" + pieceID;
	$(theID).addClass("selected");
	
	$.ajax({
		url: '../getPortfolioPiece.php',
		type: 'POST',
		data: ({pieceID:pieceID}),
		dataType: 'json',
		success: function(data) {
			$("#highlight-header").empty().html(data.projectName);
			$(".portfolio-link").attr("href", data.projectURL);
			$("#highlight-link").empty().html(data.projectURL.replace("http://", ""));
			$(".portfolio-piece-description").empty().html(data.projectDesc);
			var featuresArray = data.projectFeatures.split(",");
			var featuresList = "";
			
			for (var a = 0; a < featuresArray.length; a++) {
				featuresList += "<li>" + featuresArray[a] + "</li>";
			}
			
			$(".highlight-feature-list").empty().html(featuresList);
			$("#highlight-photo img").attr("src", data.thumbnailURL);
			
		}
	});
}




function enable_smooth_scroll() {
	function filterPath(string) {
		return string
		.replace(/^\//,'')
		.replace(/(index|default).[a-zA-Z]{3,4}$/,'')
		.replace(/\/$/,'');
	}

	var locationPath = filterPath(location.pathname);

	var scrollElement = 'html, body';

	$('html, body').each(function () {
		var initScrollTop = $(this).attr('scrollTop');
		$(this).attr('scrollTop', initScrollTop + 1);
		if ($(this).attr('scrollTop') == initScrollTop + 1) {
			scrollElement = this.nodeName.toLowerCase();
			$(this).attr('scrollTop', initScrollTop);
			return false;
		}    
	});

	$('a[href*=#]').each(function() {
		var thisPath = filterPath(this.pathname) || locationPath;
		if  (   locationPath == thisPath && (location.hostname == this.hostname || !this.hostname) && this.hash.replace(/#/, '')) {
			if ($(this.hash).length) {
				$(this).click(function(event) {
					var targetOffset = $(this.hash).offset().top;
					var target = this.hash;
					event.preventDefault();
					$(scrollElement).animate({scrollTop: targetOffset},500,function() {location.hash = target;});
				});
			}
		}
	});
}