$(function() {
	
//	if(window.asdf)
//		return;
//	window.asdf="qwer";
	
	function enhancement() {
		$('.gallery').find(".fancy").fancybox();
		
		$(".port, .port2").each(function(i, e) {
			var $e=$(e);
			var $img=$e.find("img");
			($(e).find("a")
				.bind("mouseover", function() {
					$img.stop().animate({opacity: 0.6});
				})
				.bind("mouseout", function() {
					$img.stop().animate({opacity: 1.0});
				})
			)
		});
	}
	enhancement();
	
//	function load(url) {
//		var $old=$(".left");
//		$.ajax({
//			url:url,
//			success:function(html) {
//				var $new=$(html).find(".left").css({visibility: "hidden", opacity:0.001}).insertAfter($old);
//				$old.stop().fadeOut("fast", function() {
//					$old.remove();
//					$new.css({visibility: "visible", opacity:0.001}).stop().animate({opacity:1.0});
//				});
//			}
//		});
//		$(".left").load(url+" .left", {}, enhancement);
//	}
//
//	var lasthash="";
//	
//	$(".sidebar a, .left a").live("click", function(ev) {
//		ev.preventDefault();
//		load(this.href);
//		lasthash=location.hash=this.href.replace(/^http:\/\/[^\/]+\//, "").replace(/#.+/, "");
//	});
//	
//	
//	setInterval(function() {
//		if(location.hash !== lasthash && location.hash !== "") {
//			load(location.origin+"/"+location.hash.replace(/^#/, ""));
//			lasthash=location.hash;
//		}
//	}, 100);
});

if(0)
$(function() {
	// get the first collection
	var $applications = $('.gallery');

	// clone applications to get a second collection
	var $data = $applications.clone();

	function enhancement() {
		$applications.find(".fancy").fancybox();
	}

	function update(pages) {
		$applications.quicksand(
				$data.find(
						pages.length > 0
							?"li:has("+$.map(pages, function(i){return "a.page-"+i;}).join(", ")+")"
							:"li"
				),
				{
					duration: 800,
					easing: 'swing',
					attribute: function(v) {
						return $(v).find('img').attr('src');
				},
				enhancement: enhancement
		});
		
	};

	enhancement();
	
	
	
	var $sidebar=$(".sidebar");
	
	$sidebar.find("h2").bind("click", function() {
		update(
				$.map(
						$(
							$(this)
								.find("~ul")
								.get(0)
						).find("a"), 
						function(a) {
							return a.rel;
						}
				)
		);
	}).css({cursor: "pointer"});
	
	$(".left h2").bind("click", function() {
		update([]);
	}).css({cursor: "pointer"});
	
	$sidebar.find("a[rel]").bind("click", function(ev) {
		ev.preventDefault();
		update([this.rel]);
	});
	
});