function bindTooltip()
	{
		var current = $(this);
		
		$(this).qtip({
						content :	{
										text : 		current.attr("alt")
									},
						position :	{
										target :	'mouse',
										corner :	{
														target :	'topLeft',
														tooltip :	'bottomMiddle'
													}
									},
						adjust :	{
										mouse :		true,
										x :			0,
										y :			0
									},
						style :		{
										'font-family': 'verdana, arial',
										'margin': '0px 5px 0px 5px',
										'font-size': '12px',
										'font-weight': 'bold',
										background: '#f9461c',
										color: '#ffffff',
										textAlign: 		'center',
										border: 		{
															width : 0
														},
										padding: 		4,
										tip :			{
															corner:		'bottomMiddle',
															color: 		'#f9461c',
															size:		{
																			x:	10,
																			y:	10
																		}
														}
									},
						api :		{
										beforeShow:		function()
														{
															return !(this.elements.target.parents("li:first").hasClass("hidden"));
														}
									}
					});
	}

$(document).ready(function()
{
	var tooltips		= $('ul#portfolio img');
	tooltips.each(bindTooltip);
	
	var menuFilter = "all";
	
	if($("#menu-" + $.url.attr("anchor")).length > 0)
	{
		menuFilter = $.url.attr("anchor");
	}
	
	currentMenu = $("#menu-" + menuFilter);
	$("#menu li").removeClass('current');
	currentMenu.addClass('current');
	
	if(menuFilter == 'all')
	{
		$('ul#portfolio li.hidden').animate({opacity: "1"}, 500).removeClass('hidden');
	}
	else
	{
		$('ul#portfolio li').each(	function()
									{
										if(!$(this).hasClass(menuFilter))
										{
											$(this).css({opacity: "0.2"}).addClass('hidden'); 
										}
										else
										{
											$(this).css({opacity: "1"}).removeClass('hidden'); 
										}
									});
	}	
	$('ul#menu a').click(	function()
							{
								$(this).css('outline','none');
								$('ul#menu .current').removeClass('current');
								$(this).parent().addClass('current'); 
								
								var filterVal = $(this).text().toLowerCase().replace(' ','-');
				
								if(filterVal == 'all')
								{
									$('ul#portfolio li.hidden').animate({opacity: "1"}, 500).removeClass('hidden');
								}
								else
								{
									$('ul#portfolio li').each(	function()
																{
																	if(!$(this).hasClass(filterVal))
																	{
																		$(this).animate({opacity: "0.2"}, 500).addClass('hidden');
																	}
																	else
																	{
																		$(this).animate({opacity: "1"}, 500).removeClass('hidden');
																	}
																});
								}
								
								return false;
							});
						});
