google.setOnLoadCallback(function() {
	
	//$('a.box').lightBox(); // give me light
	
	$('#photos .img-container').slice(0, 19).show(); // show me goods, first 30
	
    // sort goods
    $('#photos').masonry({
	    columnWidth: 200,
        itemSelector: '.img-container:visible',
		isAnimated:true,
		animationOptions: {
    duration: 750,
    easing: 'linear',
    queue: false
  }
		
	});
	
	drawNav();

	$(".box").hover(function(){
		$(this).fadeTo("fast", 1.0);
	},function(){
   		$(this).fadeTo("fast", 0.4);
	});
    
	// menu buttons
    $("#sort .btn").click(function() {
            
    	var setname = $(this).attr('id');
    	if (setname == 'view-all')
		{
			drawNav();
			goToPage(1);
			
		}
		else
		{
	        $('a.box').each(function(){
	            (!$(this).hasClass(setname)) ? $(this).parent().hide() : $(this).parent().show();
	        });
	        
	        fadeIn();
	        
	        refreshMasonry();
	        
	        $('.pages').hide(); // remove nav
		}
		
		$('#sort a').removeClass('current');
        $('#sort a#' + setname).addClass('current');
        
        Cufon.refresh(); // refresh fonts
	    
	    return false;
    });
	
});

var fadeIn = function ()
{
	$(".box").css({opacity: 0});
	$(".box:visible").fadeTo(900, 0.4); // fade-in goods
}

var refreshMasonry = function ()
{
	$('#photos .img-container:visible').each(function(){
		$(this).css('position', 'absolute'); // correct masonry bug
	});
	
	$('#photos').masonry(); // re-sort goods
}

var goToPage = function (page, per_page)
{
	var page		= page - 1 || 0;
	var per_page	= per_page || 20;
	var start		= page * per_page;
	var end			= start + per_page;
	
	$('#photos .img-container').hide();
	$('#photos .img-container').slice(start, end).show();
	
	fadeIn();
	
	refreshMasonry();
	
	$('.pages span strong').text(page + 1);
	
	$('.pages a').removeClass('current');
	$('.pages a.page-' + (page + 1)).addClass('current');
}

var drawNav = function (per_page)
{
	var per_page	= per_page || 20;
	var total_imgs	= $('#photos .img-container').length;
	var total_pages	= Math.ceil(total_imgs / per_page);
		
	var html = '<span class="default">Page <strong>1</strong> of ' + total_pages + '</span>';
	
	if (total_imgs > per_page)
	{
		for (i=1; total_pages >= i; i++)
		{
			var current = (i == 1) ? ' current' : '';
			html += '<a href="#" class="page-' + i + ' page-nav btn' + current + '" title="Page ' + i + '">' + i + '</a>';
		}
		
		html += '<a href="#" class="btn next-page" title="Next page">>></a>';
	}
	
	$(".pages").html(html).show(); // insert pages
	
	// page number clicks
    $('.pages a.page-nav').click(function(){
    	goToPage($(this).text());
    	return false;
    });
    
    // page "next" clicks
    $('.pages a.next-page').click(function(){
    	var next_page = $('.pages a.current').next().first().text();
    	goToPage(next_page);
    	return false;
    });
}

Cufon.replace(['h1','h2','h3'], {
    fontFamily : 'gotham-bold',
    hover      : true,
    textShadow : '0px 1px rgba(0, 0, 0, 0.5)'
});

Cufon.replace(['#sort .btn', '#sort .default', '#bio', '#fineprint'], {
    fontFamily : 'gotham-bold',
    hover      : true
});
// JavaScript Document