jQuery(document).ready(function(){
								
	initSlider();
	initPopin();
	
}); 

//fonction pour effectuer un trace dans la console ou une alerte
function trace(obj){
	if (!jQuery.browser.msie) {
		console.log(obj);
	}else{
		alert(obj);
	}
}


	/*
	/* gestion des slides avec les flèches gauche et droite
	/**/
	var initSlideKeyboard = function(){
		$(document).keydown(function(event){
			if(event.which == 37) {
			console.log('gauche');
			} else if(event.which == 39) {
			console.log('droite');
			}
		})
	};




	/*
	/* gestion slider*/
	/**/
	var initSlider = function(){
		
		var currentPosition = 0;
		var objSlide = $('.content #slider');
		var objSlideInner = $('.content #slider .inner_content');
		var objControlLeft  = $('#arrow_lft .control');
		var objControlRight  = $('#arrow_rgt .control');
		var objControl = $('.control');
		
		var val_numberOfSlides = objSlideInner.length;
		var val_slideWidth = objSlide.width() + 10;
	
		
//console.log('val_slideWidth -->'+ val_slideWidth);
//console.log('val_numberOfSlides -->'+ val_numberOfSlides);

		// Set #slideInner width equal to total height of all slides
		objSlide.css('width', val_slideWidth * val_numberOfSlides + 'px');
		
//console.log('slider width -->'+ val_slideWidth * val_numberOfSlides );
  
		// Hide left arrow control on first load
		manageControls(currentPosition);
		
		// Create event listeners for .controls clicks
		objControl.bind('click', function(event){	
			event.preventDefault();
			
			//bouton --> NextCtrl
			var val_realAttrId = 'arrow_rgt' ;

			// Determine new position
//console.log('slide --> '+ currentPosition);
			currentPosition = ($(this).parent().attr('id') == val_realAttrId ) ? currentPosition+1 : currentPosition-1;
			
				// Hide / show controls
				manageControls(currentPosition);

				// Move slideInner using margin-top
				
				var leftPos = val_slideWidth*(-currentPosition) +'px';
				// Move slideInner using margin-top
				objSlide.animate({	
				  'marginLeft' : leftPos
				});
				

				
			});/*bind control for animate*/

		// manageControls: Hides and Shows controls depending on currentPosition
		function manageControls(position){

//console.log('currentPosition_slide ------>'+currentPosition);
//console.log('val_numberOfSlides ------>'+val_numberOfSlides);

		// Hide left arrow if position is first slide
		if(position==0){ objControlLeft.hide() } else{ objControlLeft.show() }
		// Hide right arrow if position is last slide
		if(position==val_numberOfSlides-1){ objControlRight.hide() } else{ objControlRight.show() }
		
		
		//gestion via keyboard
		if( (val_numberOfSlides != 1) ){
			initSlideKeyboard();
		}
		
		
		}	/*fin function manageControls*/
  
	};/*fin function slide01*/

/*
/*PopIN
/**/
var initPopin = function(){	
	
	//Overlay creation
	var overlay_height = $('#wrapper').height();
	var objOverlay = $('#overlay');
	var objPopin = $('#popin');
	var objHtmlBody = $('html,body');
	

	
	//$('body').append(overlay_bg);
	objOverlay.css('height', overlay_height);	
	
	//open popin
	$('.openPopin').live('click', function(event){
		event.preventDefault();
		var valLinkVid = $(this).attr("rel");
		
		objPopin.find('div').hide();
		objOverlay.show();
		objPopin.show();
		$('.'+valLinkVid+'').show();
		
		popinCenter();

	});
	
	//center function
	popinCenter = function() {
		var ScrollVal = objHtmlBody.scrollTop();	
		var widthImg = (( objPopin.width() ) /-2) -20;
		var heightImg = (( objPopin.height() ) /-2);
		objPopin.css({ "margin-left": " "+ widthImg +"px", "margin-top": " "+ (heightImg + ScrollVal) +"px" });
	};
	
	//Close PopIn
	$('#popin .close').live("click", function(event) {
		event.preventDefault();
		objPopin.hide();
		HideOverlay()
	});
	//Close PopIn
	$(objOverlay).live("click", function(event) {
		event.preventDefault();
		objPopin.hide();
		HideOverlay()
	});
	/* Hit Escape for close*/
	$(document).keydown(function(e) {
		if (e.which == 27) {  // escape, close box
			objPopin.hide();
			HideOverlay()
		}
	});
	//Hide overlay
	function HideOverlay() {
		objOverlay.hide();
	}
	
};