$(document).ready(function() {
	
	$('#clients').cycle({
	    fx: 'fade',
	    timeout: 0,
	    easing: 'easeInOutQuad',
	    sync: true,
	    speed: 250,
	    pager:  '#pager', 
	    pagerAnchorBuilder: function(idx, slide) {
	    	return '#pager li:eq(' + idx + ') a'; 
	    } 
	});
	
	$('#pager').jcarousel({
	    scroll: 2
	});
	
	$('#pager a').click(function() {
	    $('.filter li a.filter-all').trigger('click');
	});
	
	$('.filter li a.filter-all').click(function() {
	    $('.filter li a').removeClass('activeSlide');
	    $(this).addClass('activeSlide');
	    $('.services a')
	    	.fadeTo('fast', 1);
	    return false;
	});
	
	$('.filter li a.filter-web').click(function() {
	    $('.filter li a').removeClass('activeSlide');
	    $(this).addClass('activeSlide');
	    $('.services a')
	    	.filter('.icons')
	    	.fadeTo('fast',0);
	    $('.services a')
	    	.filter('.web')
	    	.fadeTo('fast',1);
	    return false;
	});
	
	$('.filter li a.filter-icons').click(function() {
	    $('.filter li a').removeClass('activeSlide');
	    $(this).addClass('activeSlide');
	    $('.services a')
	    	.filter('.web')
	    	.fadeTo('fast',0);
	    $('.services a')
	    	.filter('.icons')
	    	.fadeTo('fast',1);
	    return false;
	});
	
	$('#pager li a').click(function() {
	    
	    if ($(this).attr('id') == 'you') {
	    	$('.filter').slideUp('fast');
	    	$('#showClients').trigger('click');
	    }
	
	    else {
	    	$('.filter').slideDown('fast');
	    }
	
	});
	
	$('#showClients').click(function() {
	    
	    $('#topSection').slideToggle('slow', 'easeInOutQuad');
	    /* moveInfoPopups(); */
	    if ($(this).hasClass('off')) {
	    	$(this).removeClass('off')
	    }
	    
	    else {
	    	$(this).addClass('off')
	    }
	});
	 
	
	$('#logo').blend({speed : 300});
	
	$('a[rel^="zoom"]').fancyZoom({closeOnClick: true});
	
	$('.services a').mouseover(function(event) {
	    if ($(this).css('opacity') < 1) {
	    	$(this).css({'cursor': 'default'});
	    }
	});
	
	function createInfoPopups() {
	
		var whoOffset = $('span.who').offset();
		var whereOffset = $('span.where').offset();
		var whatOffset = $('span.what').offset();
		
	    $('<div id="whoPopup" />').appendTo('body');
	    $('#whoPopup').css({
	    	background: 'url(folio-images/side-popup.png) no-repeat',
	    	width: '89px',
	    	height: '48px',
	    	position: 'absolute',
	    	left: whoOffset.left - 36 + 'px',
	    	top: whoOffset.top - 50 + 'px',
	    	'z-index': '3',
	    	display: 'none'
	    });
	    $('<div id="wherePopup" />').appendTo('body');
	    $('#wherePopup').css({
	    	background: 'url(folio-images/side-popup.png) no-repeat 0 -48px',
	    	width: '89px',
	    	height: '48px',
	    	position: 'absolute',
	    	left: whereOffset.left - 36 + 'px',
	    	top: whereOffset.top - 50 + 'px',
	    	'z-index': '2',
	    	display: 'none'
	    });
	    $('<div id="whatPopup" />').appendTo('body');
	    $('#whatPopup').css({
	    	background: 'url(folio-images/side-popup.png) no-repeat 0 -96px',
	    	width: '89px',
	    	height: '48px',
	    	position: 'absolute',
	    	left: whatOffset.left - 36 + 'px',
	    	top: whatOffset.top - 50 + 'px',
	    	'z-index': '1',
	    	display: 'none'
	    });
	    
	}
	
	createInfoPopups();
	
	function removeTitles() {
	    $('span').removeAttr('title');
	}
	
	removeTitles();
	
});

function infoTooltips() {

	var displayValue = $('#topSection').css('display');

	$('span.who').hover(function() {
	
	    $('#whoPopup')
	    	.addClass('veryTop')
	    	.stop()
	    	.fadeTo('fast', 1);
	    	
	}, function() {
	
	    $('#whoPopup')
	    	.stop()
	    	.fadeTo('fast', 0)
	    	.stop('true','true')
	    	.removeClass('veryTop');
	});
	
	$('span.where').hover(function() {
	    
	    $('#wherePopup')
	    	.addClass('veryTop')
	    	.stop()
	    	.fadeTo('fast', 1);
	
	}, function() {
	
	    $('#wherePopup')
	    	.stop()
	    	.fadeTo('fast', 0)
	    	.stop('true','true')
	    	.removeClass('veryTop');
	
	});
	
	$('span.what').hover(function() {
	    
	    $('#whatPopup')
	    	.addClass('veryTop')
	    	.stop()
	    	.fadeTo('fast', 1);
	    	
	}, function() {
	
	    $('#whatPopup')
	    	.stop()
	    	.fadeTo('fast', 0)
	    	.stop('true','true')
	    	.removeClass('veryTop');
	    	
	});
	
}

function moveInfoPopups() {
	var $whoP = $('#whoPopup');
	var $whereP = $('#wherePopup');
	var $whatP = $('#whatPopup');
	var whoOffset = $('span.who').offset();
	var whereOffset = $('span.where').offset();
	var whatOffset = $('span.what').offset();
	
	$whoP.css({
		left: whoOffset.left - 36 + 'px',
		top: whoOffset.top - 50 + 'px'
	});
	
	$whereP.css({
		left: whereOffset.left - 36 + 'px',
		top: whereOffset.top - 50 + 'px'
	});
	
	$whatP.css({
		left: whatOffset.left - 36 + 'px',
		top: whatOffset.top - 50 + 'px'
	});
	
}