<!-- Fonctions supplémentaires propres au site -->
jQuery.fn.blindToggle = function(speed, easing, callback) {
  var h = this.height() + parseInt(this.css('paddingTop')) + parseInt(this.css('paddingBottom'));
  return this.animate({marginTop: parseInt(this.css('marginTop')) < 0 ? 0 : -h}, speed, easing, callback);  
};

var Site = {
	init: function ()
	{
		$j(".chargePage").bind("click", function (e)
		{
			e.preventDefault();
			var url = $j(this).attr("href");			
			return chargePage(url, 0, false);
			
		});
	}
};


var player = {};

$j(document).ready(function(){
	Site.init();  
	//initAnimation();	
	Animation.populate(GetPageInfo.fileName());
	initPlayerMp3();
		
	$j("#navigation ul li a").click(function(e) {
		if($j(this).attr("target") != "_blank"){
			e.preventDefault();
		}
		var hidden = $j(this).parents("li").children("ul").is(":hidden");
			
		$j("#navigation ul li ul").hide()        
		$j("#navigation ul li a").removeClass();
				
		if (hidden) {
			$j(this).parents("li").children("ul").slideDown("slow").show().parents("li").children("a").addClass("current");
			
		} 
	});	
	
});

$j(document).bind('onLoadHtmlCompleted', function(evt, ajaxObject, data){	
	//initAnimation();	
	Animation.populate(GetPageInfo.fileName());
	
	$j("#navigation ul li a").click(function(e) {
		if($j(this).attr("target") != "_blank"){
			e.preventDefault();
		}
		var hidden = $j(this).parents("li").children("ul").is(":hidden");
		
		$j("#navigation ul li ul").hide()        
		$j("#navigation ul li a").removeClass();
				
		if (hidden) {
			$j(this).parents("li").children("ul").slideDown(430).show().parents("li").children("a").addClass("current");
			
		} 
	});		
	$j('#navigation ul li a.current').removeClass('current');
	$j("#navigation ul li").find("a[href='" + GetPageInfo.fileName() + "']").addClass("current");
});


// OBTENIR L'URL DE LA PAGE
var GetPageInfo = {
	fileName:function()	{
		//création d'un tableau avec comme valeurs les chaînes de caractères compris entre les slashs. On renvoie ensuite la dernière valeur de ce tableau
		var pURL = document.location.href.split('\/').pop();
	
		//si dans la chaîne il y a un ? on crée un tableau et on renvoie la dernière valeur
		if (pURL.indexOf('?') != -1){
			pURL= (pURL.split('?')).pop();
		}
		
		//si dans la chaîne il y a un # on crée un tableau et on renvoie la dernière valeur
		if (pURL.indexOf('#') != -1)		{
			pURL= (pURL.split('#')).pop();
		}		
		return pURL;
	}
};

// Player Mp3
var initPlayerMp3 = function() {	
	player = new MediaElement('musique', {
		// shows debug errors on screen
		enablePluginDebug: false,
		// remove or reorder to change plugin priority
		plugins: ['flash','silverlight'],
		// specify to force MediaElement to use a particular video or audio type
		type: '',
		// path to Flash and Silverlight plugins
		pluginPath: '../javascripts/',
		// name of flash file
		flashName: 'flashmediaelement.swf',
		// name of silverlight file
		silverlightName: 'silverlightmediaelement.xap',
		// method that fires when the Flash or Silverlight object is ready
		success: function (mediaElement, domObject) {

			// MISE EN BOUCLE 
			mediaElement.addEventListener('ended', function(e) {
				mediaElement.play();
			}, false);
			
			mediaElement.addEventListener('play', function(e) {
				$j('#btn-musique').addClass('play');
				$j('#btn-musique').html("<img src=\"../images/music-on.png\"> Musique on");;
				
			}, false);
			
			mediaElement.addEventListener('pause', function(e) {
				$j('#btn-musique').removeClass('play');
				
				$j('#btn-musique').html("<img src=\"../images/music-off.png\"> Musique off");;
			}, false);
			
			// call the play method
			mediaElement.play();
			//$j('#music').trigger('click');

		},
		// fires when a problem is detected
		error: function () {

		}
	});
	
	$j('#btn-musique').click(function(e){
		e.preventDefault();
		
		if (player.paused){
			player.play();
		} else {
			player.pause();
		}
	});

};

// CHARGEMENT DES PHOTOS POUR LES ANIMATIONS
var Photos = {
	'index.php': 5,
	'l-oenotourisme.php': 5,
	'domaine.php': 3,
	'ecologie-et-securite.php': 1,
	'histoire.php': 1,
	'savoir-faire.php': 2,
	'actualites.php': 4,
	'nos-partenaires.php': 4,
	'presse.php': 4,
	'acces.php': 2,
	'contact.php': 2,
	'vignobles-aureto.php': 4,
	'terroir.php': 4,
	'cepages.php': 4,
	'agriculture-raisonnee.php': 4,
	'soins.php': 4,
	'autan.php': 1,
	'tramontane.php': 1,	
	'cuvees-speciales.php': 1			
};
var Label = {
	'index.php': ['Au coeur d\'un domaine viticole de 30 hectares / Vins de la Vallée du Rhône', 'Environnement authentique et protégé', 'Cave de vinification et caveau de dégustation'],
	'l-oenotourisme.php':[]
};


var Animation = {
	
	populate: function(rubrique){
		
		var labelImage = '';
		
		(Label[rubrique] == undefined) ? labelImage = '' : labelImage = Label[rubrique];
		
		
		var nbImages = Photos[rubrique];
		var img = '';
		
		for (i = 0; i < nbImages; i++) {			
			var divLabel = '';			
			if (labelImage[i] != undefined) {
				divLabel = '<div class="label_text"><p>'+ labelImage[i] +'</p></div>'
			}			
			img += '<li><a href="#"><img src="../images/animation/' + rubrique.split('.')[0]+'/00'+(i + 1)+'.jpg" /></a>'+ divLabel +'</li>';	
			console.log(img);
		}
		
		// LANCEMENT DE L'ANIMATION
		$j('#animation').remove();
		$j('#navigation').append($j('<div id="animation" class="box_skitter" />'));	
		$j('#animation').html('<ul>'+ img + '</ul>')
			.skitter({
				numbers: false,
				animation: 'fade',
				hideTools: true,
			}
		);
	}
};



