// array to store IDs of our tabs
var tabs = [];
// index for array
var ind = 0;
// store setInterval reference
var inter;

var font = { src: 'fileadmin/fonts/sifr.swf' };
sIFR.activate(font);
function setFont() {
	sIFR.replace(font, { selector: '.header', wmode: 'transparent' });
}

$(function() {
	var tabContainers = $('div.tabs > div');
	tabs = $('ul.tabNavigation a');	
	
	tabContainers.hide().filter(':first').show();

	
    tabs.click(function() {
		
    	tabContainers.hide();
        tabContainers.filter(this.hash).show();

        tabs.removeClass('selected');
		$(this).addClass('selected');
		
		// setFont();
		// if tab is clicked, stop rotating 
		clearInterval(inter);
		
		return false;
	}).filter(':first').click();

    // start rotating tabs
    inter = setInterval("next()", 100);    
    
});

function change(element) {
	$(element).click();
	// start rotating tabs again
    inter = setInterval("next()", 5000); 
}

function next() {
	// call change to display next tab
	change(tabs[ind++]);
	// if it's the last tab, clear the index
	if(ind >= tabs.length) {
		ind = 0;
	}
}