// JavaScript Document

//stałe
bigbox=9;
smallbox=2;

//wczytywanie obrazków 
och_bbd_top = new Image();
och_bbd_top.src="./images/och_bbd_top.gif";
och_bbd_interior = new Image();
och_bbd_interior.src="./images/och_bbd_interior.gif";
och_bbd_bottom = new Image();
och_bbd_bottom.src="./images/och_bbd_bottom.gif";
och_sbd_top = new Image();
och_sbd_top.src="./images/och_sbd_top.gif";
och_sbd_interior = new Image();
och_sbd_interior.src="./images/och_sbd_interior.gif";
och_sbd_bottom = new Image();
och_sbd_bottom.src="./images/och_sbd_bottom.gif";

och_bbl_top = new Image();
och_bbl_top.src="./images/och_bbl_top.gif";
och_bbl_interior = new Image();
och_bbl_interior.src="./images/och_bbl_interior.gif";
och_bbl_bottom = new Image();
och_bbl_bottom.src="./images/och_bbl_bottom.gif";
och_sbl_top = new Image();
och_sbl_top.src="./images/och_sbl_top.gif";
och_sbl_interior = new Image();
och_sbl_interior.src="./images/och_sbl_interior.gif";
och_sbl_bottom = new Image();
och_sbl_bottom.src="./images/och_sbl_bottom.gif";


function show (id_div)
{
	var o = document.getElementById(id_div);
	o.style.display = 'block';
}

function hide (id_div)
{
	var o = document.getElementById(id_div);
	o.style.display = 'none';
} 

function hide_all(){
  for (i=0;i<=bigbox;i++)
  {
    hide ('strbb'+i)
  }
  for (i=1;i<=smallbox;i++)
  {
    hide ('strsb'+i)
  }  
}

function light_bb(id){

	var o_top = document.getElementById('bb'+id+'_top');
	var o_interior = document.getElementById('bb'+id+'_interior');
	var o_bottom = document.getElementById('bb'+id+'_bottom');

	o_interior.style.color = '#444444';
  o_top.style.background = 'url('+och_bbl_top.src+')';
  o_interior.style.background = 'url('+och_bbl_interior.src+')';   
  o_bottom.style.background = 'url('+och_bbl_bottom.src+')';   
}

function light_sb(id){

	var o_top = document.getElementById('sb'+id+'_top');
	var o_interior = document.getElementById('sb'+id+'_interior');
	var o_bottom = document.getElementById('sb'+id+'_bottom');

	o_interior.style.color = '#444444';
  o_top.style.background = 'url('+och_sbl_top.src+')';
  o_interior.style.background = 'url('+och_sbl_interior.src+')';   
  o_bottom.style.background = 'url('+och_sbl_bottom.src+')';     
}

function change_all_to_light (bb,sb)
{
  for (i=1;i<=sb;i++)
  {
    light_sb(i);
  }
  for (i=1;i<=bb;i++)
  {
    light_bb(i);
  }  
}

function dark_bb(id){

  change_all_to_light (bigbox,smallbox);
  hide_all ();
  show ('strbb'+id);
  
	var o_top = document.getElementById('bb'+id+'_top');
	var o_interior = document.getElementById('bb'+id+'_interior');
	var o_bottom = document.getElementById('bb'+id+'_bottom');

	o_interior.style.color = '#ffffff';
  o_top.style.background = 'url('+och_bbd_top.src+')';
  o_interior.style.background = 'url('+och_bbd_interior.src+')';   
  o_bottom.style.background = 'url('+och_bbd_bottom.src+')';   
}

function dark_sb(id){

  change_all_to_light (bigbox,smallbox)
  hide_all ();
  show ('strsb'+id);
  
	var o_top = document.getElementById('sb'+id+'_top');
	var o_interior = document.getElementById('sb'+id+'_interior');
	var o_bottom = document.getElementById('sb'+id+'_bottom');

	o_interior.style.color = '#ffffff';
  o_top.style.background = 'url('+och_sbd_top.src+')';
  o_interior.style.background = 'url('+och_sbd_interior.src+')';   
  o_bottom.style.background = 'url('+och_sbd_bottom.src+')';     
}