$(document).ready(function() {
	
	//initializing jQuery UI tabs
	$("#solaceTabs").tabs();

	var tabHeight = Number;
	tabHeight = $('#solaceTabs').css('height');
	
	$('#tabContent').height(tabHeight);
	
	
	//trading fancybox
	$('a#trading-rollover').fancybox({
		'overlayShow'	: false,
		'transitionIn'	: 'elastic',
		'transitionOut'	: 'elastic',
		'hideOnOverlayClick' : true
	});
	
	//gaming fancybox
	$('a#gaming-rollover').fancybox({
		'overlayShow'	: false,
		'transitionIn'	: 'elastic',
		'transitionOut'	: 'elastic'
	});
	
	//commerce fancybox
	$('a#commerce-rollover').fancybox({
		'overlayShow'	: false,
		'transitionIn'	: 'elastic',
		'transitionOut'	: 'elastic'
	});
	
	//logistics fancybox
	$('a#logistics-rollover').fancybox({
		'overlayShow'	: false,
		'transitionIn'	: 'elastic',
		'transitionOut'	: 'elastic'
	});
	
	//logistics fancybox
	$('a#logistics2-rollover').fancybox({
		'overlayShow'	: false,
		'transitionIn'	: 'elastic',
		'transitionOut'	: 'elastic'
	});
	
	
	/**
	 * Listens for click event on trading tab and starts animation effect.
	 *
	 **/
	$('#trading').click(function(){
		$('a#trading-rollover').click();
		setTimeout($.fancybox.close, 2500);
	});
	
	/**
	 * Listens for click event on gaming tab and starts animation effect.
	 *
	 **/
	$('#gaming').click(function(){
		$('a#gaming-rollover').click();
		setTimeout($.fancybox.close, 2500);
	});
	
	/**
	 * Listens for click event on commerce tab and starts animation effect.
	 *
	 **/
	$('#commerce').click(function(){
		$('a#commerce-rollover').click();
		setTimeout($.fancybox.close, 2500);
	});
	
	/**
	 * Listens for click event on logistics tab and starts animation effect.
	 *
	 **/
	$('#logistics').click(function(){
		$('a#logistics-rollover').click();
		setTimeout($.fancybox.close, 2500);
	});
	
	/**
	 * Listens for click event on logistics tab and starts animation effect.
	 *
	 **/
	$('#logistics2').click(function(){
		$('a#logistics2-rollover').click();
		setTimeout($.fancybox.close, 2500);
	});
	
});