//UWAGI
/*
Cos sie pieprzy przy przesuwaniu w lewo
wyswietla podwojnie 4... chyba rozwiazane
*/

//ustawienia
szybkosc = 20;

//systemowe
status = 0;
//obrazek = 'galeria/7.GIF';
przesuniecie = 0;
nastepny = 4;
szerokosc = 125;
pierwszy = 100;
ilosc = 5;

window.onload = function() {
	//przy ladowaniu powinien pobierac pelna tablice nazw obrazkow ktore bedzie drukowac
	//start();
	
	//test();
	
	$('prawo').onclick = function () {
		if (status == 0){
			status = 1;
		}
	}
	$('lewo').onclick = function () {
		if (status == 0){
			status = 2;
		}
	}
	
	//window.setInterval("przesun();przesun();",szybkosc);
}

function test(){
	alert('qwe');
	//$('galeria1').style.margin-left = '-500px';
}

function przesun() {
	if (status == 1){
		//przesuwanie w prawo
		//przesunieto mniej niz 4 razy
		if (przesuniecie >= ((szerokosc * 5))){
			status = 0;
			przesuniecie = 0;
		}
		else {
			$('galeria1').style.left = pierwszy + 'px';
			
			if (pierwszy >= (szerokosc * 5)){
				$('galeria2').style.left = pierwszy - (szerokosc * 5) + 'px';
			}
			else {
				$('galeria2').style.left = pierwszy + (szerokosc * 1) + 'px';
			}
			
			if (pierwszy >= (szerokosc * 4)){
				$('galeria3').style.left = pierwszy - szerokosc *4 + 'px';
			}
			else {
				$('galeria3').style.left = pierwszy + ((szerokosc * 2)) + 'px';
			}
			
			if (pierwszy >= (szerokosc * 3)){
				$('galeria4').style.left = pierwszy - (szerokosc * 3) + 'px';
			}
			else {
				$('galeria4').style.left = pierwszy + (szerokosc * 3) + 'px';
			}
			
			if (pierwszy >= (szerokosc * 2)){
				$('galeria5').style.left = pierwszy - (szerokosc * 2) + 'px';
			}
			else {
				$('galeria5').style.left = pierwszy + (szerokosc * 4) + 'px';
			}
			
			if (pierwszy >= (szerokosc * 1)){
				$('galeria6').style.left = pierwszy - (szerokosc * 1) + 'px';
			}
			else {
				$('galeria6').style.left = pierwszy + (szerokosc * 5) + 'px';
			}
				
			
			//polozenie poczatkowe ustawienie poczatkowe
			//zmiana polozenia w zaleznosci od pierwszego elementu
			//wczytywanie pierwszego obrazka
				
			//obrazek = 'galeria/5.GIF';		
			if (pierwszy == szerokosc){
				$('galeria6').src = przesun_w_prawo();
			}
			else if (pierwszy == szerokosc * 2){
				$('galeria5').src = przesun_w_prawo();
			}
			else if (pierwszy == (szerokosc * 3)){
				$('galeria4').src = przesun_w_prawo();
			}
			else if (pierwszy == (szerokosc * 4)){	
				$('galeria3').src = przesun_w_prawo();
			}
			else if (pierwszy == (szerokosc * 5)){	
				$('galeria2').src = przesun_w_prawo();
			}
			else if (pierwszy == szerokosc * 6 || pierwszy == 0){
				$('galeria1').src = przesun_w_prawo();
				pierwszy = 0;
			}
			pierwszy++;
			przesuniecie++;
		}
	}
	else if (status == 2){
		//przesuwanie w lewo
		//przesuwanie w prawo
		//przesunieto mniej niz 4 razy
		if (przesuniecie <= - (szerokosc * 4)){
			status = 0;
			przesuniecie = 0;
		}
		else {
			
			$('galeria1').style.left = pierwszy + 'px';
			
			if (pierwszy <= (szerokosc * 5)){
				$('galeria2').style.left = pierwszy + (szerokosc * 1) + 'px';
			}
			else {
				$('galeria2').style.left = pierwszy - (szerokosc * 5) + 'px';
			}
			
			if (pierwszy <= (szerokosc * 4)){
				$('galeria3').style.left = pierwszy + (szerokosc * 2) + 'px';
			}
			else {
				$('galeria3').style.left = pierwszy - (szerokosc * 4) + 'px';
			}
			
			if (pierwszy <= (szerokosc * 3)){
				$('galeria4').style.left = pierwszy + (szerokosc * 3) + 'px';
			}
			else {
				$('galeria4').style.left = pierwszy - (szerokosc * 3) + 'px';
			}
			
			if (pierwszy <= (szerokosc * 2)){
				$('galeria5').style.left = pierwszy + (szerokosc * 4) + 'px';
			}
			else {
				$('galeria5').style.left = pierwszy - (szerokosc * 2) + 'px';
			}
			
			if (pierwszy <= (szerokosc * 1)){
				$('galeria6').style.left = pierwszy + (szerokosc * 5) + 'px';
			}
			else {
				$('galeria6').style.left = pierwszy - (szerokosc * 1) + 'px';
			}
				
				
			//polozenie poczatkowe ustawienie poczatkowe
			//zmiana polozenia w zaleznosci od pierwszego elementu
			//wczytywanie pierwszego obrazka
				
			//obrazek = 'galeria/5.GIF';		
			if (pierwszy == (szerokosc * 1)){
				$('galeria6').src = przesun_w_lewo();
			}
			else if (pierwszy == (szerokosc * 2)){
				$('galeria5').src = przesun_w_lewo();
			}
			else if (pierwszy == (szerokosc * 3)){
				$('galeria4').src = przesun_w_lewo();
			}
			else if (pierwszy == (szerokosc * 4)){
				$('galeria3').src = przesun_w_lewo();
			}
			else if (pierwszy == (szerokosc * 5)){
				$('galeria2').src = przesun_w_lewo();
			}
			else if (pierwszy == 0 || pierwszy == szerokosc * 6){
				$('galeria1').src = przesun_w_lewo();
				pierwszy = szerokosc * 6;
			}
			pierwszy--;
			przesuniecie--;
		}
	}
	else {
		//cos innego status 0 brak ruchu
		status = 0;
	}
}

function przesun_w_prawo(){
	if (nastepny >= ilosc){
		nastepny = 0;
	}
	nastepny++;
	if (nastepny >= ilosc){
		nastepny = 0;
	}
	obrazkiqw = "galeria/1.jpg;galeria/2.jpg;galeria/3.jpg;galeria/4.jpg;galeria/5.jpg;".split(';');
	//qwe = obrazkiqwe[1];
	//galeria = "galeria/"+nastepny+".jpg"
	//alert('2');
	galeria = obrazkiqw[nastepny];
	return galeria;
}

function przesun_w_lewo(){
	
	poprzedni = nastepny - 5;
	nastepny--;
	if (poprzedni <= -1){
		poprzedni = ilosc + poprzedni;  
	}
	//nastepny--;
	if (nastepny == -1){
		nastepny = ilosc - 1;
	}
	obrazkiqw = "galeria/1.jpg;galeria/2.jpg;galeria/3.jpg;galeria/4.jpg;galeria/5.jpg;".split(';');
	//qwe = obrazkiqwe[1];
	//galeria = "galeria/"+nastepny+".jpg"
	//alert('2');
	galeria = obrazkiqw[poprzedni];
	return galeria;
}

function polaczenie_php(dane) {
	var xhr = createXMLHttpRequest();
  xhr.onreadystatechange = function() {
    if (xhr.readyState==4) {
      if (xhr.status==200) {
		var odpowiedz = xhr.responseText;
		obrazek = odpowiedz;
       //wykonaj_rozkaz(odpowiedz);
      } else {
      	return null;
      }
    }
  }
  xhr.open("POST", "galeria.php", true);
  xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded' , 'inna-dana');
  xhr.send(dane);
}



function start() {
	var xhr = createXMLHttpRequest();
  xhr.onreadystatechange = function() {
    if (xhr.readyState==4) {
      if (xhr.status==200) {
		var odpowiedz = xhr.responseText;
		//obrazki = odpowiedz.split('#');
		//wstawianie pierwszych obrazkow
		obrazkiqw[0] = 'galeria/1.jpg';
		obrazkiqw[1] = 'galeria/2.jpg';
		obrazkiqw[2] = 'galeria/3.jpg';
		obrazkiqw[3] = 'galeria/4.jpg';
		obrazkiqw[4] = 'galeria/5.jpg';
		$('galeria1').src = obrazki[nastepny];
		$('galeria2').src = obrazki[nastepny - 1];
		$('galeria3').src = obrazki[nastepny - 2];
		$('galeria4').src = obrazki[nastepny - 3];
		$('galeria5').src = obrazki[nastepny - 4];
      } else {

      }
    }
  }
  xhr.open("POST", "galeria.php", true);
  xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded' , 'inna-dana');
  xhr.send('');
}



function createXMLHttpRequest() {
  try { return new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) {}
  try { return new ActiveXObject("Microsoft.XMLHTTP"); } catch (e) {}
  try { return new XMLHttpRequest(); } catch(e) {}
  alert("Brak obs�ugi XMLHttpRequest");
  return null;
}

function $(id) { return document.getElementById(id); }