$(document).ready(function() {
	var api = $("#homeSlides").data("scrollable");
	$('#byCategory').hide();
			
	$('a#showClient').click(function() {
		$('#byCategory').animate( {
			opacity: 0,
			height: 'toggle'
		}, 375, function() {
			$('#byClient').animate( {
				opacity: 1,
				height: 'toggle'
			});
		});
		return false;
	});
	
	$('a#showCategory').click(function() {
		$('#byClient').animate( {
			opacity: 0,
			height: 'toggle'
		}, 375, function() {
			$('#byCategory').animate( {
				opacity: 1,
				height: 'toggle'
			});
		});
		return false;
	});

	$(".menu_hover a").tooltip({ 
		effect: 'slide',
		position: 'bottom center',
		offset: [-10, 57],
		direction: 'down',
		relative: true
	});
	
	var bannerTrigger = $(".portPop").overlay({
		mask:{
			color: '#151515',
			loadSpeed: 325,
			opacity: 0.8,
			startOpacity: 0.1
		},
		
		onClose: function(){
			api.play();
		},
		
		onLoad: function(){
			api.stop();
		}
	});
	
	var portfolioTrigger = $(".overPop" ).overlay({
		mask:{
			color: '#151515',
			loadSpeed: 325,
			opacity: 0.8,
			startOpacity: 0.1
		},
		
		onClose: function() {
			api.play();
			SWFAddress.setValue('');
		},
			
		onLoad: function() {
			api.stop();
			SWFAddress.setValue('PortfolioMenu');
		}
	});

var espanolTrigger = $(".espanolPop" ).overlay({
	mask:{
		color: '#151515',
		loadSpeed: 325,
		opacity: 0.8,
		startOpacity: 0.1
	}
});

	
	function handleChange(event) {
		if(event.path=='/') {
			if(portfolioTrigger.overlay().isOpened()) {
				portfolioTrigger.overlay().close();
			}
		} else {
			portfolioTrigger.overlay().load();
		}
	}

	SWFAddress.addEventListener(SWFAddressEvent.CHANGE, handleChange);
});