//startowa liczba dla następnego biura
var nextPartnersId = 5;
var urlSite = '';
var actionSite = '';

//startowa liczba dla następnej linii
var nextLineId = 5;
var urlLine = '';
var actionLine = '';

//cachowanie obrazków
var pic1 = new Image();
pic1.src = "http://opinie-turystyczne.pl/img/mainpage_orange/ajax-loader.gif";

var pic2 = new Image();
pic2.src = "http://opinie-turystyczne.pl/img/mainpage_blue/ajax-loader.gif";


//kliknięcie na kolejne biuro
function mainPageMoveRight(url,action,loaderImg)
{	
	//po kliknięciu strzałki są zablokowane do czasu załadowania biura
	document.getElementById('mainpageLeft').style.display="none";
	document.getElementById('mainpageLeft1').style.display="block";
	document.getElementById('mainpageRight').style.display="none";
	document.getElementById('mainpageRight1').style.display="block";
	
	//pokazuje loader, append dla ie6 żeby tam działało
	document.getElementById("loader").style.display="inline";
	$("#loader").append("<img src='"+loaderImg+"' alt=''/>");
	
	var handle = document.getElementById("mainpageBiuraBox");
	var handleDivs = handle.getElementsByTagName("div");

	//url strony plus akcja czyli czy w przód czy w tył
	urlSite = url;
	actionSite = action; 
	
	//animacja - zwijanie się biura
	$("#mainpageBiuraBox div:first").animate({ 
        width: "123",
        height: "0",
        marginTop: "60"
     }, 1500,"swing",deleteAndGo);
}

//pobranie nowego biura i skasowanie starego
function deleteAndGo()
{
	//usuwa po zwinięciu pierwszy box 
	var handle = document.getElementById("mainpageBiuraBox");
	var handleDivs = handle.getElementsByTagName("div");
	handle.removeChild(handleDivs[0]);
	
	//pobiera postem liczbę biur
	$.post(urlSite+"liczba_biur", function(data){
		var biuraCounter = data;
		
		//w zależności od liczby decyduje które strzałki pokazywać skoro w prawo więc ta w lewo zawsze aktywna
		document.getElementById('mainpageLeft').style.display="block";
		document.getElementById('mainpageLeft1').style.display="none";
		//jeśli liczba biura jest równa następnemu id plus 1 tzn że nie ma następnego biura i strzała nieaktywna
		//tutaj nextPartnersId +1 bo zwiększamy nextPartnersId troszkę niżej :)
		if(biuraCounter == (nextPartnersId+1) && biuraCounter>5)
		{
			document.getElementById('mainpageRight').style.display="none";
			document.getElementById('mainpageRight1').style.display="block";
		}
		else if(biuraCounter<=(nextPartnersId+1))
		{
			document.getElementById('mainpageRight').style.display="none";
			document.getElementById('mainpageRight1').style.display="block";
		}
		else
		{
			document.getElementById('mainpageRight').style.display="block";
			document.getElementById('mainpageRight1').style.display="none";
		}
	 });

	//pobieramy następne biuro
	$.post(urlSite+"nastepne_biuro",{nextId:nextPartnersId,actionSite:actionSite}, function(data){
			//wywalamy loader
			document.getElementById("loader").style.display="none";
			$("#loader img").remove();
			nextPartnersId = nextPartnersId+1;
			var box = data;
			//animacja nowego biura
			$("#mainpageBiuraBox").append(box);
			$("#mainpageBiuraBox .travelsBox:last").animate({ 
		        width: "123",
		        height: "119",
		        marginTop: "0"
		     }, 1500,"swing");
			
		 });
}

//kliknięcie na przycisk po lewej
function mainPageMoveLeft(url,action,loaderImg)
{
	//po kliknięciu strzałki są zablokowane do czasu załadowania biura
	document.getElementById('mainpageLeft').style.display="none";
	document.getElementById('mainpageLeft1').style.display="block";
	document.getElementById('mainpageRight').style.display="none";
	document.getElementById('mainpageRight1').style.display="block";
	
	//pokazuje loader
	document.getElementById("loader").style.display="inline";
	$("#loader").append("<img src='"+loaderImg+"' alt=''/>");
	var handle = document.getElementById("mainpageBiuraBox");
	var handleDivs = handle.getElementsByTagName("div");

	urlSite = url;
	actionSite = action; 
	
	//animacja zwijania biura 
	$("#mainpageBiuraBox .travelsBox:last").animate({ 
		 width: "123",
	     height: "0",
	     marginTop: "60"
     }, 1500,"swing",deleteAndGo1);
}

//skasowanie biura po prawej i pokazanie wcześniejszego biura po lewej
function deleteAndGo1()
{
	//kasujemy biuro po prawej
	$("#mainpageBiuraBox .travelsBox:last").remove();

	//pobieramy liczbę biur
	$.post(urlSite+"liczba_biur", function(data){
		var biuraCounter = data;
		
		//jeśli jest więcej biur niż 5 to strzała w prawo aktywna
		if(biuraCounter>5)
		{
			document.getElementById('mainpageRight').style.display="block";
			document.getElementById('mainpageRight1').style.display="none";
		}
		//jeśli nie to strzała nieaktywna
		else
		{
			document.getElementById('mainpageRight').style.display="none";
			document.getElementById('mainpageRight1').style.display="block";
		}
		//6 bo zmniejszamy nextPartnersId troszkę niżej :)
		//jeśli id następnego biura mniejsze lub równe 6 tzn że mamy pierwsze 5 ocen biur
		if(nextPartnersId<=6)
		{
			document.getElementById('mainpageLeft').style.display="none";
			document.getElementById('mainpageLeft1').style.display="block";
		}
		//tutaj strzała aktywna bo nie mamy pierwszych 5
		else
		{
			document.getElementById('mainpageLeft').style.display="block";
			document.getElementById('mainpageLeft1').style.display="none";
		}
	 });

	//pobiera poprzednie biuro 
	$.post(urlSite+"nastepne_biuro",{nextId:nextPartnersId,actionSite:actionSite}, function(data){
			//wywala loader
			document.getElementById("loader").style.display="none";
			$("#loader img").remove();
			nextPartnersId = nextPartnersId-1;
			var box = data;
			//pakuje na początek nowe biuro z animacją
			$("#mainpageBiuraBox").prepend(box);
			$("#mainpageBiuraBox .travelsBox:first").animate({ 
		        width: "123",
		        height: "119",
		        marginTop: "0"
		     }, 1500,"swing");
		 });

}

//linie działanie takie samo jak w przypadku biur

function mainPageMoveRightLine(url,action,loaderImg)
{
	document.getElementById('mainpageLeftLine').style.display="none";
	document.getElementById('mainpageLeftLine1').style.display="block";
	document.getElementById('mainpageRightLine').style.display="none";
	document.getElementById('mainpageRightLine1').style.display="block";
	document.getElementById("loaderLine").style.display="inline";
	$("#loaderLine").append("<img src='"+loaderImg+"' alt=''/>");
	//document.getElementById("loader").style.display="inline"
	var handle = document.getElementById("mainpageLineBox");
	var handleDivs = handle.getElementsByTagName("div");

	urlLine = url;
	actionLine = action; 
	
	//$("#mainpageBiuraBox div:first").fadeOut('700',deleteAndGo);
	$("#mainpageLineBox div:first").animate({ 
        width: "123",
        height: "0",
        marginTop: "60"
     }, 1500,"swing",deleteAndGoLine);
}

function deleteAndGoLine()
{

	var handle = document.getElementById("mainpageLineBox");
	var handleDivs = handle.getElementsByTagName("div");
	handle.removeChild(handleDivs[0]);
	
	$.post(urlLine+"liczba_linii", function(data){
		var lineCounter = data;

		document.getElementById('mainpageLeftLine').style.display="block";
		document.getElementById('mainpageLeftLine1').style.display="none";
		if(lineCounter == (nextLineId+1) && lineCounter>5)
		{
			document.getElementById('mainpageRightLine').style.display="none";
			document.getElementById('mainpageRightLine1').style.display="block";
		}
		else if(lineCounter<=(nextLineId+1))
		{

			document.getElementById('mainpageRightLine').style.display="none";
			document.getElementById('mainpageRightLine1').style.display="block";
		}
		else
		{
			document.getElementById('mainpageRightLine').style.display="block";
			document.getElementById('mainpageRightLine1').style.display="none";
		}
	 });

	$.post(urlLine+"nastepna_linia",{nextId:nextLineId,actionSite:actionLine}, function(data){
			document.getElementById("loaderLine").style.display="none";
			$("#loaderLine img").remove();
			nextLineId = nextLineId+1;
			var box = data;
			$("#mainpageLineBox").append(box);
			$("#mainpageLineBox .travelsBox:last").animate({ 
		        width: "123",
		        height: "119",
		        marginTop: "0"
		     }, 1500,"swing");
			
		 });
	

}


function mainPageMoveLeftLine(url,action,loaderImg)
{
	document.getElementById('mainpageLeftLine').style.display="none";
	document.getElementById('mainpageLeftLine1').style.display="block";
	document.getElementById('mainpageRightLine').style.display="none";
	document.getElementById('mainpageRightLine1').style.display="block";
	document.getElementById("loaderLine").style.display="inline";
	$("#loaderLine").append("<img src='"+loaderImg+"' alt=''/>");
	var handle = document.getElementById("mainpageLineBox");
	var handleDivs = handle.getElementsByTagName("div");

	urlLine = url;
	actionLine = action; 
	
	//$("#mainpageBiuraBox div:first").fadeOut('700',deleteAndGo);
	$("#mainpageLineBox .travelsBox:last").animate({ 
		 width: "123",
	     height: "0",
	     marginTop: "60"
     }, 1500,"swing",deleteAndGoLine1);
}

function deleteAndGoLine1()
{
	
	$("#mainpageLineBox .travelsBox:last").remove();
	
	$.post(urlLine+"liczba_linii", function(data){
		var lineCounter = data;

		if(lineCounter>5)
		{
			document.getElementById('mainpageRightLine').style.display="block";
			document.getElementById('mainpageRightLine1').style.display="none";
		}
		else
		{
			document.getElementById('mainpageRightLine').style.display="none";
			document.getElementById('mainpageRightLine1').style.display="block";
		}
		if(nextLineId<=6)
		{
			document.getElementById('mainpageLeftLine').style.display="none";
			document.getElementById('mainpageLeftLine1').style.display="block";
		}
		else
		{
			document.getElementById('mainpageLeftLine').style.display="block";
			document.getElementById('mainpageLeftLine1').style.display="none";
		}
	 });

	$.post(urlLine+"nastepna_linia",{nextId:nextLineId,actionSite:actionLine}, function(data){
			document.getElementById("loaderLine").style.display="none";
			$("#loaderLine img").remove();
			nextLineId = nextLineId-1;
			var box = data;
			$("#mainpageLineBox").prepend(box);
			$("#mainpageLineBox .travelsBox:first").animate({ 
		        width: "123",
		        height: "119",
		        marginTop: "0"
		     }, 1500,"swing");
			
		 });

}