function nospam(user,domain) {
	locationstring = "mailto:" + user + "@" + domain + '?subject=My name is ...';
	window.location = locationstring;
}

$(document).ready(function()
{


var filters = false;
var interactive = false;
var motion = false;
var print = false;
var id = false;



$(".project").fadeTo(100,.5);
$('#overlay').hide();
$('#overlay #project_info').hide();


$(".project").mouseenter(function() {

	$(this).fadeTo(100, 1); 
});


$(".project").mouseleave(function() {

	$(this).fadeTo(100,.5); 
});

$(".project").click(function() {

	$.ajaxSetup({cache:false});
	var post_id = $(this).attr("id");
	
	$("#overlay").fadeIn();
	$("#overlay #project_info #inner").html("<h3>Loading, Please Wait</h2>");
	$("#overlay #project_info #inner").load("http://www.designbymorgan.com/index.php?p=" + post_id, function () { 
	$("#overlay #project_info").slideDown();
	var post_width = 640;
	if ( post_width = $("#overlay #project_info img").width()) {
		post_width = $("#overlay #project_info img").width();
	} else {post_width= 640;}
	$("#overlay #project_info").width(post_width);	
	$(this).fadeIn();	
	});
	return false;
});

$("#close").click(function() {

	$("#overlay").fadeOut();
	$("#overlay #project_info").fadeOut();
	$("#overlay #project_info #inner").html("");
});


$("#motion_btn").click(function() {
	if (filters == false && motion == false) {
		$(this).addClass("motion_btn_active");
		$("#no_filters_btn").addClass("no_filters_btn_active");
		$("#container .interactive, #container .print, #container .id").fadeOut();
		motion = true;
		filters = true; 
	} else if (filters == true && motion == false) {
		$(this).addClass("motion_btn_active");
		$("#container .motion").fadeIn(); 
		motion = true;
		filters = true;
	} else if (filters == true && motion == true) {
		$(this).removeClass("motion_btn_active");
		$("#container .motion").fadeOut(); 
		motion = false;
	} else {
		$("#container .project").fadeIn();
		$(this).removeClass("motion_btn_active");
		filters = false;
		motion = false; 
	}
});

$("#print_btn").click(function() {
	if (filters == false && print == false) {
		$(this).addClass("print_btn_active");
		$("#no_filters_btn").addClass("no_filters_btn_active");
		$("#container .interactive, #container .motion, #container .id").fadeOut();
		print = true;
		filters = true; 
	} else if (filters == true && print == false) {
		$(this).addClass("print_btn_active");
		$("#container .print").fadeIn(); 
		print = true;
		filters = true;
	} else if (filters == true && print == true) {
		$(this).removeClass("print_btn_active");
		$("#container .print").fadeOut(); 
		print = false;
	} else {
		$("#container .project").fadeIn();
		$(this).removeClass("print_btn_active");
		filters = false;
		print = false; 
	}
});


$("#interactive_btn").click(function() {
	if (filters == false && interactive == false) {
		$(this).addClass("interactive_btn_active");
		$("#no_filters_btn").addClass("no_filters_btn_active");
		$("#container .print, #container .motion, #container .id").fadeOut();
		interactive = true;
		filters = true; 
	} else if (filters == true && interactive == false) {
		$(this).addClass("interactive_btn_active");
		$("#container .interactive").fadeIn(); 
		interactive = true;
		filters = true;
	} else if (filters == true && interactive == true) {
		$(this).removeClass("interactive_btn_active");
		$("#container .interactive").fadeOut(); 
		interactive = false;
	} else {
		$("#container .project").fadeIn();
		$(this).removeClass("interactive_btn_active");
		filters = false;
		interactive = false; 
	}
});



$("#id_btn").click(function() {
	if (filters == false && id == false) {
		$(this).addClass("id_btn_active");
		$("#no_filters_btn").addClass("no_filters_btn_active");
		$("#container .print, #container .motion, #container .interactive").fadeOut();
		id = true;
		filters = true; 
	} else if (filters == true && id == false) {
		$(this).addClass("id_btn_active");
		$("#container .id").fadeIn(); 
		id = true;
		filters = true;
	} else if (filters == true && id == true) {
		$(this).removeClass("id_btn_active");
		$("#container .id").fadeOut(); 
		id = false;
	} else {
		$("#container .project").fadeIn();
		$(this).removeClass("id_btn_active");
		filters = false;
		id = false; 
	}
});

$("#no_filters_btn").click(function() {
	filters = false;
	interactive = false;
	id = false;
	print = false;
	motion = false;
	$(this).removeClass("no_filters_btn_active");
	$("#id_btn").removeClass("id_btn_active");
	$("#interactive_btn").removeClass("interactive_btn_active");
	$("#print_btn").removeClass("print_btn_active");
	$("#motion_btn").removeClass("motion_btn_active");
	$("#container .project").fadeIn();
	
});



$(window)._scrollable();



function scrollToMe (a, b) {
var position = $(b).position();
$(a).click (function () {
$.scrollTo( position.left - 280, 800, {axis:'x'} );
});
$(b).children('h2').click (function () {
$.scrollTo( position.left - 280, 800, {axis:'x'} );
});

}

new scrollToMe ('#2010_btn','#2010');
new scrollToMe ('#2009_btn','#2009');
new scrollToMe ('#2008_btn','#2008');
new scrollToMe ('#archive_btn','#archive');
  
});
