/**
* @ Dedykowane rozwiązanie dla systemu {TOJO}
* @ autor: Tomasz Gramza
* @ kontakt: tomq8@gmail.com
*/



ph_ie6 = false;

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



// funkcja inicjująca
function ph_init(){

	ph_main = e("ph_gal_main");
	ph_img = e("ph_gal_img");
	ph_all = e("ph_gal_all");
	ph_buttons = e("ph_gal_buttons");
	ph_loader = e("ph_gal_loader");

	// zainicjowanie tablicy adresów obrazków
	ph_url = new Array();
	
	// wypozycjonowanie
	window.onresize = ph_setSize;
	ph_setSize();
	
	// dodanie zdarzeń
	e("ph_gal_next").onclick = new Function(" ph_move(1); return false; ");
	e("ph_gal_back").onclick = new Function(" ph_move(-1); return false; ");
	e("ph_gal_close").onclick = ph_close;
	
	// jeśli IE6
	if(ph_ie6)
		ph_fix_ie6();
	


	k = 0;
	while(e("ph_"+k+"")){
	
		// dodanie zdarzenia na kazdym obazku
		e("ph_"+k+"").onclick = new Function(" ph_gal(this); return false; ");
		
		// dodanie adresu każdego obrazka
		ph_url.push(e("ph_"+k+"").href);
	
		k++;
	}

}





// ustawienie wielkości
function ph_setSize(){

	// pobranie info o rozmiarze okna przeglądarki
	if( typeof( window.innerWidth ) == 'number' ) {
		ph_width = window.innerWidth;
		ph_height = window.innerHeight;
	} else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
		ph_width = document.documentElement.clientWidth;
		ph_height = document.documentElement.clientHeight;
	} else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
		ph_width = document.body.clientWidth;
		ph_height = document.body.clientHeight;
	}

	// rozciągnięcie
	ph_main.style.width = ph_width + 'px';
	ph_main.style.height = ph_height + 'px';
	
	ph_setLoader();
	
	if(ph_ie6){
		ph_buttons.style.width = ph_width + 'px';
		ph_img.style.width = ph_width + 'px';
	}

}





// funkcja pozycjonuje loader
function ph_setLoader(){
	
	ph_left_loader = (ph_width - ph_loader.offsetWidth) / 2;
	ph_top_loader = ph_height / 2;
	ph_loader.style.left = ph_left_loader + 'px';
	ph_loader.style.top = ph_top_loader + 'px';

}





// otworzenie obrazka
function ph_gal(id){
	ph_all.style.display = 'block';
	ph_setLoader();
	ph_load(id);
	ph_move(0);
}





// załadowanie kolejnego obrazka
function ph_load(url){

	// włączenie loadera
	ph_loader.style.display = 'block';
	
	// fix do przewijania
	if( document.body.scrollTop ) ph_img_top = document.body.scrollTop;
	else if( window.pageYOffset ) ph_img_top = window.pageYOffset;
	else if( window.scrollY ) ph_img_top = window.scrollY;
	else ph_img_top = 0;
	
	// wrzucenie obrazka do warstwy
	ph_img.style.display = 'block';
	ph_img_top = ph_img_top + 100;
	ph_img.style.top = ph_img_top + "px";
	ph_img.innerHTML = "<img src="+url+" id=ph_main_img />";
	
	// informacja o ładowaniu
	ph_load_bar();
}





// ładowanie obrazka
function ph_load_bar(){

	// inofrmacja o ładowaniu
		
	// jeśli już wczytany
	if(e("ph_main_img").complete){
		// wyłączenie loadera
		ph_loader.style.display = 'none';
	}
	// jeśli jeszcze nie wczytany
	else{
		setTimeout("ph_load_bar()", 1);
	}

}







// funkcja przsuwająca
function ph_move(dir){

	for(s=0;s<ph_url.length;s++)
		if( ph_url[s] == e("ph_main_img").src )
			t = s;
	
	if(t+dir == -1)
		t = ph_url.length;
	if(t+dir == ph_url.length)
		t = 0;
	else
		t = t+dir;

	ph_load(ph_url[t]);
	e("ph_gal_title").innerHTML = "Zdjęcie "+(t+1)+" z "+ph_url.length;

}





// funkcja zamykająca podlgląd
function ph_close(){
	ph_all.style.display = "none";
	ph_img.style.display = "none";
}


window.onload = ph_init;