$(document).ready(function(){
	
	// fade hover **************************************************************
	var _duration = 250;
	
	$('ul.proj-list li').each(function(){
		var _link = $('a', this);
		_link.show().css('opacity',0);
		
		$(this).mouseenter(function(){
			_link.animate({'opacity':1},{duration:_duration, queue:false});
		}).mouseleave(function(){
			_link.animate({'opacity':0},{duration:_duration, queue:false});
		});
	});
	
	// ajax tabs ***************************************************************
	var _ajaxLinks = $('div.tabset a.tab');
	var _contentHolder = $('#ajax-holder');
	var _load = $('.load');
	var _current = 0;
	var _tabDuration = 300;
	if (!_ajaxLinks.hasClass('active')) _contentHolder.empty();
	
	if ($.browser.msie) _tabDuration = 0;
	
	_load.hide();
	
	_ajaxLinks.each(function(i){
		var _link = $(this);
		if (_link.hasClass('active')) {
			_contentHolder.children('div').attr('rel',_link.attr('href')).addClass('loadContent');
			_current = i;
		}
		_link.click(function(){
			loadPage(_link);
			_current = i;
			return false;
		});
	});
	
	function loadPage(link){
		_ajaxLinks.removeClass('active');
		link.addClass('active');
		var _url = link.attr('href');
		var _loadTab = _contentHolder.find('[rel="'+_url+'"]');
		
		_contentHolder.find('.loadContent:visible').css('opacity',0.5);
		
		if (!_loadTab.length) {
			_load.show();
			$.ajax({
				url:_url,
				success:function(_msg){
					var _content = $(_msg).addClass('loadContent').hide().attr('rel',_url);
					_contentHolder.append(_content);
					_contentHolder.find('.loadContent:visible').hide();
					$(_content).fadeIn(_tabDuration)
					_load.hide();
				}
			});
		} else {
			_contentHolder.find('.loadContent:visible').fadeOut(_tabDuration/3, function(){
				_loadTab.css('opacity',1).fadeIn(_tabDuration);
			});
		}
	}
	
	// flickr ******************************************************************
	$('div.flickr, div.flickr-list').each(function(){
		var _link = $('a', this),
			_holder = $(this);
		$.ajax({
			url:_link.attr('href'),
			success:function(msg){
				_holder.html(msg)
			}
		})
	});
	
	loadPage($('div.tabset a.tab.active'));
});

