//global vars
	var slides_slideIsOpen = false;
	$(document).ready(function() {
	
	
	// Add an onClick behavior to elements with class .item.select
	$("a.slide").live('click', function(e){
		e.preventDefault();
		
		var slides_projectClicked = $(this).parent(),
			slides_alreadyOpenproject = $('.item.item-expanded'),
			slides_projectID = $(this).attr('href').replace('#', '');
			
		if($.browser.safari){ bodyelem = $("body") } else{ bodyelem = $("html") }
			
		window.location.hash = slides_projectID;
		
		if(slides_slideIsOpen) {
			if (slides_projectClicked.hasClass("item-expanded")) {
				// The item we're clicking is already open, so all we need to do is close this single item.
				slides_projectClicked.removeClass("item-expanded");
				slides_projectClicked.find(".project-detail-expanded").removeClass("project-detail-expanded").slideToggle(800);
				slides_projectClicked.find(".project-spacer-expanded").removeClass("project-spacer-expanded").slideToggle(800, function() {
					slides_slideIsOpen = false;
				});
			}
			else {
				//close other slides
				slides_alreadyOpenproject.removeClass("item-expanded");
				slides_alreadyOpenproject.find(".project-detail-expanded").removeClass("project-detail-expanded").slideToggle(800);
				slides_alreadyOpenproject.find(".project-spacer-expanded").removeClass("project-spacer-expanded").slideToggle(800, function() {
					//scroll page
					var slides_projectOffsetTop = slides_projectClicked.offset().top,
						slides_currentOffest = bodyelem.scrollTop();
					if((slides_currentOffest - slides_projectOffsetTop) == 0 ) {
						var slides_scrollDuration = 0;
					} else {
						var slides_scrollDuration = 800;
					}
					bodyelem.animate({'scrollTop': slides_projectOffsetTop}, slides_scrollDuration, function() {
						//open new slide
						slides_projectClicked.addClass("item-expanded");
						slides_projectClicked.find(".project-detail").addClass("project-detail-expanded").slideToggle(800);
						slides_projectClicked.find(".project-spacer").addClass("project-spacer-expanded").slideToggle(800);
					})
				});
			}
		} else if(!slides_slideIsOpen) {
			//scroll page
			var slides_projectOffsetTop = slides_projectClicked.offset().top,
				slides_currentOffest = bodyelem.scrollTop();
			if((slides_currentOffest - slides_projectOffsetTop) == 0 ) {
				var slides_scrollDuration = 0;
			} else {
				var slides_scrollDuration = 800;
			}
			bodyelem.animate({'scrollTop': slides_projectOffsetTop}, slides_scrollDuration, function() {
				//open new slide
				slides_projectClicked.addClass("item-expanded");
				slides_projectClicked.find(".project-detail").addClass("project-detail-expanded").slideToggle(800);
				slides_projectClicked.find(".project-spacer").addClass("project-spacer-expanded").slideToggle(800, function() {
					slides_slideIsOpen = true;
				});
			})
		}
	});
	
	//function for project close button
	$('.project-detail .close').live('click', function() {
		var slides_slideToClose = $('.item.item-expanded');
		slides_slideToClose.removeClass("item-expanded");
		slides_slideToClose.find(".project-detail-expanded").removeClass("project-detail-expanded").slideToggle(800);
		slides_slideToClose.find(".project-spacer-expanded").removeClass("project-spacer-expanded").slideToggle(800, function() {
			slides_slideIsOpen = false;
		});
	});		

	
	$(document).ready(function(){
		$(".item").live('mouseenter', function () {
			$(this).addClass("select");
		});
		$(".item").live('mouseleave', function () {
			$(this).removeClass("select");
		});

	
	});
});