$(document).ready(function() {
		
	
	// GET VARIABLES FROM URL
	function getUrlVars() {
		var vars = {};
		var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m,key,value) {
			vars[key] = value;
		});
		return vars;
	}

	// FORMAT VARIABLE
	/*function formatVar(val) {
        newVal = '';
        val = val.split(' ');
        for(var c=0; c < val.length; c++) {
            newVal += val[c].substring(0,1).toUpperCase() +
			val[c].substring(1,val[c].length);
        }
		return newVal;//.replace(' ','-');
	}*/

	// SET VAR FROM URL
	var urlFilterVal;
	urlFilterVal = getUrlVars()["filterby"];
	

	// ACTIVATE FILTER VIA URL CHANGE
	if (urlFilterVal != undefined) {
		//filteredName = formatVar(urlFilterVal);
		
		if(urlFilterVal == 'all' || urlFilterVal == '') {
			$('ul#portfolio li.hidden').fadeIn('slow').removeClass('hidden');
		} else {
			$('ul#portfolio li').each(function() {
				if(!$(this).hasClass(urlFilterVal)) {
					$(this).fadeOut('normal').addClass('hidden');
				} else {
					$(this).fadeIn('slow').removeClass('hidden');
				}
			});
		}
		$('ul#filter .current').removeClass('current');
		$("ul#filter ."+urlFilterVal+"-toggle").addClass('current');
		
	}	
	
	// ACTIVATE FILTER VIA WORK PAGE
	$('ul#filter a').click(function() {
		$(this).css('outline','none');
		$('ul#filter .current').removeClass('current'); // remove class from last clicked item
		$(this).parent().addClass('current'); // add class to <a> parent <li>
		
		var filterVal = $(this).text().toLowerCase().replace(' ','-');
				
		if(filterVal == 'all') {
			$('ul#portfolio li.hidden').fadeIn('slow').removeClass('hidden');
		} else {
			
			$('ul#portfolio li').each(function() {
				if(!$(this).hasClass(filterVal)) {
					$(this).fadeOut('normal').addClass('hidden');
				} else {
					$(this).fadeIn('slow').removeClass('hidden');
				}
			});
		}
		
		return false;
	});
});