window.addEvent('domready', function() {

  $$('.toggler, .toggler1, .toggler2, .toggler4').each(function(el) { 
		el.addEvent('mouseenter',function(){
		  el.addClass('toogleHoverOn');
		})
		
		el.addEvent('mouseleave',function(){
		  el.removeClass('toogleHoverOn');
		})	
	});
	

	var skroll = new Fx.Scroll(window, {duration: 1000, wait: false, transition: Fx.Transitions.quadInOut});
	
	$$('.toEvents').addEvent('click', function(){ skroll.toElement('events'); });
	$$('.toMedia').addEvent('click', function(){ skroll.toElement('media'); });
	$$('.toInvest').addEvent('click', function(){ skroll.toElement('invest'); });
	$$('.toDistribution').addEvent('click', function(){ skroll.toElement('distribution'); });
	$$('.toReference').addEvent('click', function(){ skroll.toElement('reference'); });


  var slideW = 980;
  var slideH = 640;
  
  // window size
  var winH = Window.getHeight();
  var winW = Window.getWidth();
  
  $('globalWrap').setStyles({      
      width: 3*winW,
      height: 3*winH
  });  
  
  $$('.wrapBox').setStyles({      
      width: winW,
      height: winH,
      position: 'absolute'
  });
  
  
  // wrapIn  
  var offsetX = (winW-slideW)/2;
  var offsetY = (winH-slideH)/2;
  $$('.wrapIn').setStyles({      
      left: offsetX,
      top: offsetY
  });  
  
  
  // nav central
  $$('.navCentral').setStyles({      
      width: (winW/2)-20,
      height: winH/2
  });
  
  
  $('loadingIntro').setStyles({      
      width: (winW),
      height: winH
  });  
  
  
  //console.log(offsetY);

  // nastaveni pozicovani podle sirky okna  
  $('events').setStyles({      
      left: 0,
      top: 0      
  });  
  $('media').setStyles({      
      left: 2*winW,
      top: 0      
  });  
  $('distribution').setStyles({      
      left: 2*winW,
      top: 2*winH
  });    
  $('central').setStyles({      
      left: winW,
      top: winH
  });    
  $('invest').setStyles({      
      left: 0,
      top: 2*winH
  });  
  $('reference').setStyles({      
      left: winW,
      top: 2*winH
  });    
      
    

  

  var myElement = $(document.body);
  var myFx = new Fx.Scroll(myElement).set(winW, winH);

// pocatecni nastaveni na stred
//	         var myElement = $(document.body);
//var myFx = new Fx.Scroll(myElement).set(100, 5000);
  
 

     
});



window.addEvent('load', function() {
  
	new Accordion($('accordion0'), 'h3.toggler', 'div.element', {
		opacity: false,		
		display: 5,
		onActive: function(toggler, element){
			toggler.addClass('toogleOn');
		},
		onBackground: function(toggler, element){
			toggler.removeClass('toogleOn');
		}
	});
	
	new Accordion($('accordion1'), 'h3.toggler1', 'div.element1', {
		opacity: false,		
		display: 5,
		onActive: function(toggler, element){
			toggler.addClass('toogleOn');
		},
		onBackground: function(toggler, element){
			toggler.removeClass('toogleOn');
		}
	});	
	
	new Accordion($('accordion2'), 'h3.toggler2', 'div.element2', {
		opacity: false,		
		display: 5,
		onActive: function(toggler, element){
			toggler.addClass('toogleOn');
		},
		onBackground: function(toggler, element){
			toggler.removeClass('toogleOn');
		}
	});	  
	/*
	new Accordion($('accordion3'), 'h3.toggler3', 'div.element3', {
		opacity: false,		
		onActive: function(toggler, element){
			toggler.addClass('toogleOn');
		},
		onBackground: function(toggler, element){
			toggler.removeClass('toogleOn');
		}
	});	  	
  */
	new Accordion($('accordion4'), 'h3.toggler4', 'div.element4', {
		opacity: false,		
		onActive: function(toggler, element){
			toggler.addClass('toogleOn');
		},
		onBackground: function(toggler, element){
			toggler.removeClass('toogleOn');
		}
	});	    
  
  (function () {
    $('loadingIntro').setStyles({      
        display: 'none'
    })  
  }).delay(800);  
  

  
});