$(document).ready(function(){
    
    
    /* ##########################################
     * DRUKOWANIE
     * ##########################################*/
    
    $("#print").click(function(){
	window.print();
    })

    /* ##########################################
     * WIRTUALNY SPACER
     * ##########################################*/
     
    $("#zwiedzaj").fancybox({
	'transitionIn'		: 'none',
	'transitionOut'		: 'none',
	'autoScale'     	: false,
	'type'			: 'iframe',
	'width'			: 800,
	'height'		: 600,
	'scrolling'   		: 'no'
    });
     
     
    /* ##########################################
     * ROTACJA BANERÓW
     * ##########################################*/

    $('#header').append('<ul id="licznik"><li class="active">1</li><li>2</li><li>3</li></ul>');
    var active_baner = 0;
    var baners = $('#header img');
    var licznik = $('#header #licznik li');
    var liczba = parseInt(baners.length);
    intervalID = setInterval(cycle_switch, 5000);
    
    function cycle_switch() {

	$('#header #licznik li.active').removeClass('active');
	if(active_baner===liczba-1) {
	    $(baners[active_baner]).fadeOut();
	    active_baner = 0;
	    $(baners[active_baner]).fadeIn();
	    
	} else {
	    $(baners[active_baner]).fadeOut();
	    active_baner = active_baner+1;
	    $(baners[active_baner]).fadeIn();
	}
	$(licznik[active_baner]).addClass('active');
    }
    
    $('#header #licznik li').click(function(){
	clearInterval(intervalID);
	var liczba = parseInt($(this).text());
	$('#header #licznik li.active').removeClass('active');
	$(this).addClass('active');

	$(baners[active_baner]).fadeOut();
	$(baners[liczba-1]).fadeIn();
	active_baner = liczba-1;
	
	intervalID = setInterval(cycle_switch, 5000);
    });
		
})