var mtduration = 400;
var backdelayon = false;

/*prodleva pred najetim*/
function slide(box,direction) {
 if(!direction) { //sjiydeni   
   slides.delay(mtduration, null, [box,direction]);
 } else if(backdelayon) {//vraceni z detailu
   slides.delay(500, null, [box,direction]);
   backdelayon = false;
 } else { //vyjizdeni
   slides.delay(120, null, [box,direction]);
 }
}

/*najeti - pohyb*/
function slides(box,direction) {
  motionbox = new Fx.Style($(box+'img'), 'top', {
	duration: mtduration, 
	transition: Fx.Transitions.Quart.easeInOut
 });
  var pos = $(box+'img').getStyle('top');
  if(direction) {
	motionbox.start(pos,'-199px');	
  } else {
	motionbox.start(pos,'0px');
  }
}
/*zobrazeni detailu*/
function disp(nbox,direction) {
  if(direction) {//zobrazit
    $('tst').setStyle('display','block');
	  $('tst').setHTML('<div class="box prvni bdetail visible" id="bd'+nbox+'"><img src="images/bdet'+ nbox +'.png" alt="" /><a href="#" class="vice">Chci kontaktovat finančního poradce pro radu či více informací</a><a href="index.php" class="bclose" id="bc'+ nbox +'"><img src="images/closebutton.png" alt="zavřít" /></a></div>');

    $('boxy').setStyle('display','none');
    $('bc'+nbox).onclick = function(){ disp(nbox,0); return false; };
		
  } else {//skryt
	  $('tst').setStyle('display','none');
    $('boxy').setStyle('display','block');
		$('tst').setHTML('');
	  backdelayon = true;
  }
	return false;
}


/*nastaveni akci*/
window.onload = function() {
	
//ziskani pole premmenzch GET
 var pole = window.location.search.substr(1).split("&"); 
 var httpGetVars = new Array(); 
 for(i = 0; i < pole.length; i++){
	 httpGetVars[pole[i].split("=")[0]] = unescape(pole[i].split("=")[1]); 
 } 
 //pokud jsme v sekci natvrdo, odblokuj zaviraci tlacitka detailu
 if(httpGetVars["p"]) {
	 $('bc1').onclick = function(){ return true; };
	 $('bc2').onclick = function(){ return true; };
	 //$('bc3').onclick = function(){ return true; };
 }
	
 $('box1').onmouseover = function(){ slide('box1',1) };
 $('box1').onmouseout = function(){ slide('box1',0) };
 $('box1').onclick = function(){ disp(1,1); return false; };
 
 $('box2').onmouseover = function(){slide('box2',1) };
 $('box2').onmouseout = function(){slide('box2',0) };
 $('box2').onclick = function(){ disp(2,1); return false; };
 
 //$('box3').onmouseover = function(){slide('box3',1) };
 //$('box3').onmouseout = function(){slide('box3',0) };
 //$('box3').onclick = function(){ disp(3,1); return false; };
}