var timeoutInt = 0;

$(document).ready(function() {
	var cookieFilter = $.cookie ('someguys-filter');
	if (!cookieFilter)
		cookieFilter = 'all';

	renderProjects (cookieFilter);
	
	$('#home #projects-menu ul li a').click (function () {
		filter (this);
		return false;
	})
	$('#projects-filter-dd a').click (filterShow)
});

$(window).resize(function() {
	clearTimeout(timeoutInt)
	timeoutInt = setTimeout (renderProjects, 200, "all");
});

function filterShow ()
{
	$("#projects-menu").show ();
	$(document).bind ('click', filterHide);
	return false;
}

function filterHide ()
{
	$("#projects-menu").hide ();
	$(document).unbind ('click', filterHide);
	return false;
}

function filter (el)
{
	var x = $(document).scrollTop ()

	var id = el.id.substring(3);

	$.cookie ('someguys-filter', id );
	
	renderProjects (id);
	
	$(document).scrollTop (x);
	
	$("#projects-menu").hide ();

	return false;
}

function renderProjects (filter)
{
	var title = $('#pm-'+filter).html();
	
	$("#projects-filter-name").html (title);
	
	$("#projects").empty ();
	var contentWidth = $("#content").width();
	var cols = Math.floor((contentWidth-100)/225);
	for (var i=0;i<cols;i++) {
		$("#projects").append('<div class="projects-col" id="projects-col-'+i+'"></div>');
	}
	
	var i = 0;
	var projects = $("#all-projects .project");
	projects.each (function () {
		var project = $(this).clone();
		if (project.attr("itemType") == filter || filter == "all") {
			//project.find(".image").fadeTo("slow", 0.4);
			project.click (function (){
				document.location = "/portfolio/view/id/"+project.attr("itemId");
			});
			project.hover (function (){
				$(this).find(".text").slideDown("fast");
				$(this).find(".heading").addClass("heading-over");
//				$(this).find(".image").fadeTo("slow", 1);
			},function () {
				$(this).find(".text").slideUp("fast");
				$(this).find(".heading").removeClass("heading-over");
//				$(this).find(".image").fadeTo("slow", 0.4); 
			});
			$("#projects-col-"+i).append(project);
			i++;
			if (i==cols)
				i=0;
		}
	});
	
	return false;
}