$(document).ready(function(){

});

 function filterClient(tag)
 {

		if(tag == 'all')
		{
			$('.showall').attr('class','showall selected');
			$('.print').attr('class', 'print');
			$('.web').attr('class', 'web');
			$('.press').attr('class', 'press');
			$('.outdoor').attr('class', 'outdoor');
			$('.tv').attr('class', 'tv');
			$('.pos').attr('class', 'pos');						
			$('.radio').attr('class', 'radio');
			$('.direct').attr('class', 'direct');
		}
		else if(tag == 'print')
		{
			$('.showall').attr('class','showall');
			$('.print').attr('class', 'print selected');
			$('.web').attr('class', 'web');
			$('.press').attr('class', 'press');
			$('.outdoor').attr('class', 'outdoor');
			$('.tv').attr('class', 'tv');
			$('.pos').attr('class', 'pos');						
			$('.radio').attr('class', 'radio');
			$('.direct').attr('class', 'direct');
		}
		else if(tag == 'web')
		{
			$('.showall').attr('class','showall');
			$('.print').attr('class', 'print');
			$('.web').attr('class', 'web selected');
			$('.press').attr('class', 'press');
			$('.outdoor').attr('class', 'outdoor');
			$('.tv').attr('class', 'tv');
			$('.pos').attr('class', 'pos');						
			$('.radio').attr('class', 'radio');
			$('.direct').attr('class', 'direct');
	
		}
		else if(tag == 'press')
		{
			$('.showall').attr('class','showall');
			$('.print').attr('class', 'print');
			$('.web').attr('class', 'web');
			$('.press').attr('class', 'press selected');
			$('.outdoor').attr('class', 'outdoor');
			$('.tv').attr('class', 'tv');
			$('.pos').attr('class', 'pos');						
			$('.radio').attr('class', 'radio');
			$('.direct').attr('class', 'direct');

		}
		else if(tag == 'outdoor')
		{
			$('.showall').attr('class','showall');
			$('.print').attr('class', 'print');
			$('.web').attr('class', 'web');
			$('.press').attr('class', 'press');
			$('.outdoor').attr('class', 'outdoor selected');
			$('.tv').attr('class', 'tv');
			$('.pos').attr('class', 'pos');						
			$('.radio').attr('class', 'radio');
			$('.direct').attr('class', 'direct');

		}
		else if(tag == 'tv')
		{
			$('.showall').attr('class','showall');
			$('.print').attr('class', 'print');
			$('.web').attr('class', 'web');
			$('.press').attr('class', 'press');
			$('.outdoor').attr('class', 'outdoor');
			$('.tv').attr('class', 'tv selected');
			$('.pos').attr('class', 'pos');						
			$('.radio').attr('class', 'radio');
			$('.direct').attr('class', 'direct');

		}
		else if(tag == 'radio')
		{
			$('.showall').attr('class','showall');
			$('.print').attr('class', 'print');
			$('.web').attr('class', 'web');
			$('.press').attr('class', 'press');
			$('.outdoor').attr('class', 'outdoor');
			$('.tv').attr('class', 'tv');
			$('.pos').attr('class', 'pos');						
			$('.radio').attr('class', 'radio selected');
			$('.direct').attr('class', 'direct');

		}
		else if(tag == 'pos')
		{
			$('.showall').attr('class','showall');
			$('.print').attr('class', 'print');
			$('.web').attr('class', 'web');
			$('.press').attr('class', 'press');
			$('.outdoor').attr('class', 'outdoor');
			$('.tv').attr('class', 'tv');
			$('.pos').attr('class', 'pos selected');
			$('.radio').attr('class', 'radio');
			$('.direct').attr('class', 'direct');

		}
		else if(tag == 'direct')
		{
			$('.showall').attr('class','showall');
			$('.print').attr('class', 'print');
			$('.web').attr('class', 'web');
			$('.press').attr('class', 'press');
			$('.outdoor').attr('class', 'outdoor');
			$('.tv').attr('class', 'tv');
			$('.pos').attr('class', 'pos');			
			$('.radio').attr('class', 'radio');
			$('.direct').attr('class', 'direct selected');

		}
		
		$('#portfolio li').fadeOut("fast");
		setTimeout(function(){req(0,tag)}, 500);
		//req(0,tag);

}


function req(index,tag)
{
	
	//handle the n-th stuff here

	var counter = 0;
	
	$('.ourclear').remove();
	
	$('#portfolio li').each(function(){
			if(tag == 'all')
				{
					$(this).fadeIn("slow");
					counter++;
					if(counter == 3){
						counter = 0;
						$(this).after('<div class="ourclear"><!-- // --></div>');
					}
				}
				else {
					 if ($(this).attr('class').toLowerCase().match(tag)==null)
					 {
					 }
					else
					{
						$(this).fadeIn("slow");//, function(){req(index+1,tag)});
						counter++;
						if(counter == 3){
							counter = 0;
							$(this).after('<div class="ourclear"><!-- // --></div>');
						}
						
		  			}
				}
		
	});


	
	// 
	
}

function setClass()
{
	
}

function showAll(tag)
{
	
	 // alert("SHOW ALL!");
	$('#portfolio li').each(
		function(){
		if(tag == 'all')
		{
			$(this).show('slow');	
		}
		else {
			 if ($(this).attr('class').toLowerCase().match(tag)==null)
			 {
						
			 }
			else
			{
				$(this).show("slow");
  			}
		}
			
		  
		  });
}