// ----------------------------------
// text fadeIn - fadeOut
// ----------------------------------

var T_ID = 0;
var T_TM = null; 

function clear_text()
{
	$('#text'+T_ID).fadeOut('fast', function(){
		
			T_ID ++;
			if (T_ID > 2) {
				T_ID = 0;
			}
			
		clearTimeout(T_TM);
		T_TM = setTimeout('show_text()', 2000);
			
	});
}

function show_text() 
{
		$('#text'+T_ID).fadeIn('fast');
		clearTimeout(T_TM);
		T_TM = setTimeout('clear_text()', 5000);
}

// ----------------------------------
// logo slide
// ----------------------------------

var IMG_WIDTH = 110;
var IMG_HEIGHT = 60;

var WINDOW_SIZE = 8; //ile oberazkow miesci sie w oknie
var LAST_IMG_ID = 23; //id ostatniego obrazka
var ALL_IMG = LAST_IMG_ID+1; //liczba wszystkich obrazkow

var ITEM_WIDTH = 110; //szerokosc jednego pola na obrazek szer obrazka + 20px padding + 8px margin
var WINDOW_SPEED_A = 400;
var HTML_WINDOW_SIZE = ITEM_WIDTH * WINDOW_SIZE;
var HTML_WINDOW_HEIGHT = 60;


var INTERVAL = null;

var OFFSET = 0; //przesuniecie - id pierwszego widocznego obrazka w oknie
var STEP = 0; //krok w iteracji
var	$aImagesHtml = new Array();

var	wnd = null;
var	canvas = null;
var	hide_window = null;


var aLinks = new Array();
aLinks[0] = 'http://www.mistia.org.pl/'; 
aLinks[1] = 'http://www.partnerstwonajurze.pl/'; 
aLinks[2] = 'http://u3w.cba.pl/'; 
aLinks[3] = 'http://powiat-chrzanowski.pl/index.php?id=1028'; 
aLinks[4] = 'http://www.szlakipapieskie.pl/'; 
aLinks[5] = 'http://chrzanowski24.pl/'; 
aLinks[6] = 'http://powiat-chrzanowski.pl/index.php?id=990'; 
aLinks[7] = 'http://www.nauczyciele.mos.krakow.pl/'; 
aLinks[8] = 'http://powiat-chrzanowski.pl/index.php?id=1021'; 
aLinks[9] = 'http://www.malopolskie.pl/emalopolska/'; 
aLinks[10] = 'http://www.sztywnypalazji.pl/'; 
aLinks[11] = 'http://www.pup-chrzanow.pl/'; 
aLinks[12] = 'http://www.powiat-chrzanow.pl/'; 
aLinks[13] = 'http://www.viribus-unitis.pl/'; 
aLinks[14] = 'http://www.zpomocarodzinie.pl/'; 
aLinks[15] = 'http://www.nowyszpital.powiat-chrzanowski.pl/'; 
aLinks[16] = 'http://www.oswiecim.wku.wp.mil.pl/'; 
aLinks[17] = 'http://www.wtzst-chrzanow.pl/'; 
aLinks[18] = 'http://www.diabetycy.chrzanow.eu/'; 
aLinks[19] = 'http://www.uniwersytetdladzieci.com.pl/'; 
aLinks[20] = 'http://www.psary.trm.net.pl/'; 
aLinks[21] = 'http://www.chrzanow.zhp.pl/'; 
aLinks[22] = 'http://www.nasze-zarki.pl/'; 
aLinks[23] = 'http://www.spz-zagorze.pl'; 


function init() 
{

	wnd = document.getElementById('window');
	canvas = document.getElementById('canvas');
	hide_window = document.getElementById('hide_window');
	
	//rozszerzenie aby cala galeria sie zmiescila
	wnd.style.width = parseInt(HTML_WINDOW_SIZE)+'px';
	hide_window.style.width = parseInt(HTML_WINDOW_SIZE)+'px';
	canvas.style.width = parseInt(ALL_IMG*ITEM_WIDTH)+'px';

	wnd.style.height = HTML_WINDOW_HEIGHT+'px';
	canvas.style.height = HTML_WINDOW_HEIGHT+'px';
	hide_window.style.height = HTML_WINDOW_HEIGHT+'px';

	for (var i=0; i<ALL_IMG; i++) {
		
		var xpos = IMG_WIDTH*i;
		
		//parsowane sa miejsca na obrazki w galerii - html
		$aImagesHtml[i] = '<div class="img_con"><div id="logopl'+i+'" onmouseover="stop_animate();show_logo('+i+')" onmouseout="start_animate();hide_logo('+i+')" title="'+aLinks[i]+'" onclick="location.href=\''+aLinks[i]+'\'" style="cursor:pointer; width:110px; height:60px; background:url(/img1/logo_scroll.jpg) no-repeat; background-position: -'+xpos+'px 0px">&nbsp;</div></div>';

		//dodanie place na image tyle ile liczba wszystkich obrazkow
		var div = document.createElement("div");
		div.id = 'place'+i;
		div.className  = 'place';
		canvas.appendChild(div);
		//dodanie kodu html do place
		document.getElementById('place'+i).innerHTML = $aImagesHtml[i];
	}
	
	//zainicjowanie miejsca na zaslepke
	for (var i=0; i<WINDOW_SIZE; i++) {
		var div = document.createElement("div");
		div.id = 'hplace'+i;
		div.className  = 'place';
		hide_window.appendChild(div);
	}
	
	
}


function show_logo(id)
{
	var xpos = -IMG_WIDTH*id;
	document.getElementById('logopl'+id).style.backgroundPosition = xpos+'px -60px';
}

function hide_logo(id)
{
	var xpos = -IMG_WIDTH*id;
	document.getElementById('logopl'+id).style.backgroundPosition = xpos+'px 0px';
}


/*
 * wyswietla zaslepke
 */
function hide_window_place(g_iter) 
{
	var start = OFFSET + (ALL_IMG-WINDOW_SIZE);
	if (start > LAST_IMG_ID) {
		start = start - ALL_IMG;
	}
	var st = start;
	
	for (var i=0; i<WINDOW_SIZE; i++) {
		
		var html = '';
		if (st+i == LAST_IMG_ID+1) {
			html = $aImagesHtml[0];
		}
		else if (st+i == LAST_IMG_ID+2) {
			html = $aImagesHtml[1];
		}
		else if (st+i == LAST_IMG_ID+3) {
			html = $aImagesHtml[2];
		}
		else if (st+i == LAST_IMG_ID+4) {
			html = $aImagesHtml[3];
		}
		else {
			html = $aImagesHtml[st+i]
		}
		
		document.getElementById('hplace'+i).innerHTML = html;
	}	
	hide_window.style.display = 'block';

	var pId = OFFSET;
	//przesuniecie eleemntow z lewej strony opkna na prawa
	for (var i=0; i<(ALL_IMG-WINDOW_SIZE); i++) {
	
		var div = document.getElementById('place'+pId);
		canvas.removeChild(div);
		canvas.appendChild(div);
		
		pId ++;
		if (pId > LAST_IMG_ID) {
			pId = 0;
		}
		
	}
	//przywrocenie pozycji od 0
	canvas.style.left = '0px';
	

	//ukrycie zaslepki
	hide_window.style.display = 'none';

	OFFSET = start;
}


function left_action()
{

	//normalne przesuwanie
	if (STEP < ALL_IMG - WINDOW_SIZE) {
		left();
		STEP ++;
		return;
	}

	//wyswietlenie zaslepki + wykoanie rotacji tak aby byla ciaglosc
	hide_window_place();
	//left();
	STEP = 0;
}




function start_animate2()
{
	INTERVAL = setInterval("left_action()", 200);
}


function start_animate()
{
	INTERVAL = setInterval("left_action()", 1500);
}

function stop_animate()
{
	clearInterval(INTERVAL);
}


function left()
{

	$('#canvas').stop();
	$('#canvas').animate({
    left: '-='+ITEM_WIDTH
  }, WINDOW_SPEED_A, function() {
    // Animation complete.
  });
}