window.addEvent('domready', function() {
	
    var portfolio_carrousel= new carrousel($$(".portfolio_carrousel"), {
	steps: 4,
	mode: "line",
	random: false,
	autoplay: false,
	stop: ".stop",
	start: ".start",
	duration:2000,
	speed: 800
	});
  
  var status = {
    'true': 'open',
    'false': 'close'
  };

  var slidetime =5500;
  var slidecounter = 0;
  var numberofslides = 9;
  var slideshow_on =false;
  var hslides = new Array(numberofslides);
  var slogans = new Array(numberofslides);
   
  for(var i=0;i<numberofslides;i++)
  {
	  hslides[i]= new Fx.Slide('horizontal_slide'+(i+1),{mode: 'horizontal', link: 'chain', fps:'50',duration:'800'});
	  		
	  slogans[i]= new Fx.Tween('vertical_slide'+(i+1));
	  slogans[i].set ('visibility','hidden');
	  
  }
  slogans[0].set('visibility','visible');
 
  var myUri = new URI();
  var tagindex = -1;
  var prevtagindex = -1;
  var tagcountstring = "notset";
  var page = "notset";

  if (myUri.getData("tagindex")!=null)tagindex = myUri.getData("tagindex"); 
  if (myUri.getData("prevtagindex")!=null)prevtagindex = myUri.getData("prevtagindex"); 
  if (myUri.getData("tagcounts")!=null)tagcountstring = myUri.getData("tagcounts"); 
   if (myUri.getData("page")!=null)page = myUri.getData("page"); 
 
 
   //count the number of items in the carrousel
  var items =0;
  for(var i =0;i<numberofslides;i++)
	{
		items = items + parseInt(tagcountstring.charAt(i));
			
   
	}
  
   if(page=="home" || page=="news" || page=="contact" || page == "company" || page == "vacatures")
   {
	   slideshow_on =true;
   }
 

  if(tagindex!=-1&&prevtagindex!=-1)
  {
	  //animatecategory(prevtagindex,tagindex);
	  animatecategory(tagindex,tagindex);
  }

 var t; 
 window.onload = function()
 {
	document.getElementById("slideshow").style.visibility ='visible';
	setTimeout(function(){ playevent(); },slidetime);
	if(page!="home"&&page!="news"  )
   {
   		window.scrollTo(0,100); 
   }
  

 }
 
 



  $('h_slideout').addEvent('click', function(event){
    event.stop();
	stopslideshow()
	slideoutevent();	 
	carrousselGoToProject();
  });
  
    $('h_slidein').addEvent('click', function(event){
    event.stop();
	stopslideshow()
	slideinevent();	  
	carrousselGoToProject();	
  });
  

    $('h_slideout2').addEvent('click', function(event){
    event.stop();
	stopslideshow()	
	slideoutevent();	
	carrousselGoToProject();	
  });
  
    $('h_slidein2').addEvent('click', function(event){
    event.stop();
	stopslideshow()
	slideinevent();	
	carrousselGoToProject();
	
  });
  
     $('h_hoverdot1').addEvent('click', function(event){
    event.stop();
	stopslideshow()
	animatecategory(slidecounter,0);
	carrousselGoToProject();
	});	
	 $('h_hoverdot2').addEvent('click', function(event){
    event.stop();
	stopslideshow()
	animatecategory(slidecounter,1);
	carrousselGoToProject();
	});
	 $('h_hoverdot3').addEvent('click', function(event){
    event.stop();
	stopslideshow()
	animatecategory(slidecounter,2);
	carrousselGoToProject();
	});
	 $('h_hoverdot4').addEvent('click', function(event){
    event.stop();
	stopslideshow()
	animatecategory(slidecounter,3);
	carrousselGoToProject();
	});
	 $('h_hoverdot5').addEvent('click', function(event){
    event.stop();
	animatecategory(slidecounter,4);
	carrousselGoToProject();
	});
	 $('h_hoverdot6').addEvent('click', function(event){
    event.stop();
	stopslideshow()
	animatecategory(slidecounter,5);
	carrousselGoToProject();
	});
	 $('h_hoverdot7').addEvent('click', function(event){
    event.stop();
	stopslideshow()
	animatecategory(slidecounter,6);
	carrousselGoToProject();
	});
	 $('h_hoverdot8').addEvent('click', function(event){
    event.stop();
	stopslideshow()
	animatecategory(slidecounter,7);
	carrousselGoToProject();
	});
	 $('h_hoverdot9').addEvent('click', function(event){
    event.stop();
	stopslideshow()
	animatecategory(slidecounter,8);
	carrousselGoToProject();
	});
	
	 $('next').addEvent('click', function(event){
    event.stop();
	stopslideshow();
	 });
	 
	 $('prev').addEvent('click', function(event){
	
    event.stop();
	stopslideshow();
	 });
	
	
	 
	function playevent()
	{		
		if(slideshow_on)
		{
		slideoutevent();
		carrousselGoToProject();
	  	setTimeout(function(){ playevent(); },slidetime);	
		}
	}
	
	function stopslideshow()
	{
		clearTimeout(function(){ playevent(); });
		slideshow_on = false;
	}
	
  function updatebuttons()
  {
	    if(portfolio_carrousel.current>items-5)
		  {
			  document.getElementById("c_right").style.visibility = "hidden";
		  }
		  else
		  {
			  document.getElementById("c_right").style.visibility = "visible";
		  }
		  
		  if(portfolio_carrousel.current==0)
		  {
			  document.getElementById("c_left").style.visibility = "hidden";
		  }
		  else
		  {
			  document.getElementById("c_left").style.visibility = "visible";
		  }
  }
	

  function carrousselGoToProject()
  {	
	  var stepstotake =0;
	  var oldcurrent = portfolio_carrousel.current;
	 
	  if(parseInt( tagcountstring.charAt(slidecounter) )!=0)
	  {
		  for(var i=0;i<slidecounter;i++)
		  {
			  stepstotake = stepstotake + parseInt(tagcountstring.charAt(i));
		  }
		  portfolio_carrousel.current = stepstotake;
		
		  portfolio_carrousel.play(true);
	  }

  }
  
  function slideinevent() 
  {
	  if(slidecounter==0)
	  {		  
		  for(var i =0;i<numberofslides-1;i++)
		  {
			  slideout();			 
		  }
	  }
	  else
	  {		
	  	  slidein();
	  }
  }
  
  function slideoutevent()
  {
	  if(slidecounter==numberofslides-1)
	  {		 
		  for(var i =0;i<numberofslides-1;i++)
		  {
			  slidein();
		  }
	  }
	  else
	  {		  
		  slideout();		  
	  }
  }

  function fadein(element)
  {
		element.set('visibility','visible');
  }
  
  function fadeout(element)
  {
	
		element.set('visibility','hidden');
  }
  
  function slidein()
  {
	 if(slidecounter>0)
	{
				
		hslides[slidecounter-1].slideIn();	
		fadein(slogans[slidecounter-1]);	
		fadeout(slogans[slidecounter]);	
		
		var column = (slidecounter-1)%3;
		var row = Math.floor((slidecounter-1)/3);
		document.getElementById("slideshow_dot_selector").style.paddingLeft =(column*15)+'px';
		document.getElementById("slideshow_dot_selector").style.paddingTop =(row*15)+'px';						
		slidecounter--;	
	}
	
 }
  
 function slideout()
 {
	 if(slidecounter<numberofslides-1)
	{
				
		hslides[slidecounter].slideOut();
		fadein(slogans[slidecounter+1]);	
		fadeout(slogans[slidecounter]);	
		var column = (slidecounter+1)%3;
		var row =Math.floor((slidecounter+1)/3);
		document.getElementById("slideshow_dot_selector").style.paddingLeft =(column*15)+'px';
		document.getElementById("slideshow_dot_selector").style.paddingTop =(row*15)+'px';				
		slidecounter++;
		
	}
 }
 

    function animatecategory(prevtagindex,tagindex)
  {	  
		 
		
		 if(slidecounter==0)
		 {
			 for (var i =0; i<prevtagindex;i++)
			 {
				 hslides[i].hide();
				 
				 var column = (i+1)%3;
				 var row =Math.floor((i+1)/3);
				 document.getElementById("slideshow_dot_selector").style.paddingLeft =(column*15)+'px';
				 document.getElementById("slideshow_dot_selector").style.paddingTop =(row*15)+'px';	
				 slidecounter++;
				 fadein(slogans[i+1]);	
				 fadeout(slogans[i]);	
			 }
		 }
		
		 if(prevtagindex>tagindex)
		 {
			 for(var i=prevtagindex;i>tagindex;i--)
			 {
				 slidein();
			 }
		 }
		 if(prevtagindex<tagindex)
		 {
			 for(var i = prevtagindex;i<tagindex;i++)
			 {
				 slideout();
			 }
		 }
		
		
	  
  }
});