function open_div() {

}
/*
   ================================================================================
        script: parallax-III
        author: Gerard Ferrandez - [Ge1doot]
          date: June 2, 2008
          site: http://www.dhteumeuleu.com
       license: CC-BY-NC - do not remove this notice
       images from: http://www.webdesignerwall.com/tutorials/parallax-gallery/
   ================================================================================
*/



/*
	Syntax 1: imbricate HTML tags
		<div>
			Parallax Level 1
			<div>
				Parallax Level 2
				<div>
					Parallax Level 3
				</div>
			</div>
		</div>
	
	Syntax 2: specify in-line CSS z-index values
		<div style="z-index:1">Parallax Level 1</div>
		<div style="z-index:2">Parallax Level 2</div>
		<div style="z-index:3">Parallax Level 3</div>
	
	Javascript initialization :
		prx.init(tags, force, attenuation);
*/
	function mycarousel_initCallback(carousel)
	{
		// Disable autoscrolling if the user clicks the prev or next button.
		carousel.buttonNext.bind('click', function() {
			carousel.startAuto(0);
		});

		carousel.buttonPrev.bind('click', function() {
			carousel.startAuto(0);
		});

		// Pause autoscrolling if the user moves with the cursor over the clip.
		carousel.clip.hover(function() {
			carousel.stopAuto();
		}, function() {
			carousel.startAuto();
		});
	};
	
	
	
function select_galerie(val)
{	

	document.getElementById('selection').style.left='-1500px';
	document.getElementById('nouveaux').style.left='-1500px';
	document.getElementById('exclusif').style.left='-1500px';
	document.getElementById(val).style.left='0';
	
	
}
	
	jQuery(document).ready(function($) {
				
				
				// initialisation des forms
				jQuery('#galerie_form').jqTransform({imgPath:'images/'});
				jQuery('#quick_find').jqTransform({imgPath:'images/'});
				jQuery('#esti').jqTransform({imgPath:'images/'});
				
				// galerie
				if (document.getElementById("galerie")!=null)
				{
				// We only want these styles applied when javascript is enabled
				jQuery('div.navigation').css({'width' : '180px', 'float' : 'left'});
				jQuery('div.content_gal').css('display', 'block');

				jQuery(".each-gallery").each(function(i){
					// Initially set opacity on thumbs and add
					// additional styling for hover effect on thumbs
					var onMouseOutOpacity = 0.67;
					jQuery('#thumbs + i + ul.thumbs li').opacityrollover({
						mouseOutOpacity:   onMouseOutOpacity,
						mouseOverOpacity:  1.0,
						fadeSpeed:         'fast',
						exemptionSelector: '.selected'
					});
					
					// Initialize Advanced Galleriffic Gallery
					var gallery = jQuery('#thumbs'+i).galleriffic({
						delay:                     3000,
						numThumbs:                 8,
						preloadAhead:              20,
						enableTopPager:            false,
						enableBottomPager:         false,
						imageContainerSel:         '#slideshow'+ i,
						controlsContainerSel:      '#controls' + i,
						captionContainerSel:       '#caption' + i,
						loadingContainerSel:       '#loading' + i,
						renderSSControls:          true,
						renderNavControls:         true,
						playLinkText:              'Lecture',
						pauseLinkText:             'Pause',
						prevLinkText:              '&nbsp;&lsaquo;&nbsp;&nbsp;',
						nextLinkText:              '&nbsp;&rsaquo;&nbsp;',
						nextPageLinkText:          'Suite &rsaquo;',
						prevPageLinkText:          '&lsaquo; Retour',	
						enableHistory:             false,
						autoStart:                 false,
						syncTransitions:           true,
						defaultTransitionDuration: 900,
						onSlideChange:             function(prevIndex, nextIndex) {
							// 'this' refers to the gallery, which is an extension of $('#thumbs')
							this.find('ul.thumbs').children()
								.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
								.eq(nextIndex).fadeTo('fast', 1.0);

							// Update the photo index display
							this.$captionContainer.find('div.photo-index')
								.html('Bien '+ (nextIndex+1) +' / '+ this.data.length);
						},
						onPageTransitionOut:       function(callback) {
							this.fadeTo('fast', 0.0, callback);
						},
						onPageTransitionIn:        function() {
							var prevPageLink = this.find('a.prev').css('visibility', 'hidden');
							var nextPageLink = this.find('a.next').css('visibility', 'hidden');
							
							// Show appropriate next / prev page links
							if (this.displayedPage > 0)
								prevPageLink.css('visibility', 'visible');

							var lastPage = this.getNumPages() - 1;
							if (this.displayedPage < lastPage)
								nextPageLink.css('visibility', 'visible');

							this.fadeTo('fast', 1.0);
						}
					});
				});
				

				
				}
				
				/****************************************************************************************/
				if (document.getElementById("mycarousel")!=null)
				{
					jQuery('#mycarousel').jcarousel({
						wrap: 'last',
						scroll: 1,
						auto: 5
					});
				}
				
				

				
			});
			
			

