$(function() {
    var $filter = $('#filter a'),
        $portfolioItems = $('#portfolioItems'),
        $data = $portfolioItems.clone();
    $filter.click(function(e) {
        e.preventDefault();
        $($filter).removeClass('active');
        $(this).addClass('active');
        var $filterCategory = $(this).attr('id');
        if ( $filterCategory == 'all') {
            var $filteredData = $data.find('li');
        } else {
            var $filteredData = $data.find('li[data-type="' + $filterCategory + '"]');
        }
        $portfolioItems.quicksand($filteredData, {
            duration: 600,
            easing: 'easeInOutQuad'
        });
    });
    $('.niceBox,.gallery a').click(function(event){
        event.preventDefault();
        var niceUrl = $(this).attr("href") + " #content";
        niceBox(niceUrl);
    });
    $('.niceBoxClose').live('click',function(event){
        $('.niceBoxOverlay,.niceBoxWindow').remove();
    });
});
function niceBox(content) {
    var bd = $('body'),
        h = bd.height(),
		w = bd.width();
    bd.append('<div class="niceBoxOverlay" style="height:'+h+'px;"></div><div class="niceBoxHidden"></div>');
    $(".niceBoxHidden").load(content, function(){
		if($(".niceBoxHidden p:first").hasClass('attachment')){
			var contentClass = 'niceBoxContent attachment';
			var imageWidth = $(".niceBoxHidden img").width();
			var addStyle = ' style="left:'+(w-imageWidth)/2+'px;"'; //($(".niceBoxHidden p:first").hasClass('attachment')) ? ' style="width:'++'px;"' : '';
			content = $(".niceBoxHidden p:first").html();
		}else{
			var contentClass = 'niceBoxContent';
			var addStyle;
			content = $(".niceBoxHidden div:first").html();
		}
        bd.append('<div class="niceBoxWindow"'+addStyle+'><div class="niceBoxClose"></div><div class="'+contentClass+'">'+content+'</div></div>');
        $('.niceBoxHidden').remove();
    });
}