$(function() {
	
	/***
	 *
	 * Zmiana wyglądu po najechaniu na przycisk
	 *
	 */
	$('.thb-cell a').hover(
			function() {	//mouseOver
				
				// Wyłapujemy nr klasy
				var aclass = $(this).attr('class').split('-');
				var id = aclass[1];
				
				//Usuwamy wszystkie classy z crawlera i dodajemy unactive
				remove();
				
				// Z aktualnie oglądanego crawlera usuwamy unactive i dodajemy active
				$('#tht-'+id)
					.removeClass('tht-unactive')
					.addClass('tht-active');
				
				changeImg();
				$(this).css('background-image', "url('images/buttons/big-button-"+id+"-active.png')");
				
				if(id != 4) {
					
					$(this).css('color', '#ffffff');
				}
				
				// Włączenie zabezpieczenia przeciwko auto()
				crawler.hover = true;
				// Zapis nr. aktualnego crawlera - parseInt tworzy liczbę całkowitą
				crawler.current = parseInt(id);
			
			},
			
			function() {	//mouseOut
				
				/*changeImg();
				$(this).css('color', '#525252');*/
				
				crawler.hover = false;			
			}
	);
	
	/***
	 *
	 * Zmiana wyglądu po kliknięciu w lewą strzałkę
	 *
	 */
	$('.tht-left a').click(
			function() {
				
				var goLeft = (crawler.current - 1 < 1) ? 4 : crawler.current - 1;
				
				//Usuwamy wszystkie classy z crawlera i dodajemy unactive
				remove();
				
				// Z aktualnie oglądanego crawlera usuwamy unactive i dodajemy active
				$('#tht-'+goLeft)
					.removeClass('tht-unactive')
					.addClass('tht-active');
				
				changeImg();
				$('.crawler-'+goLeft).css('background-image', "url('images/buttons/big-button-"+goLeft+"-active.png')");
				
				if(goLeft != 4) {
					
					$('.crawler-'+goLeft).css('color', '#ffffff');
				}
				// Zapis nr. aktualnego crawlera
				crawler.current = goLeft;
				
			return false;
			}
	);
	
	/***
	 *
	 * Zmiana wyglądu po kliknięciu w prawą strzałkę
	 *
	 */
	$('.tht-right a').click(
			function() {
				
				var goRight = (crawler.current + 1 > 4) ? 1 : crawler.current + 1;
				
				//Usuwamy wszystkie classy z crawlera i dodajemy unactive
				remove();
				
				// Z aktualnie oglądanego crawlera usuwamy unactive i dodajemy active
				$('#tht-'+goRight)
					.removeClass('tht-unactive')
					.addClass('tht-active');
				
				changeImg();
				$('.crawler-'+goRight).css('background-image', "url('images/buttons/big-button-"+goRight+"-active.png')");
				
				if(goRight != 4) {
					
					$('.crawler-'+goRight).css('color', '#ffffff');
				}
				// Zapis nr. aktualnego crawlera
				crawler.current = goRight;
				
			return false;
			}
	);
	
	/***
	 *
	 * auto() - funkcja przeładowuje górnego crawlera co 10 sek.
	 *
	 */
	auto();
	
	
	/*************
	 *
	 * Portal Crwaler - funkcje obsługujące doly crawler
	 *
	*************/
	/***
	 *
	 * Zmiana wyglądu po kliknięciu w lewą strzałkę
	 *
	 */
	$('.cpc-arrow-left').click(
	
				function() {
										  
					var current = pcrawler.current;
					var goLeftOne = current - 1;
					var goLeftTwo = current - 2;
					
					if(current - 1 == 1) {					
						
						var goLeftOne = 1;
						var goLeftTwo = pcrawler.banners;
					}
					
					if(current - 1 < 1) {					
						
						var goLeftOne = pcrawler.banners;
						var goLeftTwo = pcrawler.banners - 1;						
					}
					
					var banners = createBanners(new Array(goLeftTwo,goLeftOne,current));
					
					$('.cpr-center').animate({opacity: 0},{duration: 200, complete: function() {$(this).html(banners).animate({opacity: 1}, 500);}});
					
					pcrawler.current = goLeftOne;
					
				return false;
				}
	);
	
	/***
	 *
	 * Zmiana wyglądu po kliknięciu w prawą strzałkę
	 *
	 */
	$('.cpc-arrow-right').click(
								
				function() {
										  
					var current = pcrawler.current;
					var goRightOne = current + 1;
					var goRightTwo = current + 2;
					
					if(current + 1 == pcrawler.banners) {					
						
						var goRightOne = pcrawler.banners;
						var goRightTwo = 1;
					}
					
					if(current + 1 > pcrawler.banners) {					
						
						var goRightOne = 1;
						var goRightTwo = 2;						
					}
					
					var banners = createBanners(new Array(current,goRightOne,goRightTwo));
					
					$('.cpr-center').animate({opacity: 0},{duration: 200, complete: function() {$(this).html(banners).animate({opacity: 1}, 500);}});
					
					pcrawler.current = goRightOne;
					
				return false;
				}
	);
	
	$('.cpr-center').hover(
			function() {
				
				pcrawler.hover = true;
			},
			function () {
			 
				pcrawler.hover = false;
			}
	);
	
	/***
	 *
	 * autoPortal() - funkcja przeładowuje dolny crawler co 10 sek.
	 *
	 */
	autoPortal();
	
	
	
	/***
	 *
	 * Tworzy trzy bannery podczas ładowania strony
	 *
	 */
	pcrawlerInit();

	
});


function remove() {
	
	for(var i=1; i<=4; i++) {
						
		$('#tht-'+i)
			.removeClass('tht-active tht-unactive')
			.addClass('tht-unactive');
	}
}

function changeImg() {
	
	for(var i=1; i<=4; i++) {
						
		$('.crawler-'+i).css('background-image', "url('images/buttons/big-button-"+i+"-unactive.png')");
		$('.crawler-'+i).css('color', '#525252');
	}
}

function auto() {
	
	if(!crawler.hover) {
		
		var auto = ((crawler.current + 1) > 4) ? 1 : crawler.current + 1;
		
		//Usuwamy wszystkie classy z crawlera i dodajemy unactive
		remove();
		
		// Z aktualnie oglądanego crawlera usuwamy unactive i dodajemy active
		$('#tht-'+auto)
			.removeClass('tht-unactive')
			.addClass('tht-active');
		
		changeImg();
		$('.crawler-'+auto).css('background-image', "url('images/buttons/big-button-"+auto+"-active.png')");
		
		if(auto != 4) {
					
			$('.crawler-'+auto).css('color', '#ffffff');
		}
		// Zapis nr. aktualnego crawlera
		crawler.current = auto;
	}
	window.setTimeout("auto();", crawler.interval);
}

function pcrawlerInit() {
	
	var current = pcrawler.current;
	var goLeftOne = (current - 1 < 1) ? pcrawler.banners : current - 1;
	var goRightOne = (current + 1 > pcrawler.banners) ? 1 : current + 1;
	
	var banners = createBanners(new Array(goLeftOne,current,goRightOne));
	
	$('.cpr-center').html(banners);
}
	
	
	
	
function createBanners(v) {
	
	var string = '';
	
	for(var i=0; i<=2; i++) {
		
		string += '<div id="cpr-'+v[i]+'" class="cpr-cell cpr-active">'+
				  '<a href="http://www.'+pcrawler.href[v[i]]+'" target="_blank">'+
				  '<img src="images/banners/portal-banner-'+v[i]+'-'+((i==1)?'active':'unactive')+'.gif" alt="" /></a></div>';
	}
	
return string;
}
							
	

function autoPortal() {
	
	if(!pcrawler.hover) {
		
		var current = pcrawler.current;
		var goRightOne = current + 1;
		var goRightTwo = current + 2;
		
		if(current + 1 == pcrawler.banners) {					
			
			var goRightOne = pcrawler.banners;
			var goRightTwo = 1;
		}
		
		if(current + 1 > pcrawler.banners) {					
			
			var goRightOne = 1;
			var goRightTwo = 2;						
		}
		
		var banners = createBanners(new Array(current,goRightOne,goRightTwo));
		
		$('.cpr-center').animate({opacity: 0},{duration: 200, complete: function() {$(this).html(banners).animate({opacity: 1}, 500);}});
		
		pcrawler.current = goRightOne;
	}
	window.setTimeout("autoPortal();", pcrawler.interval);
}
	
