var str_ile = 6;
var prg = '';
var str_active = '';


var city_width = 1000;
var city_hight = 606;
var ekran_rel_left = 101;
var ekran_rel_top = 125;

var city_left = 0;
var city_top = 0;

var arrow_up_height = 22;
var arrow_up_width = 22;
var scroll_point_height = 11;
var scroll_point_width = 11;
var arrow_up_top_pos = 62;
var arrow_down_top_pos = 377;
var arrow_up_left_pos = 711;
var arrow_down_left_pos = 723;

var scroll_point_top = arrow_up_top_pos + arrow_up_height;
var scroll_bar_height = arrow_down_top_pos - arrow_up_top_pos - arrow_up_height - scroll_point_height;
var scroll_point_left = arrow_up_left_pos + arrow_up_width /2 - scroll_point_width /2;
var scroll_bar_x_move = arrow_down_left_pos - arrow_up_left_pos - 1;

var kurtyna_top = 0;
var kurtyna_left = 0;
var kurtyna_right = 0;
var kurtyna_bottom = 0;

var moz_ekran_top = 0;
var moz_ekran_left = 0;
var moz_ekran_right = 0;
var moz_ekran_bottom = 0;

var strona_clip_top = 0;
var strona_clip_left = 0;
var strona_clip_right = 0;
var strona_clip_bottom = 0;
var strona_clip_bottom_max = 0;

var kurtyna_step_h = 10;
var kurtyna_step_v = 5.5;

var strona_clip_step_v = 10;

var ekran_show_speed = 5;
var strona_moz_show_speed = 50;

function ini()
{
// alert(navigator.appName);
// alert(navigator.userAgent);
// alert(navigator.appVersion);


// var kurtyna_step_v = Math.floor(kurtyna_step_h * ekran.height / ekran.width);

 if (navigator.appName == 'Microsoft Internet Explorer')
 {
  prg = 'ie'
 }
 if (navigator.userAgent.indexOf('Opera') != -1)
 {
  prg = 'opera';
 }
 if (navigator.appName == 'Netscape')
 {
  prg = 'netscape'
 }
 if (navigator.userAgent.indexOf('Firefox') != -1)
 {
  prg = 'firefox';
 }

 if ( (prg == 'firefox') || (prg == 'netscape') )
 {
  for(nr=1; nr<=str_ile; nr++) 
  {
   r = eval('ramka' + '_' + nr);
   r_width = r.style.width;
   r_width2 = r_width.substr(0,r_width.indexOf('px'));
   r.style.width = r_width2 - 6;
   r_height = r.style.height;
   r_height2 = r_height.substr(0,r_height.indexOf('px'));
   r.style.height = r_height2 - 6;
  }
 }
 
 setpos();
 
 city.style.visibility = 'visible';

 flara_harley.style.visibility = 'visible';
 flara_auto.style.visibility = 'visible';
 flara_kot.style.visibility = 'visible';
 
 menu_bar.style.visibility = 'visible';

 menu_1.style.visibility = 'visible';
 menu_2.style.visibility = 'visible';
 menu_3.style.visibility = 'visible';
 menu_4.style.visibility = 'visible';
 menu_5.style.visibility = 'visible';
 menu_6.style.visibility = 'visible';

 ramka_1.style.visibility = 'visible';
 ramka_2.style.visibility = 'visible';
 ramka_3.style.visibility = 'visible';
 ramka_4.style.visibility = 'visible';
 ramka_5.style.visibility = 'visible';
 ramka_6.style.visibility = 'visible';
}

function setpos()
{

 if (window.innerWidth || window.innerHeight)
 {
  xsize = window.innerWidth;
  ysize = window.innerHeight;
 }
 if (document.body.clientWidth || document.body.clientHeight)
 {
  xsize = document.body.clientWidth;
  ysize = document.body.clientHeight;
 }

 if (xsize < 950)
 {
  document.body.style.overflow = 'auto';
 }
 else
 {
  document.body.style.overflow = 'hidden';
 }

 city_left = xsize/2 - city_width/2;
 if (city_left < -128)
 {
  city_left = -128;
 }

 city_top =  ysize/2 - city_hight/2;
 if (city_top < -28)
 {
  city_top = -28;
 }

 city.style.left = city_left;
 city.style.top = city_top;

 moz_ekran_kurtyna.style.left = city_left;
 moz_ekran_kurtyna.style.top = city_top;
 
 flara_harley.style.left = city_left + 520;
 flara_harley.style.top = city_top + 450;

 flara_auto.style.left = city_left + 323;
 flara_auto.style.top = city_top + 412;

 flara_kot.style.left = city_left + 790;
 flara_kot.style.top = city_top + 153;
 
 ramka_1.style.left = city_left + 513;
 ramka_1.style.top = city_top + 397;

 ramka_2.style.left = city_left + 292;
 ramka_2.style.top = city_top + 404;

 ramka_3.style.left = city_left + 122;
 ramka_3.style.top = city_top + 127;

 ramka_4.style.left = city_left + 650;
 ramka_4.style.top = city_top + 339;

 ramka_5.style.left = city_left + 890;
 ramka_5.style.top = city_top + 260;

 ramka_6.style.left = city_left + 773;
 ramka_6.style.top = city_top + 122;

 ekran.style.left = city_left + ekran_rel_left;
 ekran.style.top = city_top + ekran_rel_top;

 ekran_x.style.left = city_left + ekran_rel_left + 734;
 ekran_x.style.top = city_top + ekran_rel_top + 5;

 download_regulamin.style.left = city_left + ekran_rel_left + 510;
 download_regulamin.style.top = city_top + ekran_rel_top + 414;

 download_zamowienie.style.left = city_left +  ekran_rel_left + 35;
 download_zamowienie.style.top = city_top + ekran_rel_top + 412;

 download_umowa.style.left = city_left + ekran_rel_left + 510;
 download_umowa.style.top = city_top + ekran_rel_top + 414;

 download_cennik.style.left = city_left + ekran_rel_left + 510;
 download_cennik.style.top = city_top + ekran_rel_top + 414;

 arrow_up.style.left = city_left + ekran_rel_left + arrow_up_left_pos;
 arrow_up.style.top = city_top + ekran_rel_top + arrow_up_top_pos;

 arrow_down.style.left = city_left + ekran_rel_left + arrow_down_left_pos;
 arrow_down.style.top = city_top + ekran_rel_top + arrow_down_top_pos;

 scroll_point.style.left = city_left + ekran_rel_left + scroll_point_left;
 scroll_point.style.top = city_top + ekran_rel_top + scroll_point_top;

 for(nr=1; nr<=str_ile; nr++) 
 {
  strona = eval('str' + '_' + nr);
  strona.style.left = city_left + ekran_rel_left + 73;
  strona.style.top = city_top + ekran_rel_top + 62;
  if (strona.style.visibility == 'visible')
  {
   scroll_top_max = strona.scrollHeight - strona.offsetHeight;
   scroll_status = 1 - (scroll_top_max - strona.scrollTop) / scroll_top_max;

   scroll_point.style.left = city_left + ekran_rel_left + scroll_point_left + scroll_bar_x_move * scroll_status;
   scroll_point.style.top = city_top + ekran_rel_top + scroll_point_top + scroll_bar_height * scroll_status;
  }
 }


 menu_bar.style.left = city_left + 0;
 menu_bar.style.top = city_top + 588;
 if (ysize < 600)
 {
  menu_bar.style.top = ysize - 16;
 }
 
 
 // city.style.width = xsize;
// window.status = xsize + ' x ' + ysize + '  /  ' + city_left + ' | ' + city_top;

 // city.style.visibility = 'visible';

}

function scroll_event()
{
alert('scroll!');
 if (ysize < 600)
 {
  menu_bar.style.top = ysize - 16 + document.body.scrollTop;
 }
}

function ramka_over(element)
{
 element.style.borderStyle = 'groove groove groove groove';
 element.style.borderWidth = 'medium';
 element.style.borderColor = 'white';
}
function ramka_out(element)
{
 element.style.borderStyle = 'none';
}

function kurtyna_hidde()
{
 kurtyna_top += kurtyna_step_v;
 kurtyna_left += kurtyna_step_h;
 kurtyna_right -= kurtyna_step_h;
 kurtyna_bottom -= kurtyna_step_v;
 
 if ( (kurtyna_left > kurtyna_right) || (kurtyna_top > kurtyna_bottom) )
 {
  moz_ekran_kurtyna.style.visibility = 'hidden';
//    alert('kurtyna ukryta? ekran: ' + ekran.style.visibility + ' kurtyna: ' + moz_ekran_kurtyna.style.visibility);
 return;
 }
 else
 {
  moz_ekran_kurtyna.style.clip = 'rect( ' + kurtyna_top + 'px ' + kurtyna_right + 'px ' + kurtyna_bottom + 'px ' + kurtyna_left + 'px)';
  setTimeout("kurtyna_hidde()", ekran_show_speed);
 }
} 

function moz_ekran_hidde()
{
// alert(ekran.style.clip);

 moz_ekran_top += kurtyna_step_v;
 moz_ekran_left += kurtyna_step_h;
 moz_ekran_right -= kurtyna_step_h;
 moz_ekran_bottom -= kurtyna_step_v;
 
 if ( (moz_ekran_left > moz_ekran_right) || (moz_ekran_top > moz_ekran_bottom) )
 {
  moz_ekran_top = 0;
  moz_ekran_left = 0;
  moz_ekran_right = ekran.width;
  moz_ekran_bottom = ekran.height;

  ekran.style.clip = 'rect( ' + moz_ekran_top + 'px ' + moz_ekran_right + 'px ' + moz_ekran_bottom + 'px ' + moz_ekran_left + 'px)';

  ekran.style.visibility = 'hidden';
//  alert('ekran zwinięty');
 }
 else
 {
  ekran.style.clip = 'rect( ' + moz_ekran_top + 'px ' + moz_ekran_right + 'px ' + moz_ekran_bottom + 'px ' + moz_ekran_left + 'px)';
  setTimeout("moz_ekran_hidde()", ekran_show_speed);
 }
 return;
} 

function ekran_show(str_nr)
{
 if (ekran.style.visibility == 'visible')
 {
  if (prg == 'ie')
  {
   ekran_hidde();
  }
  else
  {
  kurtyna_top = ekran_rel_top;
  kurtyna_left = ekran_rel_left;
  kurtyna_right = kurtyna_left + ekran.width;
  kurtyna_bottom = kurtyna_top + ekran.height;

  moz_ekran_kurtyna.style.clip = 'rect( ' + kurtyna_top + 'px ' + kurtyna_right + 'px ' + kurtyna_bottom + 'px ' + kurtyna_left + 'px)';
  moz_ekran_kurtyna.style.visibility = 'visible';
  ekran.style.visibility = 'visible';
  kurtyna_hidde();	// funkcja odsłaniająca ekran poprzez zwijanie kurtyny - do Firefox
  ekran_hidde_more();   
  }
 }
 
 ramka_1.style.visibility = 'hidden';
 ramka_2.style.visibility = 'hidden';
 ramka_3.style.visibility = 'hidden';
 ramka_4.style.visibility = 'hidden';
 ramka_5.style.visibility = 'hidden';
 ramka_6.style.visibility = 'hidden';

 if (prg == 'ie')
 {
  ekran.style.visibility = 'hidden';
  ekran.filters.item(0).Apply();
  ekran.filters.item(0).Play();
  ekran.style.visibility = 'visible';
 }
 else
 {
  kurtyna_top = ekran_rel_top;
  kurtyna_left = ekran_rel_left;
  kurtyna_right = kurtyna_left + ekran.width;
  kurtyna_bottom = kurtyna_top + ekran.height;

  moz_ekran_kurtyna.style.clip = 'rect( ' + kurtyna_top + 'px ' + kurtyna_right + 'px ' + kurtyna_bottom + 'px ' + kurtyna_left + 'px)';
  moz_ekran_kurtyna.style.visibility = 'visible';
  ekran.style.visibility = 'visible';
  kurtyna_hidde();	// funkcja odsłaniająca ekran poprzez zwijanie kurtyny - do Firefox
 }

 ekran_x.style.visibility = 'visible';
 
 strona = eval('str' + '_' + str_nr);
 str_active = strona;	// przekazanie obiektu strona do zmiennej globalnej

 if ( (str_nr == '2') )
 {
  download_regulamin.style.visibility = 'visible';
 }
 if ( (str_nr == '3') )
 {
  download_umowa.style.visibility = 'visible';
  download_zamowienie.style.visibility = 'visible';
 }
 if ( (strona.scrollHeight - strona.offsetHeight) > 0 )
 {
  if (prg != 'opera')
  {
   arrow_up.style.visibility = 'visible';
   arrow_down.style.visibility = 'visible';
   scroll_point.style.visibility = 'visible';
  }
  else
  {
   eval('str' + '_' + str_nr).style.overflow = 'auto';
  }
 }

 if ( (str_nr == '4') )
 {
  download_cennik.style.visibility = 'visible';
 }
 
 // pokazywanie zawartosci strony na wlaczonym juz ekranie
 if (prg == 'ie_blok')
 {
  strona.filters.item(0).Apply();
  strona.style.visibility = 'visible';
  strona.filters.item(0).Play();

//  setTimeout("set_scroll_point(strona)", 1000);
 }
 else
 {
  strona_clip_top = 0;
  strona_clip_left = 0;
  tmp = strona.style.width;
  strona_clip_right = tmp.substr(0,tmp.indexOf('px'));
  strona_clip_bottom = 0;
  tmp = strona.style.height;
  strona_clip_bottom_max = tmp.substr(0,tmp.indexOf('px'));
  strona.style.clip = 'rect( ' + strona_clip_top + 'px ' + strona_clip_right + 'px ' + strona_clip_bottom + 'px ' + strona_clip_left + 'px)';
  strona.style.visibility = 'visible';
  strona_moz_show(strona);	// funkcja odsłaniająca stronę - do Firefox

 }
  set_scroll_point(str_wew);

} // koniec ekran_show()

function set_scroll_point(strona)
{
 scroll_top_max = strona.scrollHeight - strona.offsetHeight;
   if ( scroll_top_max == 0)
   {
     scroll_status = 0;
   }
   else
   {
    scroll_status = 1 - (scroll_top_max - strona.scrollTop) / scroll_top_max;
   }
   scroll_point.style.left = city_left + ekran_rel_left + scroll_point_left + scroll_bar_x_move * scroll_status;
   scroll_point.style.top = city_top + ekran_rel_top + scroll_point_top + scroll_bar_height * scroll_status;
}

function strona_moz_show(str)
{
 str_wew = str;
 strona_clip_bottom += strona_clip_step_v;

 str.style.clip = 'rect( ' + strona_clip_top + 'px ' + strona_clip_right + 'px ' + strona_clip_bottom + 'px ' + strona_clip_left + 'px)';

  set_scroll_point(str_wew);
 if (  strona_clip_bottom < strona_clip_bottom_max )
 {
  setTimeout("strona_moz_show(str_wew)", strona_moz_show_speed);
 }
 else
 {
  //  alert('strona opuszczona');
 }

}

function ekran_hidde()
{
 if (prg == 'ie')
 {
  ekran.filters.item(0).Apply();
  ekran.style.visibility = 'hidden';
  ekran.filters.item(0).Play();
 }
 else
 {
  moz_ekran_top = 0;
  moz_ekran_left = 0;
  moz_ekran_right = ekran.width;
  moz_ekran_bottom = ekran.height;

  ekran.style.clip = 'rect( ' + moz_ekran_top + 'px ' + moz_ekran_right + 'px ' + moz_ekran_bottom + 'px ' + moz_ekran_left + 'px)';
  moz_ekran_hidde();	// funkcja zwijająca ekran - do Firefox / Mozilla
 }

// alert('ekran ukryty');

ekran_hidde_more(); // ukrywanie pozostalych elementow zwiazanych z ukrywaniem ekranu
}

function ekran_hidde_more()
{
 ekran_x.style.visibility = 'hidden';
 arrow_up.style.visibility = 'hidden';
 arrow_down.style.visibility = 'hidden';
 scroll_point.style.visibility = 'hidden';
 download_regulamin.style.visibility = 'hidden';
 download_umowa.style.visibility = 'hidden';
 download_zamowienie.style.visibility = 'hidden';
 download_cennik.style.visibility = 'hidden';
 
 for(nr=1; nr<=str_ile; nr++) 
 {
  strona = eval('str' + '_' + nr);
  if ( strona.style.visibility == 'visible')
  {
//   strona.filters.item(0).Apply();
   strona.style.visibility = 'hidden';
//   alert(strona.id);
//   strona.filters.item(0).Play();
  }
 }
 ramka_1.style.visibility = 'visible';
 ramka_2.style.visibility = 'visible';
 ramka_3.style.visibility = 'visible';
 ramka_4.style.visibility = 'visible';
 ramka_5.style.visibility = 'visible';
 ramka_6.style.visibility = 'visible';
}

function menuover(id)
{
 id.style.background = 'black';
 id.style.color = 'white';
}
function menuout(id)
{
 id.style.background = 'white';
 id.style.color = 'black';
}

var MyScrollInterval = 0;
scroll_step = 20;
function scroll_up()
{
 str_active.scrollTop -= scroll_step;
 set_scroll_point(str_active);
}
function scroll_down()
{
 str_active.scrollTop += scroll_step;
 set_scroll_point(str_active);
}
function scroll_up_const()
{
 MyScrollInterval = setInterval("scroll_up()", 100);
}
function scroll_down_const()
{
 MyScrollInterval = setInterval("scroll_down()", 100);
}

function clear_selection()
{
 if (prg == 'ie')
 {
  document.selection.empty();
 }
}

function selection_limit(el)
{
 tmp = el.style.left;
 limit_left = tmp.substr(0,tmp.indexOf('px')) - (-1)*5;
 tmp = el.style.width;
 limit_right = limit_left - (-1) * (tmp.substr(0,tmp.indexOf('px')) - 5);

 tmp = el.style.top;
 limit_top = tmp.substr(0,tmp.indexOf('px')) - (-1) * 5;
 tmp = el.style.height;
 limit_bottom = limit_top - (-1) * (tmp.substr(0,tmp.indexOf('px')) - 5);
 
  x_mouse_pos = self.event.clientX;
  y_mouse_pos = self.event.clientY;

//  window.status = limit_left + ', ' + limit_right + ', ' + limit_top + ', ' + limit_bottom + ': ' + x_mouse_pos + ' x ' + y_mouse_pos;

 if ( (x_mouse_pos < limit_left) )
 {
 // document.selection.empty();
// el.ondrag="return(false)";
// alert();
 }
 
 
}