var sliderCheck = true;
var sliderPosition = $("#handle").position().left;
var portfolioURL = $("div#linkPortofolio a").attr("href");
var journalURL = $("div#linkJournal a").attr("href");
var tempScrollTop = 0;
var currentScrollTop = 0;
var currentHeight = $("textarea#inputMessage").height();

$("#handle").mousedown(function () {
	$(this).css("background-position", "left bottom");
});

$("#handle").mouseup(function () {
	$(this).css("background-position", "left top");
});

$("#handle").draggable({
	grid: [1, 0],
	containment: "#handleContainer",
	start: function (event, ui) {
		sliderPosition = $(this).position().left;
	},
	stop: function (event, ui) {
		sliderPosition = $(this).position().left;
		if (sliderPosition <= 12) {
			$("#handle").animate({
				left: "0"
			}, "fast");
			$("div#linkJournal a").removeClass("active");
			$("div#linkPortofolio a").addClass("active");
			sliderCheck = true;
			setTimeout(function () {
				$(location).attr('href', portfolioURL);
			},800);
		} else {
			$("#handle").animate({
				left: "21"
			}, "fast");
			$("div#linkJournal a").addClass("active");
			$("div#linkPortofolio a").removeClass("active");
			sliderCheck = false;
			setTimeout(function () {
				$(location).attr('href', journalURL);
			},800);
		}
		$(this).css("background-position", "left top");
	}
});

$("#handle").click(function () {
	if (sliderCheck == 0) {
		$("div#handleContainer #handle").animate({
			left: "-=21"
		}, "fast");
		$("div#linkJournal a").removeClass("active");
		$("div#linkPortofolio a").addClass("active");
		$(this).css("background-position", "left top");
		sliderCheck = true;
		setTimeout(function () {
			$(location).attr('href', portfolioURL);
		},800);
	} else {
		$("div#handleContainer #handle").animate({
			left: "+=21"
		}, "fast");
		$("div#linkJournal a").addClass("active");
		$("div#linkPortofolio a").removeClass("active");
		sliderCheck = false;
		setTimeout(function () {
			$(location).attr('href', journalURL);
		},800);
	}
});

$("div#linkPortofolio a").click(function () {
	if (sliderCheck == 0) {
		$("div#handleContainer #handle").animate({
			left: "-=21"
		}, "fast");
		$("div#linkJournal a").removeClass("active");
		$("div#linkPortofolio a").addClass("active");
		sliderCheck = true;
		setTimeout(function () {
			$(location).attr('href', portfolioURL);
		},800);
	}
	return false;
});

$("div#linkJournal a").click(function () {
	if (sliderCheck == 1) {
		$("div#handleContainer #handle").animate({
			left: "+=21"
		}, "fast");
		$("div#linkJournal a").addClass("active");
		$("div#linkPortofolio a").removeClass("active");
		sliderCheck = false;
		setTimeout(function () {
			$(location).attr('href', journalURL);
		},800);
	}
	return false;
});

$("div#getInTouchContainer a").click(function () {
	$("div#pageOverlay").fadeIn("fast");
	$("div#contactContainer").animate({
		top: 0
	}, "slow");
	
	return false;
});

$("#footerAdditionalGetInTouch a").click(function () {
	$("html, body").animate({ scrollTop: 0 }, "slow");
	$("div#pageOverlay").fadeIn("slow", function() {
		$("div#contactContainer").animate({
			top: 0
		}, "slow");	
	});
	
	return false;
});

$("#contactControls a#cancel").click(function () {
	$("div#contactContainer").animate({
		top: "-390px"
	}, "slow");
	$("div#pageOverlay").fadeOut("fast");
	
	return false;
});

$("#contactControls a#send").click(function () {});

$(".referenceWeb").hover(
	function () {
		$(this).find("div.referenceWebOverlay").stop().fadeTo("fast", 1);
	},
	function () {
		$(this).find("div.referenceWebOverlay").stop().fadeTo("slow", 0);
	}
);

$(".referenceMac").hover(
	function () {
		$(this).find("div.referenceMacOverlay").stop().fadeTo("fast", 1);
	},
	function () {
		$(this).find("div.referenceMacOverlay").stop().fadeTo("slow", 0);
	}
);

$(".referenceiPhone").hover(
	function () {
		$(this).find("div.referenceiPhoneOverlay").stop().fadeTo("fast", 1);
	},
	function () {
		$(this).find("div.referenceiPhoneOverlay").stop().fadeTo("slow", 0);
	}
);

$("input#inputText").focusin(function () {
	$("#subscribeForm div").css({
		"background-position" : "left bottom"
	});
});

$("input#inputText").focusout(function () {
	$("#subscribeForm div").css({
		"background-position" : "left top"
	});
});

$("input#searchInput").focusin(function () {
	$(this).css({
		"color" : "#fff"
	});
	$("#searchContainer").css({
		"background-position" : "left bottom"
	});
});

$("input#searchInput").focusout(function () {
	$(this).css({
		"color" : "#d0d8df"
	});
	$("#searchContainer").css({
		"background-position" : "left top"
	});
});

// $("textarea#inputMessage").scroll(function () {
// 	currentScrollTop = $("textarea#inputMessage").scrollTop(); 
// 
// 	if (tempScrollTop < currentScrollTop && currentHeight < 525) {
// 		$("textarea#inputMessage").animate({
// 			"height" : "+=20px"
// 		}, "fast");
// 		currentHeight = $("textarea#inputMessage").height();
// 		window.setTimeout(function(){
// 			$("textarea#inputMessage").focus();
// 		},5);
// 	} 
// 	
// 	tempScrollTop = currentScrollTop;
// });

$(document).ready(function() {
	$("#contact-form input:submit").click(function(){
		var str = $("form#contact-form").serialize();
		$('form#contact-form').submit(function() { return false; });

		//<![CDATA[
		var serialized = str;
		// ]]>

		$.ajax({
			url: "submit.php",
			type: "POST",
			data: serialized,
			success: function(data) {
				if (data == -3) {
					$("#inputFormal span").css("color", "#a92f22");
					$("#inputFormal input").css("color", "#a92f22");
				} else if (data == -2) {
					$("#emailContainer span").css("color", "#aaa");
					$("#emailContainer #inputEmail").css("color", "#666");
					$("#subjectContainer span").css("color", "#a92f22");
					$("#subjectContainer #inputSubject").css("color", "#a92f22");
				} else if (data == -1) {
					$("#emailContainer span").css("color", "#a92f22");
					$("#emailContainer #inputEmail").css("color", "#a92f22");
					$("#subjectContainer span").css("color", "#aaa");
					$("#subjectContainer #inputSubject").css("color", "#666");
				} else if (data == 0) {
					//console.log(data);
				} else {
					$("div#contactContainer").animate({
						top: "-390px"
					}, "slow");
					$("div#pageOverlay").fadeOut("fast");
				}
			}
		})
	});
});