document.addEvent("domready",function()
{
	// check of we wel op de voorpagina zitten, anders krijgen we allemaal errortjes etc
	if ($('sfeerbeeld')) {
		if ($('sfeerbeeld').hasClass('groot')) {
			var pijltje = $('rightarrow'),
				teksten = $$('#sfeertext p'),
				header = $('#sfeertext h1'),
				metertje = $('sfeerbeeld');

			teksten.fade('hide');

			var startoffset = 63,
				plus = 45,
				offset = startoffset,
				period = 4000,
				rotate = 0,
				duurtlang = 3;
			var sfeerafbeeldingen = Array();
			sfeerafbeeldingen[0] = $('sfeerbeeld_2');
			sfeerafbeeldingen[1] = $('sfeerbeeld_3');


			sfeerafbeeldingen.each(function(el,i)
			{
				sfeerafbeeldingen[i].set('tween',{duration:1300});
				sfeerafbeeldingen[i].fade('hide');
			});

			(function() {
				if (rotate == 2 && duurtlang == 3) {
					rotate = 0;
					offset = startoffset;
					//teksten.fade('out');
					sfeerafbeeldingen[0].fade('hide');
					sfeerafbeeldingen[1].fade('out');
					duurtlang = 3;
				} else if (rotate ==2 && duurtlang < 3) {
					duurtlang++;
				} else {
					offset = offset + plus;
					teksten[rotate].fade('in');
					sfeerafbeeldingen[rotate].fade('in');

					rotate++;
				}
				pijltje.tween('top', offset);
				
			}).periodical(period);

			/*var l1 = function() {
				pijltje.tween('top', offset);
				teksten[0].fade('in');
				setTimeout(l2,3000);
			};

			var l2 = function() {
				pijltje.tween('top', (offset+plus));
				teksten[1].fade('in');
			};

			setTimeout(l1,3000);*/

		}
	}
	
	var defaultValue = "Zoek product / artikel";
	
	var inputSearch = $$('input#searchkeys');
  inputSearch.addEvents({
		focus: function() {
			if (this.get('value') == defaultValue) this.erase('value');
		},
		blur: function() {
			if (this.get('value') == '') this.set('value', defaultValue);
		}
	}).set('value',defaultValue);
	
	
	
  $$('div.product_groep').each(function(pg)
  {
    pg.addEvents({
      'mouseenter':function() { pg.addClass('hover'); },
      'mouseleave':function() { pg.removeClass('hover'); }
    });
  });
  
  
  if($('dlg_locaties'))
  {
    //medewerkerspagina
    var emp_links = $$(".overzichtWrapper div.medewerkers a");
    var emp_infos = $$(".medewerkersWrapper div.medewerker");
    emp_links.each(function(el)
    {
      el.addEvent('click',function()
      {
        emp_infos.setStyle('display','none');
        emp_links.removeClass('active');
        $('medewerker_info_'+el.get('rel')).setStyle('display','block');
        el.addClass('active');
        
      });
    });
  }
  
  
  
});