shuffle = function(o){ //v1.0
	for(var j, x, i = o.length; i; j = parseInt(Math.random() * i), x = o[--i], o[i] = o[j], o[j] = x);
	return o;
};

var banerCyclists = [ 
    { 'key' : 'ralchimowicz', 'label' : 'Rafał <big>Alchimowicz</big>' }, 
    { 'key' : 'pkurczab', 'label' : 'Piotr <big>Kurczab</big>' }, 
    { 'key' : 'dsilarska', 'label' :  'Dorota <big>Silarska</big>'}, 
	{ 'key' : 'mkawalec', 'label' : 'Marcin <big>Kawalec</big>'}, 
	{ 'key' : 'mziolkowska', 'label' : 'Michalina <big>Ziółkowska</big>'}, 
	{ 'key' : 'pwojczal', 'label' :  'Paweł <big>Wojczal</big>'},
	{ 'key' : 'phebisz', 'label' :  'Paulina <big>Hebisz</big>'}, 
	{ 'key' : 'rhebisz', 'label' :  'Rafał <big>Hebisz</big>'}, 
	{ 'key' : 'mdziewa', 'label' :  'Mikołaj <big>Dziewa</big>'},
	{ 'key' : 'dnowicki', 'label' :  'Damian <big>Nowicki</big>'},
	{ 'key' : 'kogielski', 'label' :  'Konrad <big>Ogielski</big>'} ];

baner = shuffle(banerCyclists);

var activeClass = 0;

$(function() {
	$( "#baner" ).addClass(baner[activeClass].key);
	$( "#baner .cyclistName" ).html( baner[activeClass].label );
	$( "#tabs" ).tabs({
		ajaxOptions: {
			success: function(){},
			error: function( xhr, status, index, anchor ) {
				$( anchor.hash ).html( "Ups, problem z wczytaniem zawartości." );
			}
		},
		select: function(event, ui) { 
			$('#loader').css({height: $('#pages').height()}).show();
		},
		show: function(event, ui) { $('#loader').hide(); }
		//,selected: 2
	});
	
	var $tabs = $('#tabs').tabs(); // first tab selected

	$('.viewNews').live('click', function() {
		var id = $(this).attr('data-id');
		var setNews = function(){
			$( "#news" ).accordion("activate" , '#'+id);
			$('#tabs').unbind('accordioncreate', setNews);
		};
		$('#tabs').bind('accordioncreate', setNews);
		$('#tabs').tabs('select', 1);
		return false;
	});
			
	$('.viewGallery').live( 'click', function() { // bind click event to link
	    //$tabs.tabs('select', 4); // switch to third tab

	    var id = $(this).attr('data-id');
    	var setGallery = function(){
			$( "#galleries" ).accordion("activate" , '#'+id);
			$('#tabs').unbind('accordioncreate', setGallery);
		};
		$('#tabs').bind('accordioncreate', setGallery);
		$('#tabs').tabs('select', 4);
		
	    return false;
	});

	$('.viewAbout').click(function() { // bind click event to link
	    $tabs.tabs('select', 5); // switch to third tab
	    return false;
	});

	$('.viewRace').click(function() { // bind click event to link
	    $tabs.tabs('select', 8); // switch to 8th tab
	    return false;
	});
			
	$('.viewTeam').live('click', function() {
		var id = $(this).attr('data-id');
    	var setCyclict = function(){
			$( "#roster" ).accordion("activate" , '#'+id);
			$('#tabs').unbind('accordioncreate', setCyclict);
		};
		$('#tabs').bind('accordioncreate', setCyclict);
		$('#tabs').tabs('select', 2);
		return false;
	});
	
	$('.viewResults').click(function() { // bind click event to link
	    $tabs.tabs('select', 3); // switch to third tab
	    return false;
	});
	
	setInterval( function(){
		var boxes = $('.rotate');
		var index = Math.floor( Math.random()*boxes.length );
		$('.rotate').hide();
		$('.rotate').eq(index).show();
	}, 10000 );

	$("a.gallery").fancybox({titlePosition: 'inside'});
			
	$(".aNewWindow").attr("target","_blank");
	$("#sidepanel img").mouseover(function(){$(this).css({'opacity':'0.5'})}).mouseout(function(){$(this).css({'opacity':'1'})});
		
	function changeBaner(){
		var nextClass = (activeClass+1)%(baner.length);
				
		$( "#baner" ).effect( 'fade', {}, 500, function(){
			$( "#baner" ).removeClass( baner[activeClass].key ).addClass(baner[nextClass].key ).fadeIn(100);
			$( "#baner .cyclistName" ).hide().html( baner[nextClass].label ).fadeIn( 2000 );
			activeClass = nextClass;
		} );
				
		setTimeout( changeBaner, 10000 );
				
	}
	setTimeout( changeBaner, 10000 );
});