// JavaScript Document
$(document).ready(
	function() {
		$('#btn_contact > .up').css("opacity","0");
		$('#btn_websites > .down').css("opacity","0");
		$('#btn_contact').hover(function() {
			$(this).animate({opacity: 1}, 150);}, function() {$(this).animate({opacity: .5}, 250);}
		);
		$('#btn_websites').hover(function() {
			$(this).animate({opacity: 1}, 250);}, function() {$(this).animate({opacity: .5}, 250);}
		);
	}
);

$(document).ready(
	function() {
		var down = null;
		$('#btn_contact').click(
			function() {
				if (down) {
					$('#desk').animate({marginTop: "-600"}, function() {
						$('#btn_contact > .up').animate({opacity: 0}, 500, function() {
							$('#btn_contact >.down').animate({opacity: 1}, 500)
						});	
					});
					down = null;
				}
				else { 
					$('#desk').animate({marginTop: "-1100"}, function() {
						$('#btn_contact > .down').animate({opacity: 0}, 500, function() {
							$('#btn_contact > .up').animate({opacity: 1}, 500)
						});
					});
					down = "yes";
				}
				  }
		)
	}
);
$(document).ready(
	function() {
		var down = null;
		$('#btn_websites').click(
			function() {
				if (down) {
					$('#desk').animate({marginTop: "-600"}, function() {
						$('#btn_websites > .down').animate({opacity: 0}, 500, function() {
							$('#btn_websites >.up').animate({opacity: 1}, 500)
						});	
					});
					down = null;
				}
				else {
					$('#desk').animate({marginTop: "-80"}, function() {
						$('#btn_websites > .up').animate({opacity: 0}, 500, function() {
							$('#btn_websites > .down').animate({opacity: 1}, 500)
						});
					});
					down = "yes";
				}
				  }
		)
	}
);