// JavaScript Document

// czy mała wersja?
function is_version_small( innW , innH ) {
	return false;
//	return innH <= 800 || innW <=1200; // warunek dla wersji małej
}


// podają bazową szerokość i wysokość odtwarzacza filmów na podstawie rozmiaru ekranu
function get_ply_dims( innW , innH ) { 
	var dims = {width:0, height:0};
	if( is_version_small( innW , innH ) ) {
		dims.width  = Math.max(innW - 420.0 , 1);
		dims.height = Math.max(innH - 270.0 , 1);
	} else {
		dims.width  = Math.max(innW - 480.0 , 1);
		dims.height = Math.max(innH - 315.0 , 1);
	}
	return dims;
}



/*
// podają bazową szerokość i wysokość odtwarzacza filmów na podstawie rozmiaru ekranu
function get_ply_dims( innW , innH ) { 
 	var scrW = screen.availWidth;
	var scrH = screen.availHeight;
//	alert( scrW + " " + scrH );
	var props = {width:720.0, height:405.0}; // proporcje
	var dims = {width:0, height:0};         
	if( is_version_small( innW , innH ) ) {
		dims.width  = Math.max(scrW - 420.0 , 1);
		dims.height = Math.max(scrH - 270.0 , 1);
	} else {
		dims.width  = Math.max(scrW - 420.0 , 1);
		dims.height = Math.max(scrH - 340.0 , 1);
	}
	if( dims.width / dims.height > props.width / props.height )
		dims.width = props.width * dims.height / props.height;
	else
		dims.height = props.height * dims.width / props.width;
	return dims;
}
*/

/*
// podają bazową szerokość i wysokość odtwarzacza filmów na podstawie rozmiaru okna
function get_ply_dims( innW , innH ) { 
	var max_dims = {width:720.0, height:405.0}; // maksymalny rozmiar ekranu
	var min_dims = 0.75;                    // wymnóż przez tą stałą aby uzyskać minimalny rozmiar ekranu
	var dims = {width:0, height:0};         
	if( is_version_small( innW , innH ) ) {
		dims.width  = innW - 420.0;
		dims.height = innH - 270.0;
	} else {
		dims.width  = innW - 420.0;
		dims.height = innH - 310.0;
	}
	if( dims.width > max_dims.width              ) dims.width  = max_dims.width;
	if( dims.width < max_dims.width * min_dims   ) dims.width  = max_dims.width * min_dims;
	if( dims.height > max_dims.height            ) dims.height = max_dims.height;
	if( dims.height < max_dims.height * min_dims ) dims.height = max_dims.height * min_dims;
	if( dims.width / dims.height > max_dims.width / max_dims.height ) {
		dims.width = max_dims.width * dims.height / max_dims.height;
		if( dims.width < max_dims.width * min_dims ) {
			dims.width  = max_dims.width  * min_dims;
			dims.height = max_dims.height * min_dims;
		}
	}
	else {
		dims.height = max_dims.height * dims.width / max_dims.width;
		if( dims.height < max_dims.height * min_dims ) {
			dims.width  = max_dims.width  * min_dims;
			dims.height = max_dims.height * min_dims;
		}
	}
	dims.width  = parseInt( dims.width  );
	dims.height = parseInt( dims.height );
	
	return dims;
}
*/


var curr_brights = -1;

// Wersja z pseudo streamingiem
function show_movie( file_name , title , id ) {
	var innH = document.documentElement.clientHeight;                          // wysokość klienta
	var innW = document.documentElement.clientWidth;                           // szerokość klienta
	var td_player,title_movie;                                                 // komórka na odtwarzacz i miejsce na tytuł filmu
	var ply_dims = get_ply_dims( innW , innH );                                // pobierz rozmiary odtwarzacza
	if( curr_brights != -1 ) {                                                 // jeśli wcześniej był odtwarzany jakiś film i jego miniatura była wyróżniona
		var div_thmb = document.getElementById("thmb_div_" + curr_brights);    // odszukaj wyróżnioną miniaturę
		if( div_thmb != null )                                                 // odszukanie moglo się nie powieść, więc sprawdź
			div_thmb.className = "thmb_small";                                 // przydziel jej normalną kalsę, tzn juz nie będzie wyróżniona
	}
	curr_brights = id;                                                         // zapamiętaj id nowej wyróżnionej miniatury
	var div_thmb = document.getElementById("thmb_div_" + id);                  // wyszukaj div z miniaturą do wyróżnienia
	div_thmb.className = "thmb_big_brights";                                   // nadaj mu klasę z wyróżnieniem
	
	var content = 
	"<a" +

//  wersja z pseudo-streamingiem z wykorzystaniem xmoov
//	" href=\"http://" + window.location.hostname + "/movies/xmoov/" + mov_id + "\"" +

//  wersja z pseudo-streamingiem z wykorzystaniem modułu apache mod_flvx
	" href=\"http://" + window.location.hostname + "/movies/" + file_name + "\"" +

	" style=\"display:block; width: " + ply_dims.width + "px; height:" + ply_dims.height + "px;\"" +
	" id=\"player\">" +
	"</a>";
	
	td_player = window.document.getElementById("td_player");
	td_player.innerHTML = content;

	title_movie = window.document.getElementById("title_movie");
	title_movie.innerHTML = title + " (<span id='ilosc_pobran'></span>)";
	
	$("#ilosc_pobran").load("http://" + window.location.hostname + "/movies/inc_counter/" + id );
	

	flowplayer("player", "swf/flowplayer-3.2.2-0.swf", {
		play: null,
		fastForward: true,

		clip: {
			scaling: "fit",
			onStart: function(clip) {
				pageTracker._trackEvent("Videos", "Play", title);
			},
			onPause: function(clip) {
				pageTracker._trackEvent("Videos", "Pause", title, parseInt(this.getTime()));
			},
			onStop: function(clip) {
				pageTracker._trackEvent("Videos", "Stop", title, parseInt(this.getTime()));
			},
			onFinish: function(clip) {
				pageTracker._trackEvent("Videos", "Finish", title );
			}
		},
	
		plugins: { 
			pseudo: { url: 'swf/flowplayer.pseudostreaming-3.2.2.swf' } 
		}

	});
}

function menu_main_click( main_nr ) {
	if( document.getElementById( "div_" + main_nr ).clientHeight == 0 ) {   // jeśli klik był na zwiniętej pozycji menu
		for( var i=1 ; true ; i++ ) {                                       // przeszukujemy pozycje menu
			if( i == main_nr ) continue;                                    // pozycja na którą teraz kliknięto nas nie interesuje
			var tmp_div = document.getElementById( "div_" + i );            // pobierz uchwyt pozycji
			if( tmp_div == null )                                           // jeśli się nie udało, to osiągnelismy koniec
				break;                                                      // i przerywamy
			if( tmp_div.clientHeight > 0 ) {                                // jeśli natrafiliśmy na rozwiniętą
				$( "#div_" + i ).slideToggle("slow");                       // to ją zwijamy
				break;                                                      // rozwinięta może być maksymalnie jedna, więc kończymy przeszukiwanie
			}
		}
	}
	$( "#div_" + main_nr ).slideToggle("slow");                             // zwiń lub rozwiń pozycję menu
}

/********************************************************************************************
 tooltips
********************************************************************************************/

function get_coords(evt) {
	var coords = {left:0, top:0};
	if( navigator.appName.match("Microsoft") != null ) {
		coords.left = evt.screenX;
		coords.top  = evt.screenY;
	} else {
		coords.left = evt.pageX;
		coords.top  = evt.pageY;
	}
	return coords;
}

function tooltip_show( evt , text ) {
	var div_tooltip = document.getElementById("tooltip_movie");
	var coords = get_coords(evt);
	div_tooltip.innerHTML = "<p style=\"background-color:white; color:black; font-family:Verdana; font-size:12px; margin:0px; padding:2px; border-width:1px; border-style:solid; border-color:blue\">" + text + "</p>";
	div_tooltip.style.left = coords.left + "px";
	div_tooltip.style.top  = (coords.top+25)  + "px";
	div_tooltip.style.display = "";
}

function tooltip_hide() {
	document.getElementById("tooltip_movie").style.display = "none";
}

/********************************************************************************************
 Powiększanie i pomniejszanie miniaturek
********************************************************************************************/

function small_thumb( img_id ) {
	var div_thmb = document.getElementById("thmb_div_" + img_id);
	div_thmb.className = div_thmb.className == "thmb_big_brights" ? "thmb_small_brights" : "thmb_small";
	document.getElementById("thmb_img_" + img_id).className = "thmb_small";
}

function big_thumb( img_id ) {
	var div_thmb = document.getElementById("thmb_div_" + img_id);
	div_thmb.className = div_thmb.className == "thmb_small_brights" ? "thmb_big_brights" : "thmb_big";
	document.getElementById("thmb_img_" + img_id).className = "thmb_big";
}

/********************************************************************************************
 animacja
********************************************************************************************/
var an_tree_info  = null;  // informacja o strukturze drzewa
var an_bar        = null;  // plugin animacji


function an_inner_html( tree_node , anim_element ) {
	inner_html = "";
	inner_html += "<div class=\"thmb_frame\">";
	inner_html += "<div class=\"thmb_small\" id=\"thmb_div_" + tree_node.list[anim_element].mov_id + "\">";
	inner_html += "<img class=\"thmb_small\" id=\"thmb_img_" + tree_node.list[anim_element].mov_id + "\" src=\"/thumbs/" + tree_node.list[anim_element].mov_id + "_1.png\"";
	inner_html += " onclick=\"show_movie('" + tree_node.list[anim_element].file_name + "','" + tree_node.list[anim_element].title + "'," + tree_node.list[anim_element].mov_id + ");\"";
	inner_html += " onmouseout=\"tooltip_hide();";
	inner_html += "small_thumb(" + tree_node.list[anim_element].mov_id + ");\"";
	inner_html += " onmouseover=\"tooltip_show( event , '" + tree_node.list[anim_element].title + "' );";
	inner_html += "big_thumb(" + tree_node.list[anim_element].mov_id + ");\"";
	inner_html += " />";
	inner_html += "</div>";
	inner_html += "</div>";
	return inner_html;
}

function an_init( tree_info ) {
	var i     = 0;
	var stage = 0;
	var last  = 0;
	var nr    = 0;
	
	an_tree_info = Array();
	while( i < tree_info.length ) {
		var value = "";
		while( i < tree_info.length && tree_info.charCodeAt(i) <= 57 && tree_info.charCodeAt(i) >= 48 ) {
			value = value + tree_info.charAt(i);
			i++;
		}
		i++;
		if( value.length > 0 ) {
			switch( stage ) {
				case 0:
					an_tree_info[value] = Array();
					last = value;
					stage = 1;
					break;
				case 1:
					an_tree_info[last].size = value;
					an_tree_info[last].list = Array();
					if( value == 0 )
						stage = 0;
					else {
						stage = 2;
						nr = 0;
					}
					break;
				case 2:
					an_tree_info[last].list[nr] = Array();
					an_tree_info[last].list[nr].mov_id = value;
					an_tree_info[last].list[nr].file_name = value + ".";
					while( tree_info.charAt(i) != '|' ) {
						an_tree_info[last].list[nr].file_name = an_tree_info[last].list[nr].file_name + tree_info.charAt(i);
						i++;
					}
					i++;
//					alert(an_tree_info[last].list[nr].file_name);
					an_tree_info[last].list[nr].title  = "";
					while( tree_info.charAt(i) != '#' ||  tree_info.charAt(i+1) != '}' ) {
						if( tree_info.charAt(i) == '\'' || tree_info.charAt(i) == '\\' )
							an_tree_info[last].list[nr].title = an_tree_info[last].list[nr].title + "\\";
						an_tree_info[last].list[nr].title = an_tree_info[last].list[nr].title + tree_info.charAt(i);
						i++;
					}
					i += 2;
					nr ++ ;
					if( nr == an_tree_info[last].size )
						stage = 0;
			}
		}
	}
	
	
	// pod firefoxem trza wyczyścić zawartość okienka gdzie użytkownik wpisuje 
	// teskt do wyszukiwania
	document.getElementById("search_text").value = "";

	an_tree_info.curr_sub_id = -1; // do inicjalizacji użyj filmów ze wszystkich kategorii
	an_bar = new animate_bar(
		"animate_div",         // id kontenera w którym zostanie osadzony pasek
		  0,                   // ilość wszystkich animowanych elementów, na razie zerowa, zaraz będzie nadpisna w search
		126,                   // rozmiar elementu
	      1,                   // rozmiar odstępu
		 10,                   // domyślne położenie animowanych elementów względem górnej krawędzi
		an_inner_html,         // metoda zwrotna podajaca kod w htmlu animowanych elementów
		null,                  // dowolne pomocnicze dane użytkownika
		zero_elems_news
	);
	search_movie( "" );	
	
	// pod silnikami opartymi na gecko niepotrzebne, ale nie zaszkodzi
	resize();
	
}

// Klik na next
function an_next() {
	an_bar.next();
}

// Klik na prev
function an_prev() {
	an_bar.prev();
}

/**********************************************************************************************
	Wyszukiwanie
**********************************************************************************************/

// komunikaty gdy zero elementów
var zero_elems_search   = "<table style=\"width:100%; height:124px\"><tr><td style=\"text-align:center; vertical-align:bottom; color:white; font-size:16px; font-family:Verdana\">Nie udało się <b>wyszukać</b> żadnych elementów</td></tr></table>";
var zero_elems_news     = "<table style=\"width:100%; height:124px\"><tr><td style=\"text-align:center; vertical-align:bottom; color:white; font-size:16px; font-family:Verdana\">Nie ma <b>nowości</b> w serwisie</td></tr></table>";
var zero_elems_category = "<table style=\"width:100%; height:124px\"><tr><td style=\"text-align:center; vertical-align:bottom; color:white; font-size:16px; font-family:Verdana\">Brak elementów w wybranej <b>kategorii</b></td></tr></table>";

// odmiana przez liczby
function an_count_info( count ) {
	var info = "";
	if(count == 1 )
		info = "Znaleziono " + count + " film";
	else if( count >= 10 && count <= 20 )
		info = "Znaleziono " + count + " filmów";
	else if( count % 10 >= 2 && count % 10 <= 4 )
		info = "Znaleziono " + count + " filmy";
	else
		info = "Znaleziono " + count + " filmów";
	document.getElementById("search_count").innerHTML = info;
}


function search_movie( search_text ) {
	var i,j,sub_id,search_cnt=0;
	var search_tree = Array();             // zmienna na filmy po wyszukaniu
	search_tree.list = Array();            // zmienna na filmy po wyszukaniu
	
	search_text = search_text.toLowerCase();

	sub_id = an_tree_info.curr_sub_id;           // pobierz zapamiętaną pod-kategorie dla wyszukiwarki
	if( sub_id < 0 ) {                           // wyszukiwanie globalne
		for( i in an_tree_info )
			for( j=0 ; j<an_tree_info[i].size ; j++ )
				if( search_text == "" || an_tree_info[i].list[j].title.toLowerCase().search( search_text ) != -1 )
					search_tree.list[search_cnt++] = an_tree_info[i].list[j];
	} else {                                         // wyszukiwanie dla jednej kategorii, albo dla nowosci gdy sub_id == 0
		for( i=0 ; i<an_tree_info[sub_id].size ; i++ )
			if( search_text == "" || an_tree_info[sub_id].list[i].title.toLowerCase().search( search_text ) != -1 )
				search_tree.list[search_cnt++] = an_tree_info[sub_id].list[i];
	}

	search_tree.size = search_cnt;
	an_count_info( search_cnt );
	
	an_bar.resets(
		search_cnt,
		-1,
		-1,
		-1,
		an_inner_html,
		search_tree,
		zero_elems_search
	);
	
	if( sub_id == 0 )
		document.getElementById("td_warrning").innerHTML = "wyszukano tylko w nowościach";
	else if( sub_id > 0 )
		document.getElementById("td_warrning").innerHTML = "wyszukano tylko w bieżącej kategorii";
	if( sub_id >= 0 ){
		document.getElementById("tbl_warrning").style.display = "block";
	}
	
}

function global_search() {
	document.getElementById("tbl_warrning").style.display = "none";        // usuń warrning o wyszukiwaniu zawężonym do ostatniej kategorii
	an_tree_info.curr_sub_id = -1;                                         // ustaw wyszukiwanie lokalne
	search_movie( document.getElementById("search_text").value );          // ponów wyszukiwanie dla wprowadzonego wcześniej tesktu
}

/**********************************************************************************************
  Klik na menu kategorii
**********************************************************************************************/

function menu_sub_click( sub_id ) {
	an_tree_info.curr_sub_id = sub_id;                    // zapamiętujemy bieżącą pozycję na potrzeby wyszukiwarki
	document.getElementById("search_text").value = "";    // czyścimy zawartość przeglądarki
	an_count_info( an_tree_info[sub_id].size );

	// wyświetlamy wszystkie filmy z pod-kategorii
	an_bar.resets(
		an_tree_info[sub_id].size,
		-1,
		-1,
		-1,
		an_inner_html,
		an_tree_info[sub_id],
		sub_id == 0 ? zero_elems_news : zero_elems_category
	);
	document.getElementById("tbl_warrning").style.display = "none";  // usuń warrning o wyszukiwaniu zawężonym do ostatniej kategorii
}

/**********************************************************************************************
  Zmiana rozmiaru okna
**********************************************************************************************/
/*
function resize() {
	var innH = document.documentElement.clientHeight;
	var innW = document.documentElement.clientWidth;
	var is_small =  is_version_small( innW , innH );          // warunek dla wersji małej
	var sufix       = is_small ? "_small" : "";  // przyrostek do nazwy obrazków; w przypadku wersji malej "_small"
	var width_left  = is_small ?  301 : 306;     // szerokosć lewej części nagłówka
	var height_1    = is_small ?   76 : 105;     // wysokość lewej części nagłówka
	var height_2    = is_small ?   47 : 105;     // wysokość prawej i środkowej częsci nagłówka
	var width_right = is_small ?  338 : 338;     // szerokość obrazka z prawej strony nagłówka, musi być długi bo na nim jest link do szkoły tańca
	var ply_dims    = get_ply_dims( innW , innH );     // rozmiar odtwarzacza
	
	$("#head_main_table").css("background" , "url(/img/top_h" + sufix + ".png)" );
	$("#head_main_table").css("backgroundRepeat" , "repeat-x" );
	
	$("#head_left_td").css("width"  , width_left );
	$("#head_left_td").css("height" , height_1 );
	
	$("#head_left_img").attr("src" , "img/top_left" + sufix + ".png" );
	
	$("#head_right_1_td").css("height" , height_2 );
	$("#head_right_img").attr("src" , "img/top_h" + sufix + ".png" );

	$("#head_right_2_td").css("height" , height_2 );
	$("#head_right_2_td").css("width"  , width_right );
	if( is_small ) {
		$("#head_right_2_td").css("paddingTop"   , 25 );
		$("#head_right_2_td").css("paddingRight" , 20 );
	} else {
		$("#head_right_2_td").css("paddingTop"  , 50 );
		$("#head_right_2_td").css("paddingRight" ,150 );
	}
	$("#table_animate").css("width" , innW-320 );
//	$("#table_player").css("left" , parseInt( Math.max( ( $("#contener_player").width() - ply_dims.width )/2 , 0 ) ) );
	
	var ply_left = parseInt((document.getElementById("contener_player").offsetWidth - ply_dims.width ) / 2 + 300);
//	var ply_top  = parseInt( Math.max( (innH-(is_small?150:50) - ply_dims.height ) / 2 , 60 )  ) ;
	var ply_top = 108;
	if( innH > 710 )
		ply_top += (innH - 710)/2;
	document.getElementById("table_player").style.left = ply_left + "px";
	document.getElementById("table_player").style.top  = ply_top  + "px";
	
	// dlaczego pod IE przez getElementById działa lepiej niż przez jquery?
	document.getElementById("head_right_2_td").style.backgroundImage = "url(/img/top_right" + sufix + ".png)";
//	$("#head_right_2_td").css("background" , "url(/img/top_right" + sufix + ".png)" );

	var plys = Array("img_player","td_player","player");
	for( var i=0 ; i<plys.length ; i++ ) {
		var ply = document.getElementById( plys[i] );
		if( ply != null ) {
			ply.style.width  = ply_dims.width  + "px";
			ply.style.height = ply_dims.height + "px";
		}
	}
	
	var flr = document.getElementById("flara");
	flr.style.width = parseInt( ply_dims.width * 1.14 ) + "px";
	flr.style.left  = parseInt( ply_left - ply_dims.width * 0.07 + 3 ) + "px";
	flr.style.top   = ( ply_top + ply_dims.height - 380  ) + "px";
	

	if( an_bar != null )  // poprawka pod conquerora pod linuxa, inaczje wywołuje zdarzenia resize
		an_bar.resizes();
}
*/

/*
function resize() {
	var innH = document.documentElement.clientHeight;
	var innW = document.documentElement.clientWidth;
	var is_small =  is_version_small( innW , innH );          // warunek dla wersji małej
	var sufix       = is_small ? "_small" : "";  // przyrostek do nazwy obrazków; w przypadku wersji malej "_small"
	var width_left  = is_small ?  301 : 306;     // szerokosć lewej części nagłówka
	var height_1    = is_small ?   76 : 105;     // wysokość lewej części nagłówka
	var height_2    = is_small ?   47 : 105;     // wysokość prawej i środkowej częsci nagłówka
	var width_right = is_small ?  338 : 338;     // szerokość obrazka z prawej strony nagłówka, musi być długi bo na nim jest link do szkoły tańca
	var ply_dims    = get_ply_dims( innW , innH );     // rozmiar odtwarzacza
	
	$("#head_main_table").css("background" , "url(/img/top_h" + sufix + ".png)" );
	$("#head_main_table").css("backgroundRepeat" , "repeat-x" );
	
	$("#head_left_td").css("width"  , width_left );
	$("#head_left_td").css("height" , height_1 );
	
	$("#head_left_img").attr("src" , "img/top_left" + sufix + ".png" );
	
	$("#head_right_1_td").css("height" , height_2 );
	$("#head_right_img").attr("src" , "img/top_h" + sufix + ".png" );

	$("#head_right_2_td").css("height" , height_2 );
	$("#head_right_2_td").css("width"  , width_right );
	if( is_small ) {
		$("#head_right_2_td").css("paddingTop"   , 25 );
		$("#head_right_2_td").css("paddingRight" , 20 );
	} else {
		$("#head_right_2_td").css("paddingTop"  , 50 );
		$("#head_right_2_td").css("paddingRight" ,150 );
	}
	$("#table_animate").css("width" , innW-320 );
//	$("#table_player").css("left" , parseInt( Math.max( ( $("#contener_player").width() - ply_dims.width )/2 , 0 ) ) );
	
	var ply_left = parseInt((document.getElementById("contener_player").offsetWidth - ply_dims.width ) / 2 + 300);
//	var ply_top  = parseInt( Math.max( (innH-(is_small?150:50) - ply_dims.height ) / 2 , 60 )  ) ;
	var ply_top = is_small ? 80 : 108;
	document.getElementById("table_player").style.left = ply_left + "px";
	document.getElementById("table_player").style.top  = ply_top  + "px";
	
	// dlaczego pod IE przez getElementById działa lepiej niż przez jquery?
	document.getElementById("head_right_2_td").style.backgroundImage = "url(/img/top_right" + sufix + ".png)";
//	$("#head_right_2_td").css("background" , "url(/img/top_right" + sufix + ".png)" );

	var plys = Array("img_player","td_player","player");
	for( var i=0 ; i<plys.length ; i++ ) {
		var ply = document.getElementById( plys[i] );
		if( ply != null ) {
			ply.style.width  = ply_dims.width  + "px";
			ply.style.height = ply_dims.height + "px";
		}
	}
	
	var flr = document.getElementById("flara");
	flr.style.width = parseInt( ply_dims.width * 1.14 ) + "px";
	flr.style.left  = parseInt( ply_left - ply_dims.width * 0.07 + 3 ) + "px";
	flr.style.top   = ( ply_top + ply_dims.height - 380  ) + "px";
	

	if( an_bar != null )  // poprawka pod conquerora pod linuxa, inaczje wywołuje zdarzenia resize
		an_bar.resizes();
}
*/


function resize() {
	var innH = document.documentElement.clientHeight;
	var innW = document.documentElement.clientWidth;
	var is_small =  is_version_small( innW , innH );          // warunek dla wersji małej
	var sufix       = is_small ? "_small" : "";  // przyrostek do nazwy obrazków; w przypadku wersji malej "_small"
	var width_left  = is_small ?  301 : 306;     // szerokosć lewej części nagłówka
	var height_1    = is_small ?   76 : 105;     // wysokość lewej części nagłówka
	var height_2    = is_small ?   47 : 105;     // wysokość prawej i środkowej częsci nagłówka
	var width_right = is_small ?  338 : 338;     // szerokość obrazka z prawej strony nagłówka, musi być długi bo na nim jest link do szkoły tańca
	var ply_dims    = get_ply_dims( innW , innH );     // rozmiar odtwarzacza
	
	$("#head_main_table").css("background" , "url(/img/top_h" + sufix + ".png)" );
	$("#head_main_table").css("backgroundRepeat" , "repeat-x" );
	
	$("#head_left_td").css("width"  , width_left );
	$("#head_left_td").css("height" , height_1 );
	
	$("#head_left_img").attr("src" , "img/top_left" + sufix + ".png" );
	
	$("#head_right_1_td").css("height" , height_2 );
	$("#head_right_img").attr("src" , "img/top_h" + sufix + ".png" );

	$("#head_right_2_td").css("height" , height_2 );
	$("#head_right_2_td").css("width"  , width_right );
	if( is_small ) {
		$("#head_right_2_td").css("paddingTop"   , 25 );
		$("#head_right_2_td").css("paddingRight" , 20 );
	} else {
		$("#head_right_2_td").css("paddingTop"  , 50 );
		$("#head_right_2_td").css("paddingRight" ,150 );
	}
	$("#table_animate").css("width" , innW-320 );
//	$("#table_player").css("left" , parseInt( Math.max( ( $("#contener_player").width() - ply_dims.width )/2 , 0 ) ) );
	
	var ply_left = 380;
	var ply_top = is_small ? 80 : 108;
	document.getElementById("table_player").style.left = ply_left + "px";
	document.getElementById("table_player").style.top  = ply_top  + "px";
	
	// dlaczego pod IE przez getElementById działa lepiej niż przez jquery?
	document.getElementById("head_right_2_td").style.backgroundImage = "url(/img/top_right" + sufix + ".png)";
//	$("#head_right_2_td").css("background" , "url(/img/top_right" + sufix + ".png)" );

	var plys = Array("img_player","td_player","player");
	for( var i=0 ; i<plys.length ; i++ ) {
		var ply = document.getElementById( plys[i] );
		if( ply != null ) {
			ply.style.width  = ply_dims.width  + "px";
			ply.style.height = ply_dims.height + "px";
		}
	}
	
	var flr = document.getElementById("flara");
	flr.style.width = parseInt( ply_dims.width * 1.14 ) + "px";
	flr.style.left  = parseInt( ply_left - ply_dims.width * 0.07 + 3 ) + "px";
	flr.style.top   = ( ply_top + ply_dims.height - 380  ) + "px";
	

	if( an_bar != null )  // poprawka pod conquerora pod linuxa, inaczje wywołuje zdarzenia resize
		an_bar.resizes();
}


$(window).resize(function() {
	resize();
});