$(document).ready(function(){

$(".tagline").remove().appendTo("body");
$(".about #photo").remove().appendTo("body");

if ( $("li.projects a").hasClass("selected") ) {

	$("li.projects").hover(
		function () {
			$(".project-list").fadeIn(100);
		}, 
		function () {
			$(".project-list").fadeOut(100);
		}
	);

} else {

	$("li.projects").hover(
		function () {
			$("li.projects a").addClass("selected");
			$(".project-list").fadeIn(100);
		}, 
		function () {
			$("li.projects a").removeClass("selected");
			$(".project-list").fadeOut(100);
		}
	);

}

			$('li.projects ul').css({ opacity: 0.95 });
			$('li.projects ul li:last a').css('last-project');





			
			$('#project_image img').hide();
			
			$('#project_image img').maxImage({
				verticalOffset: (143),
				rightSpace: (28),
				bottomSpace: 15,
				maxFollows: 'both',
				maxAtOrigImageSize: true,
				verticalAlign: 'left',
				horizontalAlign: 'top'
			});
			
			$('div.nav_link a').hide();
			$('#project_image').css({cursor: 'none'});
			
			$('#project_image').mouseout(function(){
				$('div.nav_link a').css({'display': 'none'});
				$(this).css({cursor: 'auto'});
			});
			
			$("#project_image").mousemove(function(e){
				
				var image_width = $('img', this).width();
				var myX = e.pageX;
				var myY = e.pageY - 115;
//				var myX = e.pageX;
//				var myY = e.pageY - 7;
				
				$('#project_image').css({cursor: 'auto'});
				
				if (myX+14 >= (image_width/2)) {
					
					if ($('div.next a')[0]) {
						$('#project_image').css({cursor: 'none'});
					}
					
					$('div.next a').css({
						top: myY,
						left: myX,
						display: 'block'
					});
					$('div.back a').css({
						display: 'none'
					});
					
				} else {
					
					if ($('div.back a')[0]) {
						$('#project_image').css({cursor: 'none'});
					}
					
					$('div.back a').css({
						top: myY,
						left: myX,
						display: 'block'
					});
					$('div.next a').css({
						display: 'none'
					});
					
				}
			});
			
			$("#project_image").bind('click', function(e){
				
				var image_width = $('img', this).width();
				var myX = e.pageX;
				
				if (myX+14 >= (image_width/2)) {
					if ($('div.next a')[0]) {
						e.preventDefault();
						window.location = $('div.next a').attr('href');
					}
				} else {
					if ($('div.back a')[0]) {
						e.preventDefault();
						window.location = $('div.back a').attr('href');
					}
				}
				
				return true;
				
			});
			
			$('#project_image img').load(function() {
				$('#project_image img').fadeIn('550');
			});
		
		});