var przesuniecie = 0;
var przesuniecie2 = 800;
var pole=1;
var ciagniety=1;
var ciagniety2=0;
var time1=null;
var time2=null;
var elementy=new Array("1","2","3","4");
var kolejnosc=new Array();
var tabindex=3;
var ostatni=0;
var duzy=0;
var maly=null;
var pozycja_maly=false;
var przewijam=false;
var chwycony = false;
var dokad=0; 
var pre1=new Image();
var pre2=new Image();
var pre3=new Image();
var pre4=new Image();
pre1.src="gfx/blok1.gif";
pre2.src="gfx/blok2.gif";
pre3.src="gfx/blok3.gif";
pre4.src="gfx/blok4.gif";

var pre5=new Image();
var pre6=new Image();
var pre7=new Image();
var pre8=new Image();
pre5.src="gfx/blokm1.gif";
pre6.src="gfx/blokm2.gif";
pre7.src="gfx/blokm3.gif";
pre8.src="gfx/blokm4.gif";


if (!Array.indexOf) {
  Array.prototype.indexOf = function (obj, start) {
    for (var i = (start || 0); i < this.length; i++) {
      if (this[i] == obj) {
        return i;
      }
    }
  }
}

function zwin(co)
{
  if(!przewijam){
    document.getElementById("blok"+co).style.zIndex="100";
    document.getElementById("blokd"+co).style.left="5px";
    document.getElementById("blokd"+co).style.width="50px";
    //document.getElementById("blokd"+co).style.visibility="visible";
    
    time1 = setInterval("zwin_ktok('"+co+"')",10);
    przewijam=true;
  }
}

function zwin_ktok(co)
{
  if(przesuniecie<200)przesuniecie += 3+Math.floor(przesuniecie/12);
  else przesuniecie+=20;
  if(przesuniecie<800){
    document.getElementById("blok"+ciagniety).style.left=przesuniecie+'px';
    document.getElementById("blokd"+co).style.width=przesuniecie+"px";
    if(przesuniecie > pole * 183){
      if(pole<4)pole++;
      if(pole==co){
        if(co!=ciagniety)document.getElementById("blok"+ciagniety).style.visibility='hidden';
        ciagniety=co;
      }
      if(pole!=co)document.getElementById("blok"+(pole)).style.visibility='hidden';
    }
  }
  else {
    time1 = clearInterval(time1);
    elementy[co-1]="0";
    kolejnosc[0] = co;
    for(var i=0; i<elementy.length; i++)
    	if(elementy[i]!="0")kolejnosc.push(elementy[i]);
    elementy[co-1]=co;
    
  	 pole=4;
  	 duzy=co;
     time1 = setInterval("wjedz('"+co+"')",10);
  }
}
function wjedz(co)
{
  if(przesuniecie2<200)przesuniecie2 -= 1+Math.floor(przesuniecie2/12);
  else przesuniecie2-=20;

	//if(duzy>0)
  dokad = 560;
	//else dokad = 5; 
  
  if(przesuniecie2>=dokad){
    if(ciagniety2==0){
		ostatni = kolejnosc[0];
		ciagniety2 = kolejnosc[pole-1];
    }
    if(ciagniety2==ostatni){
    	document.getElementById("blokd"+ciagniety2).style.visibility='visible';
        document.getElementById("blokd"+ciagniety2).style.left=przesuniecie2+'px';
    }
    else document.getElementById("blokm"+ciagniety2).style.left=przesuniecie2+'px';
    if(przesuniecie2 < (450 + pole * 63) && przesuniecie2>500){
    	document.getElementById("blokm"+kolejnosc[pole-1]).style.visibility='visible';
      document.getElementById("blokm"+ciagniety2).style.left=(500 + (pole-1) * 63)+'px';
      ciagniety2 = kolejnosc[pole-2];
      pole--;
    }
  }
  else{
    document.getElementById("blokd"+ciagniety2).style.left='5px';
    time1 = clearInterval(time1);
    duzy = ciagniety2;
    przesuniecie2=5;
    time1 = setInterval("rozwin('"+co+"')",10);
  }
}
function podmien(co)
{
  if(!przewijam){
    przesuniecie=0;
    maly=co;
    pole=1;
    tabindex=0;
    pozycja_maly=false;
    chwycony=false;
    document.getElementById("ctl00_main_wdrozeniaCPH_tresc"+co).style.height = "0px";
    document.getElementById("blokd"+co).style.left='5px';
    document.getElementById("blokd"+co).style.zIndex='40';
    document.getElementById("blokd"+co).style.visibility='visible';
    document.getElementById("blokm"+co).style.zIndex="100";
    time1 = setInterval("podmien_ktok('"+co+"',1)",10);
    przewijam=true;
  }
}

function podmien_ktok(co,kierunek)
{
  if(przesuniecie2<200)przesuniecie2 += 3+Math.floor(przesuniecie2/12);
  else przesuniecie2+=20;
  
  if(przesuniecie2<800){
    if(ciagniety2==ostatni)
      document.getElementById("blokd"+ciagniety2).style.left=przesuniecie2+'px';
    else document.getElementById("blokm"+ciagniety2).style.left=przesuniecie2+'px';
    if(przesuniecie2 > 558 + ((pole-1) * 63) && przesuniecie2<720){
    	
    	pole++;
   		if(ciagniety2==ostatni)								//wjechałem na pierwsze małe pole wiec ukrywam duzy blok
   	      	document.getElementById("blokd"+ciagniety2).style.visibility='hidden';
       	else document.getElementById("blokm"+ciagniety2).style.left=500 + (pole * 63)+'px';
      

      if(!chwycony)ciagniety2 = kolejnosc[pole-1];
      if(co == kolejnosc[pole-1])chwycony=true;

      
       if(kolejnosc[pole-1]!=co)document.getElementById("blokm"+kolejnosc[pole-1]).style.visibility='hidden';
      
    }
  }
  else{
    time1 = clearInterval(time1);
    pole=4;
    ciagniety2=0;
    przesuniecie2=800;
    document.getElementById("blokd"+co).style.zIndex='50';
	
	var temp = elementy[co-1];
	elementy[co-1]="0";
	kolejnosc = Array();
    kolejnosc[0] = co;
    for(var i=0; i<elementy.length; i++)
    	if(elementy[i]!="0")kolejnosc.push(elementy[i]);
    elementy[co-1]=temp;

    time1 = setInterval("wjedz('"+co+"')",10);
   
  }
}

var timeout=0;
function blysk(co,ile, kto)
{
  if(!przewijam)
  {
    document.getElementById("blok"+kto+co).style.background='#eee';
    timeout = setTimeout("document.getElementById('blok"+kto+co+"').style.background='url(gfx/blok"+kto+co+".gif) top left no-repeat';", ile);
  }
}
function out(co,kto)
{
  if(timeout)clearTimeout(timeout);
  if(kto == "m")
    document.getElementById("blok"+kto+co).style.background='url(gfx/blok'+co+'m.gif) top left no-repeat';
  else
    document.getElementById("blok"+kto+co).style.background='url(gfx/blok'+kto+co+'.jpg) top left no-repeat';
  timeout=0;
}
var rozwiniecie=0;
function rozwin(co)
{
  if(rozwiniecie<300){
    rozwiniecie+=10;
    document.getElementById("ctl00_main_wdrozeniaCPH_tresc"+co).style.height = rozwiniecie+"px";
  }
  else{
    rozwiniecie=0;
    time1 = clearInterval(time1);
    przewijam = false;
  }
}