function navmenu(){
	$("#nav ul ").css({display: "none"}); // Opera Fix
	$("#nav li").hover(function(){
			$(this).find('ul:first').css({visibility: "visible",display: "none"}).show(400);
			},function(){
			$(this).find('ul:first').css({visibility: "hidden"});
			});
	$("ul#nav > li:first").css({margin: "0px 0px 0px 15px"});

	
	$("ul#nav > li").hover(function(){
			$(this).addClass("rubover");
			$('a:first', this).addClass("lirubover");
			},function(){
			$('a:first', this).removeClass("lirubover");
			$(this).removeClass("rubover");
			});
			
	$("ul#nav > li > a.selected").parent().addClass("rubselect");	
}						

 
 $(document).ready(function(){	
												
							
	navmenu();
	
	$("#accordion").tabs("#accordion div.pane", {tabs: 'h2', effect: 'slide', initialIndex: null});

                  
	// add new effect to the tabs
	$.tools.tabs.addEffect("slide", function(i, done) {
						
	// 1. upon hiding, the active pane has a ruby background color
	this.getPanes().slideUp('900').addClass("sliding");
						
	// 2. after a pane is revealed, its background is set to its original color (transparent)
	this.getPanes().eq(i).slideDown(900, function()  {
		$(this).removeClass("sliding");
							
		// the supplied callback must be called after the effect has finished its job
		done.call();
		});
	});





// BLOCK SLIDE IMAGE MAIN RUBRIQUE fonctionne avec CYCLE PLUGIN JQUERY	
	if ( $('div.diaporamamainrub ul').length )	
			$('div.diaporamamainrub ul').cycle({
			fx: 'scrollRight', 
			timeout: 3000,
			speed: 3000,
			cleartypeNoBg: true,
			delay:  0		
		});
		
	if ( $('div.diaporamamainrub ul.verslebas').length )	
			$('div.diaporamamainrub ul.verslebas').cycle({
			fx: 'scrollDown', 
			timeout: 3000,
			speed: 3000,
			cleartypeNoBg: true,
			delay:  0		
		});

		
	
// BLOCK SLIDE IMAGE HAUT  fonctionne avec CYCLE PLUGIN JQUERY	
	if ( $('ul.slideimages').length )	
			$('ul.slideimages').cycle({
			fx: 'fade', 
			timeout: 7000,
			speed: 3000,
			cleartypeNoBg: true,
			delay:  0		
		});


		
// BLOCK 1 MAIN DIAPORAMA  fonctionne avec CYCLE PLUGIN JQUERY
	
	if ( $('#diapoblock').length )	
			$('#diapoblock').cycle({
			fx:     'scrollUp',
			timeout: 3500,
			cleartypeNoBg: true,
			delay:  -1000	
	});	
	
	
	$("img#diapnav1a").click( function() {
		$('#diapoblock').cycle('pause');
		$('#diapnav1b').attr('src','./images/common/bout-play-diaporama.gif');
		$(this).attr('src','./images/common/bout-pause-diaporama-over.gif');
		return false;
	});	
	
	
	$("img#diapnav1b").click( function() {
		$('#diapoblock').cycle('resume');
		$('#diapnav1a').attr('src','./images/common/bout-pause-diaporama.gif');
		$(this).attr('src','./images/common/bout-play-diaporama-over.gif');
		return false;
	});	
	
	
	$("img#diapnav1c").click( function() {
		$('#diapoblock').cycle('prev');
		return false;
	});		
	
	$("img#diapnav1c").mouseenter( function() {
		$(this).attr('src','./images/common/bout-preced-over.gif');
		return false;
	});	
	
	$("img#diapnav1c").mouseleave( function() {
		$(this).attr('src','./images/common/bout-preced-out.gif');
		return false;
	});	
	
	$("img#diapnav1d").click( function() {
		$('#diapoblock').cycle('next');
		return false;
	});	
	
	$("img#diapnav1d").mouseenter( function() {
		$(this).attr('src','./images/common/bout-suite-over.gif');
		return false;
	});	
	
	$("img#diapnav1d").mouseleave( function() {
		$(this).attr('src','./images/common/bout-suite-out.gif');
		return false;
	});

	


// thumbviewer

	$("div.thumbviewer div.thumb ul li a").hover(function() {
		var mainView = $(this).attr("href"); 
		var mainLegende = $("img", this).attr("title"); 
		var mainImageLegende = $("img", this).attr("alt"); 
		$(this).parent().parent().parent().parent().find("div.mainView img").attr({ src: mainView });
		$(this).parent().parent().parent().parent().find("div.mainView p.legende").html(mainLegende);
		$(this).parent().parent().parent().parent().find("div.mainView img").attr({ alt: mainImageLegende });
		return false;		
	});
	
	$("div.thumbviewer div.thumb ul li a").click(function() {
		var mainView = $(this).attr("href"); 
		var mainLegende = $("img", this).attr("title"); 
		var mainImageLegende = $("img", this).attr("alt"); 
		$(this).parent().parent().parent().parent().find("div.mainView img").attr({ src: mainView });
		$(this).parent().parent().parent().parent().find("div.mainView p.legende").html(mainLegende);
		$(this).parent().parent().parent().parent().find("div.mainView img").attr({ alt: mainImageLegende });
		return false;		
	});
	
});