var banner_img;

	function banner(actual, sizeof, timeout) {
		
		var main = actual;
		var before = main - 1;
		var size = sizeof;
		
		if(actual == 0) {
			$('#slogan').animate({'opacity':'0'},'fast');
			$(banner_img[size]).animate({'opacity':'0'}, 1000, function() {
				
				$(banner_img[main]).animate({'opacity':'1'}, 1000, function() {
					
					var color = banner_img[main].color;
					
					$('#slogan').html( banner_img[main].title + '<br/><a href="' +banner_img[main].link+ '">Sprawdź!</a>' );
					$('#slogan').css({'color' : ''+color+'' });
					$('#slogan').animate({'opacity':'1'},'slow');
					
				});
				
			});
		}
		else if(actual==sizeof) {
			
			$('#slogan').animate({'opacity':'0'},'fast');
			$(banner_img[before]).animate({'opacity':'0'}, 1000, function() {
				
				$(banner_img[main]).animate({'opacity':'1'}, 1000, function() {
					
					var color = banner_img[main].color;
					
					$('#slogan').html( banner_img[main].title + '<br/><a href="' +banner_img[main].link+ '">Sprawdź!</a>' );
					$('#slogan').css({'color' : ''+color+'' });
					$('#slogan').animate({'opacity':'1'},'slow');
					
				});
				
			});
		} 
		else {
			
			$('#slogan').animate({'opacity':'0'},'fast');
			$(banner_img[before]).animate({'opacity':'0'}, 1000, function() {
				
				$(banner_img[main]).animate({'opacity':'1'}, 1000, function() {
					
					var color = banner_img[main].color;
					
					$('#slogan').html( banner_img[main].title + '<br/><a href="' +banner_img[main].link+ '">Sprawdź!</a>' );
					$('#slogan').css({'color' : ''+color+'' });
					$('#slogan').animate({'opacity':'1'},'slow');
					
				});
				
			});
			
		}
		
		if(actual != sizeof) actual++;
		else actual = 0;
		
		setTimeout('banner('+ actual +','+sizeof+','+timeout+')',timeout);
		
	}

	$(document).ready( function () {
		
		$('#login form').css({'opacity':'0'});
		
		$('#login').mouseenter( function () {
			
			$(this).children('form').animate({'opacity':'1'}, 'slow');
			
		}).mouseleave( function () {
			
			$(this).children('form').animate({'opacity':'0'}, 'slow');
			
		});
		
		banner_img = $('#banner img').each(function (i) {
			
			$(this).css({'opacity':'0'});
			var vars = $(this).attr('alt').split('|');
			this.title = vars[0];
			this.color = vars[1];
			this.link = vars[2];
			$(this).attr('alt', vars[0]);
			this.index = i;
			
		});
		
		var presentation = $('#presentation nav li').each(function (i) {
			
			$(this).mouseover( function () {
			
				$(presentation).removeClass('active');
				$(this).addClass('active');
				$('#slider').animate({'left': (i*1024*(-1))+'px' });
				
			});
			
			this.index = i;
			
		});
		
		banner(0,(banner_img.length - 1),5000);
		
	});