//pohyb v doním menu

var navArrowSlider = function(navWrap, navElementsArray, activeID, arrowY, leftOffset) {
  var last_x_pos = -130;
  var myTransition = new Fx.Transition(Fx.Transitions.Elastic, 0.4);
	var youAreHere = new Fx.Tween($(navWrap), {
		duration: 1400,
		transition: myTransition.easeOut
	});
  
  var SetAllToWhite = function()
  {
    $$(navElementsArray).each(function(item_color){
      item_color.set('styles', {'color': 'white'});
    });
  };
  
	$$(navElementsArray).each(function(item){
		item.addEvent('mouseenter', function() {
		  SetAllToWhite();
			var thisPos = item.getPosition(navWrap).x - ((100 - item.getSize().x)/2);
			youAreHere.cancel();
			item.set('styles', {'color': '#e20b0b'});
			last_x_pos = thisPos;
			youAreHere.start('background-position', thisPos + 'px ' + arrowY + 'px');
		});
	});
  
	var currentArrow = function() {
	  SetAllToWhite();
		youAreHere.cancel();
		
		if($(activeID))
		{
		  var activePos = $(activeID).getPosition(navWrap).x  - ((100 - $(activeID).getSize().x)/2);
		  $(activeID).set('styles', {'color': '#e20b0b'});
		  youAreHere.start('background-position', activePos + 'px ' + arrowY + 'px');
		}
		else
		{
		  youAreHere.start('background-position', '-130px 0px');
    }
	};
  
	SetAllToWhite();
	
	if($(activeID))
	{
	  var a_pos = $(activeID).getPosition(navWrap).x  - ((100 - $(activeID).getSize().x)/2);
	  $(activeID).set('styles', {'color': '#e20b0b'});
	  $(navWrap).setStyle('background-position', a_pos + 'px 0px');
	}
	else
	{
	  $(navWrap).setStyle('background-position', last_x_pos + 'px 0px');
  }
 
	$(navWrap).addEvent('mouseleave', currentArrow);
}; 
 
window.addEvent('domready', function() {

	//reference
  
  var el_view = $('our_work').set('opacity', 0);
  el_view.set('tween', {
      				duration: 1000
      			});
  var banner_cykl;
  
  var snimek_zobraz = function()
  { 
    el_view.fade(1);
  };
  
  var req = new Request.HTML({url:'our_work.php', 
		onSuccess: function(html) {
			$('our_work').set('text', '');
			$('our_work').adopt(html);
		},
		onFailure: function() {
			$('our_work').set('text', 'Chyba při načítání dat.');
		}
	});
	
	var write_banner = function()
	{
	  req.send({url: this});
  }
  
  var banner = function()
  {
    el_view.fade(0);
    write_banner.delay(1000, 'our_work.php');
    snimek_zobraz.delay(1300);
  };
  
  snimek_zobraz.delay(300);
  banner_cykl = banner.periodical(6000);
  
  //slogany
  
  var sl_view = $('slogan').set('opacity', 0);
  var slogan_id = { counter: 1 };
  sl_view.set('tween', {
      				duration: 1000
      			});
  var slogan_cykl;
  
  var slogan_zobraz = function()
  { 
    sl_view.fade(1);
  };
  
  var req2 = new Request.HTML({url:'slogan.php', 
		onSuccess: function(html) {
			$('slogan').set('text', '');
			$('slogan').adopt(html);
		},
		onFailure: function() {
			$('slogan').set('text', 'Chyba při načítání dat.');
		}
	});
	
	var write_slogan = function()
	{
	  req2.send({url: this});
  }
  
  var slogan = function()
  {
    this.counter++;
    
    if(this.counter > 3)
    {
      this.counter = 1;
    }
    
    sl_view.fade(0);
    write_slogan.delay(1000, 'slogan.php?id=' + this.counter);
    slogan_zobraz.delay(1300);
  };
  
  slogan_zobraz.delay(300);
  slogan_cykl = slogan.periodical(8000, slogan_id);
  
  //dolní menu
  
  navArrowSlider(
		'nav_wrap',
		'#nav_wrap a',
		'active_nav',
		'0px',
		'42'
	);
});