// brubru.js
// codi javascript de suport a la web de bru&bru
//
//

var rutaimatges;
var reculltxt;
	
ruta="http://www.bru-bru.com/contingut/fotos/";
rutaimatges="http://www.bru-bru.com/img/template/";

// --------------------------------------------
//      SPRY
// --------------------------------------------

var observer = {};

observer.nextEffect = false;
observer.onPostEffect = function(e){

	if (this.nextEffect)
	{
		var eff = this.nextEffect;
		setTimeout(function(){eff.start();}, 10);
	}

	this.nextEffect = false;
}

function myPanelsSlides(currentPanel)
{
    // The list of all the panels that need sliding
	var panels = ['slide1','slide2', 'slide3', 'slide4', 'slide5', 'slide6', 'slide7','slide8'];
	var opened = -1;

	// Let's check if we have an effect for each of these sliding panels
	if (typeof effects == 'undefined')
		effects = {};

	for (var i=0; i < panels.length; i++)
	{
		if (typeof effects[panels[i]] == 'undefined'){
			effects[panels[i]] = new Spry.Effect.Slide(panels[i], {from: '0%', to: '100%', toggle: true});
			effects[panels[i]].addObserver(observer);
		}
		 
		if (effects[panels[i]].direction == Spry.forwards && currentPanel != panels[i])
			opened = i;

		//prevent too fast clicks on the buttons
		if (effects[panels[i]].direction == Spry.backwards && effects[panels[i]].isRunning)
		{
			observer.nextEffect = effects[currentPanel];
			return;
		}
	}


	if (opened != -1)
	{
		observer.nextEffect = effects[currentPanel];
		effects[panels[opened]].start();	
	} 
	else if (effects[currentPanel].direction != Spry.forwards)
	{
		effects[currentPanel].start();	
	}

};

// --------------------------------------------


function flextaSlider(quinslider)
{
	sp1.showPanel(quinslider);
	// esquerra
	if(quinslider==0){
		//$('#flextaesquerra').src=rutaimatges+"arrow-top-nav-off-left.png";
		elem=document.getElementById("flextaesquerra");
		elem.src=rutaimatges+"arrow-top-nav-off-left.png";
		
		//$('#flextadreta').src=rutaimatges+"arrow-top-nav-right.png";
		elem=document.getElementById("flextadreta");
		elem.src=rutaimatges+"arrow-top-nav-right.png";
	}
	
	// dreta
	if(quinslider==2){
		//$('#flextaesquerra').src=rutaimatges+"arrow-top-nav-left.png";
		elem=document.getElementById("flextaesquerra");
		elem.src=rutaimatges+"arrow-top-nav-left.png";
		
		//$('#flextadreta').src=rutaimatges+"arrow-top-nav-off-right.png";
		elem=document.getElementById("flextadreta");
		elem.src=rutaimatges+"arrow-top-nav-off-right.png";
	}
		
	return false;
}


/* -----------------------------------------------------------------

  nou amb jquery 08/2009
  
  ------------------------------------------------------------------*/


// plugin propi per la carrega de les imatges de cada grup
jQuery.BruBru={
	
	prClic: 0,
	numFotoActual: 0,
	
	activaGrup: function(idgrup,elslide,lafoto){
		
		$.BruBru.numFotoActual=lafoto;
		
		// esborra imatge actual
		$('#loader').empty();
		
		// gestiona carrega de la nova
		var img = new Image();
		$(img)
		  .load(function () {   
		    $(this).hide();
		    $('#loader')
		      .append(this);
		    $(this).fadeIn();
		  })
		  .error(function () {
			// avis de que la imatge no s'ha carregat
		  })
		  
		  .attr('src', grupsfotos[idgrup][lafoto][0])
		  .attr('class', grupsfotos[idgrup][lafoto][1]);
		  
		  //desplega text
		  if(elslide != 'cap'){
			myPanelsSlides(elslide);
			if($.BruBru.prClic!=1){
				$('#bannerintro').fadeOut();
				$.BruBru.prClic=1;
			}
			
		  }
		  
	},
	
	seguentFoto: function(idgrup){
		
		// busca seguent foto
		if($.BruBru.numFotoActual < ( grupsfotos[idgrup].length-1 ) )
		{
			$.BruBru.numFotoActual++;
			
		} else {
			
			$.BruBru.numFotoActual=0;
		}
				
		// esborra imatge actual
		$('#loader').empty();
		
		// gestiona carrega de la nova
		var img = new Image();
		$(img)
		  .load(function () {   
		    $(this).hide();
		    $('#loader')
		      .append(this);
		    $(this).fadeIn();
		  })
		  .error(function () {
			// avis de que la imatge no s'ha carregat
		  })
		  
		  .attr('src', grupsfotos[idgrup][$.BruBru.numFotoActual][0])
		  .attr('class', grupsfotos[idgrup][$.BruBru.numFotoActual][1]);
		  
		  
	},
	
	recullText: function(idtext,velocitat,idlink){
		
		$(idtext).slideToggle(velocitat);
		var $link=$(idlink);
		
		if( $link.text()=="Cerrar texto" ){
			$link.text('Mostrar texto');
		} else {
			$link.text('Cerrar texto');
		}
	}
	
};



// inicialitza
// when the DOM is ready
$(function () {
	// primera foto
	$.BruBru.activaGrup(0,'cap',0);
  
	// intercepta links menu
	$('#lp0').click(function(event){
		$.BruBru.activaGrup(0,'slide1',0);
	});
	
	$('#sgft0').click(function(event){
		$.BruBru.seguentFoto(0);
	});
	
	$('#lp1').click(function(event){
		$.BruBru.activaGrup(1,'slide8',0);
	});
	
	$('#sgft1').click(function(event){
		$.BruBru.seguentFoto(1);
	});
	
	$('#lp2').click(function(event){
		$.BruBru.activaGrup(2,'slide2',0);
	});
	
	$('#sgft2').click(function(event){
		$.BruBru.seguentFoto(2);
	});
	
	$('#lp3').click(function(event){
		$.BruBru.activaGrup(3,'slide3',0);
	});
	
	$('#sgft3').click(function(event){
		$.BruBru.seguentFoto(3);
	});
	
	$('#lp4').click(function(event){
		$.BruBru.activaGrup(5,'slide5',0);
	});
	
	$('#lp4banner').click(function(event){
		$.BruBru.activaGrup(5,'slide5',0);
	});
	
	$('#sgft4').click(function(event){
		$.BruBru.seguentFoto(4);
	});
	
	$('#lp5').click(function(event){
		$.BruBru.activaGrup(6,'slide6',0);
	});
	
	$('#sgft5').click(function(event){
		$.BruBru.seguentFoto(5);
	});
	
	$('#lp6').click(function(event){
		$.BruBru.activaGrup(4,'slide4',0);
	});
	
	$('#lp6banner').click(function(event){
		$.BruBru.activaGrup(4,'slide4',0);
	});
	
	$('#sgft6').click(function(event){
		$.BruBru.seguentFoto(6);
	});
	
	$('#lp7').click(function(event){
		$.BruBru.activaGrup(0,'slide7',0);
	});
	
});



// ---------------------------------------
// Nou format per referenciar les fotos
//
// descripció:
//   [src,class]
//
// acces js:
//   grupsfotos[idgrup][núm. foto][src o class]
//   grupsfotos[0][0][0] -> SRC foto 
//   grupsfotos[0][0][1] -> CLASS foto
//
//
var grupsfotos =[ //grups
	 
		[ // grup 0
			['contingut/fotos/Destinos-01-Desierto-de-hielo.jpg','bottom'],
			['contingut/fotos/Destinos-02-Singita.jpg','top'],
			['contingut/fotos/Destinos-03-Seychelles.jpg','top'],
			['contingut/fotos/Destinos-04-Aurora-boreal.jpg','bottom'],
			['contingut/fotos/Destinos-05-Necker-Island.jpg','bottom']
		],
		
		[ // grup 1
			['contingut/fotos/oficinas-01-artic-galactic.jpg','bottom'],
			['contingut/fotos/oficinas-02-artic-galactic.jpg','top'],
			['contingut/fotos/oficinas-03-artic-galactic.jpg','bottom'],
			['contingut/fotos/oficinas-04-artic-galactic.jpg','top'],
			['contingut/fotos/oficinas-05-artic-galactic.jpg','top'],
			['contingut/fotos/oficinas-06-artic-galactic.jpg','center']
		],
		
		[ // grup 2
			['contingut/fotos/catalogos-01-artic-galactic.jpg','center'],
			['contingut/fotos/catalogos-02-artic-galactic.jpg','center'],
			['contingut/fotos/catalogos-03-artic-galactic.jpg','center'],
			['contingut/fotos/catalogos-04-artic-galactic.jpg','center'],
			['contingut/fotos/catalogos-05-artic-galactic.jpg','center'],
			['contingut/fotos/catalogos-06-artic-galactic.jpg','center']
		],
		
		[ // grup 3
			['contingut/fotos/Virgin-galactic-01.jpg','top'],
			['contingut/fotos/Virgin-galactic-02-drop-shot.jpg','bottom'],
			['contingut/fotos/Virgin-galactic-03-astronautas.jpg','top'],
			['contingut/fotos/Virgin-galactic-04-nave.jpg','top'],
			['contingut/fotos/Virgin-galactic-04-Virgin-Galactic-Bru-Bru.jpg','center']
		],
		
		[ // grup 4
			['contingut/fotos/eclipse-01.jpg','top'],
			['contingut/fotos/eclipse-02.jpg','top'],
			['contingut/fotos/eclipse-03.jpg','center'],
			['contingut/fotos/eclipse-04.jpg','center'],
			['contingut/fotos/eclipse-05.jpg','center'],
			['contingut/fotos/eclipse-06.jpg','bottom']
		],
		
		[ // grup 5
			['contingut/fotos/news-01.jpg','top'],
			['contingut/fotos/news-02.jpg','top'],
			['contingut/fotos/news-03.jpg','bottom'],
			['contingut/fotos/news-04.jpg','bottom']
		],
		
		[ // grup 6
			['contingut/fotos/medios-00-artic-galactic.jpg','center'],
			['contingut/fotos/medios-01-artic-galactic.jpg','center'],
			['contingut/fotos/medios-02-artic-galactic.jpg','center'],
			['contingut/fotos/medios-03-artic-galactic.jpg','center'],
			['contingut/fotos/medios-04-artic-galactic.jpg','center'],
			['contingut/fotos/medios-05-artic-galactic.jpg','center']
		]
	
	
	];