// replace fonts (cufon)
Cufon.replace('#tabs .tab-content .info h2', { fontFamily: 'Eternity' });
Cufon.replace('#tabs .tab-content .info p.intro', { fontFamily: 'DaxRegular' });
Cufon.replace('#tabs .tab-content .info-block h3', { fontFamily: 'DaxMedium' });
Cufon.replace('#extra-block h2', { fontFamily: 'DaxMedium' });
Cufon.replace('.content-blocks h3', { fontFamily: 'DaxMedium' });
Cufon.replace('.tab a', { fontFamily: 'DaxMedium' });

var $tabs = null;
var tabRotationTimer;
var tabIndex = 0;
var status = 'play';

$(document).ready(function() {
	// initialize tabs
	$tabs = $('#tabs').tabs();
	
	// start rotation
	rotateTabs();

	// stop rotation on tab-click
	$('#tabs .tab a').click(function() {
		stopTabRotation();
	});

	// play/pause button
	$('#tabs-play-pause').click(function() {
		if (status == 'play') {
			stopTabRotation();		
		} 
		else {
			rotateTabs();
		}
	});
});

// stop tab rotation
function stopTabRotation() {
	status = 'pause';
	$('#tabs-play-pause').css({'background-position': '0 -18px'});
	clearTimeout(tabRotationTimer);
}

// rotate tabs
function rotateTabs() {
	status = 'play';
	$('#tabs-play-pause').css({'background-position': '0 0'});
	$tabs.tabs('select', tabIndex);
		
	tabIndex = (tabIndex == 3) ? tabIndex = 0 : tabIndex + 1;
	tabRotationTimer = setTimeout('rotateTabs()', 3500);
}